/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  100%, 20%, 53%, 80%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  100%, 20%, 53%, 80%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  100%, 50%, from {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  100%, 50%, from {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  100%, from {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  100%, from {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  100%, 11.1%, from {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  100%, 11.1%, from {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  100%, 20%, 40%, 60%, 80%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  100%, 20%, 40%, 60%, 80%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInDown {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInLeft {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInRight {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  100%, 60%, 75%, 90%, from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*! Huebee v2.0.0
http://huebee.buzz
---------------------------------------------- */
.huebee {
  position: absolute;
  z-index: 1;
  transform: translateY(0);
  transition: opacity 0.15s, transform 0.15s;
}

.huebee.is-hidden {
  opacity: 0;
  transform: translateY(10px);
}

.huebee.is-static-open {
  position: relative;
  z-index: auto;
}

.huebee__container {
  position: absolute;
  left: 0;
  top: 5px;
  padding: 10px;
  background: #EEE;
  border-radius: 5px;
  box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.3);
}

.huebee.is-static-open .huebee__container {
  position: relative;
  display: inline-block;
  left: auto;
  top: auto;
  box-shadow: none;
}

.huebee__canvas {
  display: block;
  cursor: pointer;
}

.huebee__cursor {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: content-box;
  border: 3px solid #fff;
  border-radius: 5px;
  pointer-events: none;
}

.huebee__cursor.is-hidden {
  opacity: 0;
}

.huebee__close-button {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -9px;
  right: -9px;
  border-radius: 12px;
  background: #222;
}

.huebee__close-button__x {
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
}

.huebee__close-button:hover {
  background: #fff;
  cursor: pointer;
}

.huebee__close-button:hover .huebee__close-button__x {
  stroke: #222;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
/* Preload images */
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/loading-692bbf676485304ebf631cbbff0e13e1080497548b1e57dd45f0ee7cca684805.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: -70px;
  position: relative;
  float: left;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/prev-1e7baa21cf1e6f198340430d33299d6e14ac2a92f9c35a76ff5c9852ef016698.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: -70px;
  position: relative;
  float: right;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/next-440f59b64302b218385a36328a90caa43dca0d735d53e20b5eccbf9e3f5c6b43.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/close-f4b8b6d6a74203e3bf3dc47592dfc87f646a392192ac979a3914b980371bb6f4.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url(http://netdna.bootstrapcdn.com/font-awesome/4.6.0/fonts/fontawesome-webfont.eot?v=4.7.0);
  src: url(http://netdna.bootstrapcdn.com/font-awesome/4.6.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(//netdna.bootstrapcdn.com/font-awesome/4.6.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(//netdna.bootstrapcdn.com/font-awesome/4.6.0/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(//netdna.bootstrapcdn.com/font-awesome/4.6.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(//netdna.bootstrapcdn.com/font-awesome/4.6.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

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

.case-study-wrapper .researcher-info-module {
  *zoom: 1;
}
.case-study-wrapper .researcher-info-module:before, .case-study-wrapper .researcher-info-module:after {
  content: "";
  display: table;
}
.case-study-wrapper .researcher-info-module:after {
  clear: both;
}
.case-study-wrapper .researcher-info-module .img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.case-study-wrapper .researcher-info-module .body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}

@font-face {
  font-family: "Copernicus";
  src: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/Copernicus-Bold-9786bff20e3bb353e5e9fb7efbe56f891c4e9f4fc6e1f9f92c78ebe8c1157bac.eot);
  src: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/Copernicus-Bold-9786bff20e3bb353e5e9fb7efbe56f891c4e9f4fc6e1f9f92c78ebe8c1157bac.eot?#iefix) format("embedded-opentype"), url(//d3t9s8cdqyboc5.cloudfront.net/assets/Copernicus-Bold-38f3ab01df95c944e67b7c7630a226c888ecc557dc85c90ce48c5ae226b279f7.woff) format("woff"), url(//d3t9s8cdqyboc5.cloudfront.net/assets/Copernicus-Bold-fa5fdb8c764003dcd7ae5fa5914644baed6bbacb1af5ea4f8e6a34655a0b11bb.ttf) format("truetype"), url(//d3t9s8cdqyboc5.cloudfront.net/assets/Copernicus-Bold-07d6361de7d5a04c26ffda096d935a2c5c26f65aa48f76d2d2e42f96fa36ccc4.svg#copernicus-bold) format("svg");
}
.container {
  *zoom: 1;
  padding: 25px;
}
.container:before, .container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 980px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
.container.full-width {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

hr {
  margin: 15px 0;
  height: 0;
  border: 0;
  border-bottom: 1px solid #ddd;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.hidden {
  display: none;
}

#overlay {
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 700;
  opacity: 0.9;
  display: none;
}
#overlay.dark-overlay {
  background-color: #151C25;
}

#loading-indicator {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/loading-transparent-161761aa3974c7a2885c07ef8f45314c0c62b64b8a169636c52def93f84a3451.gif);
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  display: none;
}

body {
  font: 18px/1.4 "proxima-nova", Helvetica, Arial, sans-serif;
  color: #000;
}
@media (min-width: 768px) {
  body {
    font: 16px/1.4 "proxima-nova", Helvetica, Arial, sans-serif;
  }
}

a {
  color: #26B8AD;
  text-decoration: none;
}
a.gray {
  color: #aaa;
}
a:hover {
  opacity: 0.7;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1;
  color: #000;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
}
h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, h6.gray {
  color: #aaa;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.17em;
}

h3 {
  font-size: 1.12em;
}

h4 {
  font-size: 0.83em;
}

h5 {
  font-size: 0.75em;
}

h6 {
  font-size: 0.75em;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.17em;
  }
  h4 {
    font-size: 1.12em;
  }
  h5 {
    font-size: 0.83em;
  }
  h6 {
    font-size: 0.75em;
  }
}
ul, ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  line-height: 20px;
}

ul.unstyled, ol.unstyled {
  margin-left: 0;
  list-style: none;
}

.serif-title {
  font-family: "Copernicus", Times, Georgia;
  font-weight: 400;
}

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

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

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

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

.skinny {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.text-muted {
  color: #aaa;
}

.text-small {
  font-size: 0.88em;
}

.error-message {
  color: #FF7979;
}

.text-antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.antialiased {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 10px;
}

.n-muted {
  color: #9Ba5aa;
}

.n-round-pill {
  padding: 3px 6px;
  background-color: #E8ECED;
  font-size: 13px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  color: #4a5658;
}
.n-round-pill.danger {
  background-color: #FF7979;
  color: #FFF;
}
.n-round-pill.up {
  text-transform: uppercase;
}
.n-round-pill.outline {
  border: 2px solid #9Ba5aa;
  background-color: #FFF;
}

.markup {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #004E6D;
  background: #F2F3F4;
  border-radius: 4px;
  padding: 3px 4px;
  display: inline-block;
}

.nbtn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: none;
  background-image: none;
  background-color: #FFF;
  border: 1px solid #aaa;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 600;
  color: #555;
}
.nbtn.nbtn-primary {
  background-color: #36ac9c;
  color: #FFF;
  font-weight: 400;
  border: 1px solid transparent;
}
.nbtn.nbtn-alternate {
  background-color: #5eb0c0;
  color: #FFF;
  font-weight: 400;
  border: 1px solid transparent;
}

.nbtn:hover,
.nbtn:focus {
  opacity: 1;
  color: #000;
  border-color: #919191;
  text-decoration: none;
  box-shadow: none;
}
.nbtn:hover.nbtn-primary,
.nbtn:focus.nbtn-primary {
  background-color: #4ec7b7;
  color: #FFF;
  border: 1px solid transparent;
}
.nbtn:hover.nbtn-alternate,
.nbtn:focus.nbtn-alternate {
  background-color: #83c2ce;
  color: #FFF;
  border: 1px solid transparent;
}

.nbtn:focus,
.nbtn:active:focus,
.nbtn.active:focus {
  outline: thin dotted;
  outline-offset: -2px;
  box-shadow: none;
}

.nbtn:active,
.nbtn.active {
  outline: 0;
  background-image: none;
  box-shadow: none;
}

.nbtn:disabled,
.nbtn.active {
  cursor: not-allowed;
  opacity: 0.65;
}

.nbtn.nbtn-sm {
  padding: 3px 6px;
  font-size: 12px;
}

.nbtn.nbtn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbtn.nbtn-xlg {
  padding: 17px 14px 15px;
  font-size: 21px;
  border-radius: 8px;
  line-height: 1.33;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .nbtn.nbtn-xlg {
    padding: 17px 30px 15px;
  }
}

.nbtn-outline {
  background-color: transparent;
  padding: 15px 30px 10px;
  border-radius: 5px;
  border: 2px solid #fff;
  opacity: 0.88;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nbtn-outline:hover, .nbtn-outline:focus, .nbtn-outline:active {
  background-color: transparent;
  border: 2px solid #eee;
  opacity: 1;
}

.btn {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  height: auto;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}
.btn:hover {
  text-decoration: none;
  transition-duration: 0.1s;
}
.btn:focus, .btn.focus {
  outline: thin dotted;
  outline-offset: -2px;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:disabled, .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65 !important;
}
.btn.btn-primary {
  color: #FFF;
  background-color: #36ac9c;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  opacity: inherit;
  background-color: #2a8579;
}
.btn.btn-primary:hover:disabled, .btn.btn-primary:hover[disabled], .btn.btn-primary:focus:disabled, .btn.btn-primary:focus[disabled], .btn.btn-primary.focus:disabled, .btn.btn-primary.focus[disabled], .btn.btn-primary:active:disabled, .btn.btn-primary:active[disabled], .btn.btn-primary.active:disabled, .btn.btn-primary.active[disabled] {
  background-color: #36ac9c;
}
.btn.btn-secondary {
  color: #555;
  background-color: #FFF;
  border-color: #aaa;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:active, .btn.btn-secondary.active {
  opacity: inherit;
  background-color: #e6e6e6;
}
.btn.btn-secondary:hover:disabled, .btn.btn-secondary:hover[disabled], .btn.btn-secondary:focus:disabled, .btn.btn-secondary:focus[disabled], .btn.btn-secondary.focus:disabled, .btn.btn-secondary.focus[disabled], .btn.btn-secondary:active:disabled, .btn.btn-secondary:active[disabled], .btn.btn-secondary.active:disabled, .btn.btn-secondary.active[disabled] {
  background-color: #FFF;
}
.btn.btn-white {
  color: #000;
  background-color: #FFF;
}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white.focus, .btn.btn-white:active, .btn.btn-white.active {
  opacity: inherit;
  background-color: #e6e6e6;
}
.btn.btn-white:hover:disabled, .btn.btn-white:hover[disabled], .btn.btn-white:focus:disabled, .btn.btn-white:focus[disabled], .btn.btn-white.focus:disabled, .btn.btn-white.focus[disabled], .btn.btn-white:active:disabled, .btn.btn-white:active[disabled], .btn.btn-white.active:disabled, .btn.btn-white.active[disabled] {
  background-color: #FFF;
}
.btn.btn-alternate {
  color: #FFF;
  background-color: #5eb0c0;
}
.btn.btn-alternate:hover, .btn.btn-alternate:focus, .btn.btn-alternate.focus, .btn.btn-alternate:active, .btn.btn-alternate.active {
  opacity: inherit;
  background-color: #4298a9;
}
.btn.btn-alternate:hover:disabled, .btn.btn-alternate:hover[disabled], .btn.btn-alternate:focus:disabled, .btn.btn-alternate:focus[disabled], .btn.btn-alternate.focus:disabled, .btn.btn-alternate.focus[disabled], .btn.btn-alternate:active:disabled, .btn.btn-alternate:active[disabled], .btn.btn-alternate.active:disabled, .btn.btn-alternate.active[disabled] {
  background-color: #5eb0c0;
}
.btn.btn-inverse {
  color: #FFF;
  background-color: #004E6D;
}
.btn.btn-inverse:hover, .btn.btn-inverse:focus, .btn.btn-inverse.focus, .btn.btn-inverse:active, .btn.btn-inverse.active {
  opacity: inherit;
  background-color: #002a3a;
}
.btn.btn-inverse:hover:disabled, .btn.btn-inverse:hover[disabled], .btn.btn-inverse:focus:disabled, .btn.btn-inverse:focus[disabled], .btn.btn-inverse.focus:disabled, .btn.btn-inverse.focus[disabled], .btn.btn-inverse:active:disabled, .btn.btn-inverse:active[disabled], .btn.btn-inverse.active:disabled, .btn.btn-inverse.active[disabled] {
  background-color: #004E6D;
}
.btn.btn-danger {
  color: #FFF;
  background-color: #F6694B;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.focus, .btn.btn-danger:active, .btn.btn-danger.active {
  opacity: inherit;
  background-color: #f4411a;
}
.btn.btn-danger:hover:disabled, .btn.btn-danger:hover[disabled], .btn.btn-danger:focus:disabled, .btn.btn-danger:focus[disabled], .btn.btn-danger.focus:disabled, .btn.btn-danger.focus[disabled], .btn.btn-danger:active:disabled, .btn.btn-danger:active[disabled], .btn.btn-danger.active:disabled, .btn.btn-danger.active[disabled] {
  background-color: #F6694B;
}
.btn.btn-copy {
  background-color: #f5f5f5;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  color: #4a5658;
  padding: 3px 4px;
  border-radius: 3px;
  border: none;
  font-weight: 600;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.btn.btn-copy.btn-xs {
  padding: 1.5px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  position: relative;
  top: -1px;
}
.btn.btn-outline {
  color: #FFF;
  border-color: #FFF;
  border-width: 2px;
}
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline.focus, .btn.btn-outline:active, .btn.btn-outline.active {
  opacity: inherit;
}
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline.focus {
  opacity: 0.8;
}
.btn.btn-outline-muted {
  color: #9Ba5aa;
  border-color: #9Ba5aa;
  border-width: 1px;
}
.btn.btn-outline-muted:hover, .btn.btn-outline-muted:focus, .btn.btn-outline-muted.focus, .btn.btn-outline-muted:active, .btn.btn-outline-muted.active {
  opacity: inherit;
}
.btn.btn-outline-muted:hover, .btn.btn-outline-muted:focus, .btn.btn-outline-muted.focus {
  opacity: 0.8;
}
.btn.btn-outline-dark {
  color: #555;
  border-color: #555;
  border-width: 2px;
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus, .btn.btn-outline-dark.focus, .btn.btn-outline-dark:active, .btn.btn-outline-dark.active {
  opacity: inherit;
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus, .btn.btn-outline-dark.focus {
  opacity: 0.8;
}
.btn.btn-xl {
  padding: 15px 14px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.01rem;
}
@media (min-width: 768px) {
  .btn.btn-xl {
    padding: 15px 30px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 6px;
  }
}
.btn.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  font-weight: 600;
}
.btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.btn.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.btn.btn-block {
  display: block;
  width: 100%;
}
.btn.social.facebook {
  background-color: #3B5998;
}
.btn.social.facebook:hover {
  background: #4264aa;
}
.btn.social.twitter {
  background-color: #00AAF1;
}
.btn.social.twitter:hover {
  background: #0cb7ff;
}

.twitter-share:hover {
  text-decoration: none;
}

.btn-group {
  display: inline-block;
}
.btn-group .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:focus {
  z-index: 2;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
  border-left-color: #ccc;
  border-right-color: #ccc;
}
.btn-group > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: #ccc;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .btn.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: #ccc;
}

.select-style {
  border: 1px solid #ccc;
  width: 120px;
  border-radius: 3px;
  overflow: hidden;
  background: #fafafa url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat 90% 50%;
}

.select-style select {
  padding: 5px 8px 5px 10px;
  display: inline-block;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}

.select-style select:focus {
  outline: none;
  border: none;
}

.global-search input.search {
  width: 230px;
  padding: 7px 4px 6px 26px;
  border-radius: 3px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  border: 1px solid #ddd;
  outline: none;
  transition: 0.7s;
  opacity: 0.7;
}
.global-search input.search:hover, .global-search input.search:focus {
  transition-duration: 0.6s;
  border-color: #36ac9c;
  opacity: 1;
}
.global-search .search-icon {
  position: absolute;
  top: 6px;
  left: 7px;
  z-index: 50;
}
.global-search .tt-hint {
  color: #aaa;
}
.global-search .tt-dataset {
  margin-top: 3px;
  padding: 2px 0;
  background: #FFF;
  box-shadow: 0 0 4px -1px rgba(30, 30, 30, 0.25);
  border-radius: 2.5px;
}
.global-search .tt-dropdown-menu {
  width: 600px;
  background: #FFF;
  display: block;
  right: auto;
}
.global-search .tt-suggestion {
  position: relative;
  padding: 0px;
  margin: 5px;
  height: 60px;
  text-align: left;
  display: block;
  transition-duration: 0.35s;
}
.global-search .tt-suggestion > a {
  color: #555;
}
.global-search .tt-suggestion .tt-menu {
  background: white;
}
.global-search .tt-suggestion .thumb {
  float: left;
  width: 100px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  border-radius: 2px, 0, 0, 2px;
}
.global-search .tt-suggestion .thumb.category_container {
  text-align: center;
}
.global-search .tt-suggestion .thumb.category_container .category_icon {
  position: static;
  margin-top: 17px;
}
.global-search .tt-suggestion .thumb.border {
  height: 58px;
  border: 1px solid #E8ECED;
}
.global-search .tt-suggestion .thumb i.fa {
  margin-top: 11px;
  color: #D4D9DB;
}
.global-search .tt-suggestion .content {
  margin-left: 100px;
  padding-left: 8px;
  height: 58px;
  border: 1px solid #E8ECED;
  border-left: 0px;
  border-radius: 0, 2px, 2px, 0;
}
.global-search .tt-suggestion .type {
  padding-right: 2px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 600;
  color: #9Ba5aa;
}
.global-search .tt-suggestion .title {
  padding-top: 7px;
  padding-right: 5px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  color: #4a5658;
  max-width: 500px;
  text-overflow: ellipsis;
}
.global-search .tt-suggestion .small, .global-search .tt-suggestion .tags {
  position: relative;
  font-size: 11px;
}
.global-search .tt-suggestion .small {
  top: 2px;
  bottom: 5px;
  color: #9Ba5aa;
  font-size: 11px;
}
.global-search .tt-suggestion .researcher i.fa-user {
  color: #555;
}
.global-search .tt-suggestion .tags {
  padding: 0px;
}
.global-search .tt-suggestion .tags {
  position: absolute;
  bottom: 2px;
  right: 4px;
}
.global-search .tt-suggestion .tags .category_container {
  display: inline;
  padding: 2px 4px;
  margin-left: 2px;
  color: #FFF;
  border-radius: 2px;
}
.global-search .tt-suggestion .tags .category_container .category_icon {
  position: relative;
  top: -0.5px;
}
.global-search .tt-suggestion .admin-info {
  position: absolute;
  top: 5px;
  left: -67px;
  padding: 5px;
  width: 50px;
  border: 1px solid #aaa;
  border-right: 0px;
  font-size: 14px;
  text-align: right;
  background-color: #FFF;
  border-radius: 2px, 0, 0, 2px;
}
.global-search .tt-suggestion .admin-info i.fa-exclamation-triangle {
  color: #FF7979;
}
.global-search .tt-suggestion.tt-cursor {
  background-color: white;
  color: #555;
  cursor: pointer;
}
.global-search .tt-suggestion.tt-cursor .thumb {
  border-top-color: #36ac9c;
  border-left-color: #36ac9c;
  border-bottom-color: #36ac9c;
}
.global-search .tt-suggestion.tt-cursor .content {
  border-color: #36ac9c;
}
.global-search .tt-suggestion.tt-cursor .content.admin-only {
  border-color: #FF7979;
}
.global-search .no_results {
  background-color: white;
  text-align: center;
  padding: 20px;
}
.global-search .no_results p {
  font-size: 16px;
  padding: 0;
  margin: 0;
  line-height: 1.6;
  color: #D4D9DB;
}
.global-search .no_results .a {
  position: relative;
  top: 1px;
}
.global-search .more_results {
  text-align: center;
}
.global-search .more_results p {
  font-size: 13px;
  padding: 3px;
  margin: 0;
  line-height: 1.6;
  color: #D4D9DB;
}
.global-search .more_results .a {
  position: relative;
  top: 1px;
}

.dropdown .dropdown-menu {
  padding-bottom: 0px !important;
}

.notification-icon-container {
  display: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 6px 6px 6px 12px;
  margin: 6px 0;
  height: 24px;
  list-style: none;
}
@media (min-width: 768px) {
  .notification-icon-container {
    display: block;
  }
}
.notification-icon-container:hover {
  transition: background-color 0.4s;
  outline: 0;
}
.notification-icon-container:hover svg {
  opacity: 1;
}
@media (min-width: 768px) {
  .notification-icon-container .dropdown {
    width: 20px;
    height: 20px;
  }
}
.notification-icon-container svg {
  opacity: 0.8;
  stroke-width: 2px;
}
.notification-icon-container .beaker {
  position: relative;
}
.notification-icon-container .icon-count {
  left: 7px;
  top: -6px;
}

.hide-redux-header .beaker {
  padding: 6px 6px 6px 13px !important;
  margin: 6px 0;
  height: 24px;
}

.activity-dropdown-container {
  overflow: visible;
  transition-duration: 0.3s;
  right: -22px !important;
  top: 34px !important;
}
.activity-dropdown-container:hover {
  transition-duration: 0.3s;
}
.activity-dropdown-container:hover ::-webkit-scrollbar-thumb {
  background-color: #D4D9DB;
}
.activity-dropdown-container ::-webkit-scrollbar {
  border-radius: 3px;
  transition-duration: 0.3s;
  width: 6px;
}
.activity-dropdown-container ::-webkit-scrollbar-thumb:hover,
.activity-dropdown-container ::-webkit-scrollbar-thumb:active {
  background-color: #9Ba5aa;
}
.activity-dropdown-container ::-webkit-scrollbar-thumb {
  background-color: transparent;
  transition-duration: 0.3s;
  border-radius: 3px;
  width: 6px;
}

@media (min-width: 768px) {
  .activity-dropdown-container:after, .activity-dropdown-container:before {
    display: block;
    position: absolute;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .activity-dropdown-container:after {
    border-color: rgba(213, 213, 211, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    right: 22px;
    top: -17px;
  }
}

@media (min-width: 768px) {
  .activity-dropdown-container:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ddd;
    border-width: 9px;
    right: 22px;
    top: -19px;
  }
}

.activity-show {
  min-height: 1000px;
}
.activity-show .activity-header {
  margin: auto;
  width: 50%;
  font-size: 20px;
  font-family: "Copernicus", Times;
  padding-top: 50px;
  margin-bottom: 30px;
}
.activity-show .activity-header a {
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #aaa;
  float: right;
  padding-top: 8px;
}
.activity-show .activity-feed-show {
  list-style-type: none;
  margin: auto;
  width: 50%;
  max-height: 100%;
  margin-bottom: 40px;
}

.activity-menu {
  display: block;
  width: 330px;
  max-height: 400px;
  overflow: hidden;
  margin: 0;
}
.activity-menu .event {
  padding: 10px;
  font-size: 12px;
}
.activity-menu .event .media-img {
  display: inline-block;
  padding: 6px 5px 10px 0;
  vertical-align: top;
  width: 30px;
}
.activity-menu .event .media-img img {
  width: 26px;
  height: 26px;
}
.activity-menu .event .media-body {
  display: inline-block;
  width: 86%;
}
.activity-menu .event .event-description {
  display: inline-block;
  line-height: 16px;
}
.activity-menu .event:hover {
  background-color: #E4F4EA;
}
.activity-menu .event .timestamp {
  color: #aaa;
}
.activity-menu .event .timestamp i {
  margin-right: 6px;
}
.activity-menu .event a {
  color: #1a2024;
  font-weight: 600;
}
.activity-menu .welcome-event .media-img {
  font-size: 21px;
}
.activity-menu .welcome-event p {
  margin: 2px 0;
  padding: 0;
  line-height: 18px;
  color: #9Ba5aa;
}
.activity-menu .welcome-event h4 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a5658;
}
.activity-menu .welcome-event .fa-star {
  color: #f89406;
  font-size: 19px;
}

.notification-feed-list-item.unread {
  background-color: #F7FCF9;
}
.notification-feed-list-item.read {
  background-color: white;
}

.notification-header-container {
  padding: 5px 10px;
  height: 24px;
}

.notification-list {
  overflow-y: auto;
  display: block;
  height: auto;
  max-height: 320px;
}

.notification-header {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
.notification-header i.fa.fa-circle {
  color: #FC7474;
  padding-right: 8px;
  padding-left: 10px;
  font-size: 8px;
  vertical-align: top;
  padding-top: 5px;
}

.view-all-link {
  display: inline-block;
  font-size: 12px;
  float: right;
  padding-right: 10px;
}
.view-all-link a {
  color: #aaa;
}

.nucleus-nav {
  display: block;
  position: relative;
  z-index: 12;
}
@media (min-width: 768px) {
  .nucleus-nav {
    display: block;
    padding: 10px 0;
    z-index: 270;
    position: relative;
    background: transparent;
  }
}
@media (min-width: 768px) {
  .nucleus-nav .experiment-logo {
    margin-top: 12px;
    margin-right: 16px;
    float: left;
  }
}
.nucleus-nav .experiment-logo svg {
  pointer-events: none;
}
.nucleus-nav .global-search {
  display: none;
  margin-top: 9px;
  position: relative;
}
@media (min-width: 768px) {
  .nucleus-nav .global-search {
    display: inline-block;
  }
}
.nucleus-nav .global-search i.search-icon {
  color: #aaa;
}
.nucleus-nav .avatar-dropdown-toggle {
  cursor: pointer;
  padding: 10px 7px 10px 10px;
  border-radius: 4px;
}
.nucleus-nav .avatar-dropdown-toggle:hover {
  transition: background-color 0.4s;
  outline: 0;
}
.nucleus-nav .avatar-dropdown-toggle > img {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
}
.nucleus-nav .avatar-dropdown-toggle:active img {
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.9);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.9);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.9);
  transition: all 200ms ease-in;
  transform: scale(0.9);
}
.nucleus-nav .main-links,
.nucleus-nav .redux-header > .list-inline-block,
.nucleus-nav .hide-redux-header {
  margin-top: 2px;
}
.nucleus-nav .main-links .nav-item,
.nucleus-nav .redux-header > .list-inline-block .nav-item,
.nucleus-nav .hide-redux-header .nav-item {
  display: none;
}
.nucleus-nav .main-links .list-inline-block > li,
.nucleus-nav .redux-header > .list-inline-block .list-inline-block > li,
.nucleus-nav .hide-redux-header .list-inline-block > li {
  display: inline-block;
}
.nucleus-nav .main-links .dropdown-container,
.nucleus-nav .redux-header > .list-inline-block .dropdown-container,
.nucleus-nav .hide-redux-header .dropdown-container {
  display: none;
}
@media (min-width: 768px) {
  .nucleus-nav .main-links,
  .nucleus-nav .redux-header > .list-inline-block,
  .nucleus-nav .hide-redux-header {
    display: inline-block;
    margin: 0;
  }
  .nucleus-nav .main-links .dropdown-container,
  .nucleus-nav .redux-header > .list-inline-block .dropdown-container,
  .nucleus-nav .hide-redux-header .dropdown-container {
    display: inline-block;
    padding: 0;
  }
  .nucleus-nav .main-links .nav-item,
  .nucleus-nav .redux-header > .list-inline-block .nav-item,
  .nucleus-nav .hide-redux-header .nav-item {
    display: inline-block;
    vertical-align: top;
  }
  .nucleus-nav .main-links a,
  .nucleus-nav .redux-header > .list-inline-block a,
  .nucleus-nav .hide-redux-header a {
    opacity: 1;
  }
  .nucleus-nav .main-links > li,
  .nucleus-nav .redux-header > .list-inline-block > li,
  .nucleus-nav .hide-redux-header > li {
    vertical-align: middle;
    padding: 10px 10px 10px 25px;
  }
  .nucleus-nav .main-links > li > a,
  .nucleus-nav .redux-header > .list-inline-block > li > a,
  .nucleus-nav .hide-redux-header > li > a {
    color: #4a5658;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
  }
  .nucleus-nav .main-links > li > a:hover,
  .nucleus-nav .redux-header > .list-inline-block > li > a:hover,
  .nucleus-nav .hide-redux-header > li > a:hover {
    opacity: 1;
    color: #36ac9c;
    border-bottom: 2px solid #3cbfae;
  }
}
.nucleus-nav .message-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  background-color: #36ac9c;
  border-radius: 9px;
  color: #FFF;
  font-weight: 600;
  font-size: 12px;
}
.nucleus-nav .dropdown-indicator {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  font-style: normal;
}
.nucleus-nav .inbox {
  margin: 0 2px;
  padding: 12px 3px 12px 12px !important;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.nucleus-nav .inbox:hover {
  transition: background-color 0.4s;
  outline: 0;
}
.nucleus-nav .inbox a {
  border: none !important;
  position: relative;
  top: 3px;
}
.nucleus-nav .inbox span {
  position: relative;
}
.nucleus-nav .inbox .icon-count {
  left: 12px;
  top: -8px;
}
.nucleus-nav .nav-icon:active .icon-count {
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.9);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.9);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.9);
  transition: all 200ms ease-in;
  transform: scale(0.9);
}
.nucleus-nav .icon-count {
  background-color: #F6694B;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 10px;
  height: 16px;
  width: auto;
  min-width: 14px;
  display: block;
  font-size: 10px;
  text-align: center;
  position: absolute;
  z-index: 10;
  line-height: 17.5px;
  padding: 0 1px;
}
.nucleus-nav.alt-nav {
  z-index: 230;
  position: relative;
  border-bottom: none;
}
.nucleus-nav.alt-nav .global-search {
  display: none;
}
.nucleus-nav.alt-nav .main-links > li > a {
  opacity: 1;
  color: #4a5658;
}
.nucleus-nav.alt-nav .main-links > li > a:hover {
  opacity: 1;
  border: none;
  color: #36ac9c;
  border-bottom: 2px solid #3cbfae;
}
.nucleus-nav.white-nav {
  z-index: 230;
  color: #FFF;
}
.nucleus-nav.white-nav .experiment-logo svg path {
  fill: white;
}
.nucleus-nav.white-nav .main-links, .nucleus-nav.white-nav .redux-header > .list-inline-block, .nucleus-nav.white-nav .hide-redux-header {
  color: #FFF;
}
.nucleus-nav.white-nav .main-links > li > a, .nucleus-nav.white-nav .redux-header > .list-inline-block > li > a, .nucleus-nav.white-nav .hide-redux-header > li > a {
  color: #FFF;
  opacity: 0.78;
  font-size: 1.1em;
}
.nucleus-nav.white-nav .main-links > li > a:hover, .nucleus-nav.white-nav .redux-header > .list-inline-block > li > a:hover, .nucleus-nav.white-nav .hide-redux-header > li > a:hover {
  opacity: 1;
  border-bottom: 2px solid #FFF;
  color: #FFF;
}
.nucleus-nav.white-nav .activity-dropdown-container {
  color: #4a5658;
}
.nucleus-nav.white-nav .activity-dropdown-container > li > a {
  color: #4a5658;
}
.nucleus-nav.white-nav .global-search input.search {
  color: #FFF;
  border: 1px solid #FFF;
  background: none !important;
  transition: background-color 0.3s;
  opacity: 0.9;
}
.nucleus-nav.white-nav .global-search input.search::-webkit-input-placeholder {
  color: #FFF;
}
.nucleus-nav.white-nav .global-search input.search::-moz-placeholder {
  color: #FFF;
}
.nucleus-nav.white-nav .global-search input.search:-ms-input-placeholder {
  color: #FFF;
}
.nucleus-nav.white-nav .global-search input.search:-moz-placeholder {
  color: #FFF;
}
.nucleus-nav.white-nav .global-search input.search:hover, .nucleus-nav.white-nav .global-search input.search:focus {
  background-color: rgba(0, 0, 0, 0.15) !important;
  opacity: 1;
}
.nucleus-nav.white-nav .global-search i.search-icon {
  color: #FFF;
}
.nucleus-nav .navbar-header {
  position: relative;
  z-index: 11;
}
.nucleus-nav .navbar-toggle {
  display: block;
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: -6px;
  margin-bottom: 8px;
  background-color: #F2F3F4;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .nucleus-nav .navbar-toggle {
    display: none;
  }
}
.nucleus-nav .mobile-menu-container {
  background: #F2F3F4;
  display: block;
}
.nucleus-nav .mobile-menu-container .global-search,
.nucleus-nav .mobile-menu-container .nav-item {
  display: block !important;
  text-align: left;
  width: 100%;
}
.nucleus-nav .mobile-menu-container .mobile-menu {
  background: #FFF;
  height: 100%;
  min-height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 0 0 40px 0;
  margin: 0;
  z-index: 1000;
  transition-delay: 0;
  transition: all 0.6s ease;
  -webkit-animation-duration: 0.26s;
          animation-duration: 0.26s;
}
.nucleus-nav .mobile-menu-container .mobile-menu svg {
  width: 42%;
  max-width: 300px;
  min-width: 210px;
  max-height: 120px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.nucleus-nav .mobile-menu-container .mobile-menu svg path {
  fill: #36ac9c;
}
.nucleus-nav .mobile-menu-container .mobile_search {
  display: block;
  text-align: center;
  width: auto;
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.nucleus-nav .mobile-menu-container .mobile_search input {
  color: #4a5658;
  border: 2px solid #bcc3c6;
  background: none !important;
  transition: background-color 0.3s;
  font-size: 1.1em;
  vertical-align: top;
  opacity: 0.9;
  padding: 22px 10px 20px 10px;
  width: 72%;
  -webkit-appearance: none;
  font-size: 15px;
  margin-left: 0px;
}
.nucleus-nav .mobile-menu-container .mobile_search input::-webkit-input-placeholder {
  color: #9Ba5aa;
}
.nucleus-nav .mobile-menu-container .mobile_search input::-moz-placeholder {
  color: #9Ba5aa;
}
.nucleus-nav .mobile-menu-container .mobile_search input:-ms-input-placeholder {
  color: #9Ba5aa;
}
.nucleus-nav .mobile-menu-container .mobile_search input:-moz-placeholder {
  color: #9Ba5aa;
}
.nucleus-nav .mobile-menu-container .mobile_search input:hover, .nucleus-nav .mobile-menu-container .mobile_search input:focus {
  background-color: rgba(255, 255, 255, 0.89) !important;
  opacity: 1;
}
.nucleus-nav .mobile-menu-container .mobile_search button {
  width: auto;
  margin-top: 1px;
  height: 45px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  float: right;
  margin: 3px 0;
  padding: 9px 11px;
}
.nucleus-nav .mobile-menu-container .main-links,
.nucleus-nav .mobile-menu-container .redux-header > .list-inline-block,
.nucleus-nav .mobile-menu-container .hide-redux-header {
  color: #4a5658;
  margin: 0;
  padding: 0;
}
.nucleus-nav .mobile-menu-container .main-links li,
.nucleus-nav .mobile-menu-container .redux-header > .list-inline-block li,
.nucleus-nav .mobile-menu-container .hide-redux-header li {
  width: 300px;
  margin: 0 auto;
  padding-left: 14px;
}
.nucleus-nav .mobile-menu-container .main-links li > a,
.nucleus-nav .mobile-menu-container .redux-header > .list-inline-block li > a,
.nucleus-nav .mobile-menu-container .hide-redux-header li > a {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1a2024;
  opacity: 0.78;
  font-size: 1.1em;
  margin: 12px 0;
  font-weight: 600;
  display: inline-block;
}
.nucleus-nav .mobile-menu-container .main-links li > a:hover,
.nucleus-nav .mobile-menu-container .redux-header > .list-inline-block li > a:hover,
.nucleus-nav .mobile-menu-container .hide-redux-header li > a:hover {
  opacity: 1;
  border: none;
  color: #36ac9c;
}
.nucleus-nav .mobile-menu-container .mobile-menu-exit {
  border-radius: 25px;
  height: 50px;
  width: 50px;
  background: #36ac9c;
  border: none;
  z-index: 100;
  bottom: 70px;
  right: 30px;
  position: absolute;
  color: #FFF;
  font-size: 18px;
  cursor: pointer;
  opacity: 1;
  box-shadow: 1px 2px 10px rgba(112, 112, 112, 0.4);
  transition: opacity 0.7s ease;
}
.nucleus-nav .mobile-menu-container .mobile-menu-exit.collapsed {
  opacity: 0;
}
.nucleus-nav .mobile-menu-container .mobile-menu-exit span {
  position: relative;
  top: 4px;
  left: 13px;
  font-size: 32px;
}
.nucleus-nav .mobile-menu-container .in {
  height: 100%;
  opacity: 1;
}
.nucleus-nav .mobile-menu-container .collapse {
  height: 1px;
  opacity: 0;
}
.nucleus-nav .mobile-menu-container .collapsing {
  opacity: 0;
  transition-duration: 0.1s;
}
.nucleus-nav .mobile-menu-container .collapsing .mobile-menu-exit {
  transition-duration: 0.2s;
  opacity: 0;
}
@media (min-width: 768px) {
  .nucleus-nav .mobile-menu-container .collapse,
  .nucleus-nav .mobile-menu-container .collapsing,
  .nucleus-nav .mobile-menu-container .in,
  .nucleus-nav .mobile-menu-container .mobile-menu,
  .nucleus-nav .mobile-menu-container .global-search,
  .nucleus-nav .mobile-menu-container .nav-item {
    display: none !important;
  }
}
.nucleus-nav .hidden-modal-banner {
  display: none;
}

#dark-page-nav-section {
  margin: 15px 0 15px 0;
  color: #eee;
}
#dark-page-nav-section h3 {
  font-family: "Copernicus", Times;
  font-size: 26px;
  line-height: 32px;
  margin-top: -2px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  letter-spacing: 0.7px;
}
#dark-page-nav-section #page-nav {
  margin-top: 10px;
}
#dark-page-nav-section #page-nav a {
  color: #fafafa;
}
#dark-page-nav-section #page-nav a:hover {
  color: #fff;
  background-color: #999;
  text-decoration: none;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
#dark-page-nav-section #page-nav a:focus {
  color: #fff;
  background-color: #555;
}
#dark-page-nav-section #page-nav li {
  display: block;
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
#dark-page-nav-section #page-nav li ul.dropdown-menu {
  width: 400px;
  padding: 18px;
  right: -300px;
}
#dark-page-nav-section #page-nav li ul.dropdown-menu i {
  margin-right: 5px;
}
#dark-page-nav-section #page-nav li ul.dropdown-menu li a {
  color: #333;
  white-space: normal;
}
#dark-page-nav-section #page-nav li ul.dropdown-menu li a:hover {
  color: #f6694b;
  transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  background-color: #fff;
  background-image: none;
}
#dark-page-nav-section #page-nav li ul.dropdown-menu li p {
  color: #777;
  font-weight: 400;
}
#dark-page-nav-section #page-nav li.vertical-divider {
  border-left: 1px solid #555;
  height: 36px;
  position: relative;
}

#dark-nav-color {
  height: 60px;
  background-color: #222;
}
@media (min-width: 768px) {
  #dark-nav-color {
    height: 68px;
  }
}
#dark-nav-color ul {
  margin: 0;
  padding: 0;
  display: block;
}
#dark-nav-color ul li {
  margin: -6px 12px 0 0;
  display: inline-block;
  list-style: none;
}
@media (min-width: 768px) {
  #dark-nav-color ul li {
    margin: 30px 28px 0 0;
  }
  #dark-nav-color ul li:last-child {
    margin: 0;
  }
}
#dark-nav-color h2,
#dark-nav-color a,
#dark-nav-color span {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
}
#dark-nav-color h2 {
  margin-top: -10px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}
@media (min-width: 768px) {
  #dark-nav-color h2 {
    margin-top: 25px;
  }
}
#dark-nav-color a:hover {
  opacity: 1;
}
#dark-nav-color span {
  opacity: 0.4;
  font-size: 14px;
  margin-right: 6px;
}
#dark-nav-color .btn-outline {
  margin-top: -5px;
  border: 2px solid #FFF;
  font-weight: 600;
}
#dark-nav-color .btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#dark-nav-color .active a {
  opacity: 0.92;
}
#dark-nav-color .right {
  margin-top: 0px;
  float: right;
}
@media (min-width: 768px) {
  #dark-nav-color .right {
    margin-top: 21px;
  }
}
#dark-nav-color .right span {
  margin-left: 13px;
}
#dark-nav-color .right a {
  font-size: 14px;
  margin-left: 14px;
}
#dark-nav-color .container {
  padding: 18px;
}
@media (min-width: 768px) {
  #dark-nav-color .container {
    padding: 0px;
  }
}

#static-logo-nav {
  text-align: center;
}
#static-logo-nav .experiment-logo svg {
  margin-top: 12px;
}

body[data-controller=projects][data-action=show] .nucleus-nav {
  display: block;
  background: linear-gradient(to bottom, rgba(22, 33, 31, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
  position: relative;
  z-index: 12;
}
@media (min-width: 768px) {
  body[data-controller=projects][data-action=show] .nucleus-nav {
    display: block;
    padding: 10px 0;
    z-index: 270;
    position: relative;
    background: transparent;
  }
}
body[data-controller=projects][data-action=show] .nucleus-nav .navbar-header svg path {
  fill: #FFF;
}
@media (min-width: 768px) {
  body[data-controller=projects][data-action=show] .nucleus-nav .navbar-header svg path {
    fill: #1a2024;
  }
}
body[data-controller=projects][data-action=show] .nucleus-nav .navbar-toggle {
  background: transparent;
  color: #FFF;
}
body[data-controller=projects][data-action=show] .nucleus-nav .navbar-toggle:active {
  color: #ddd;
}
body[data-controller=projects][data-action=show] .nucleus-nav .navbar-toggle:focus, body[data-controller=projects][data-action=show] .nucleus-nav .navbar-toggle:active {
  outline: none;
}

.pride {
  position: relative;
}
.pride canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  height: 50px;
  width: 160px;
}
@media (min-width: 768px) {
  .pride canvas {
    top: 11px;
  }
}
.pride span {
  position: absolute;
  left: -1000px;
}
.pride svg {
  z-index: 1000;
}
.pride a {
  position: relative;
  z-index: 900;
}
.pride a:hover {
  opacity: 1;
}

.dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  line-height: 1;
}
.dropdown .dropdown-toggle {
  cursor: pointer;
}
.dropdown .dropdown-toggle:focus {
  outline: 0;
}
.dropdown.arrow.right .dropdown-menu:before {
  left: 211px;
}
.dropdown.arrow.right .dropdown-menu:after {
  left: 212px;
}
.dropdown.arrow.left .dropdown-menu:before {
  left: 11px;
}
.dropdown.arrow.left .dropdown-menu:after {
  left: 12px;
}
.dropdown.arrow .dropdown-menu:before {
  position: absolute;
  top: -7px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.dropdown.arrow .dropdown-menu:after {
  position: absolute;
  top: -6px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: "";
}
.dropdown .dropdown-menu {
  padding-left: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 2px;
  padding: 5px 0;
  min-width: 240px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #FFF;
  text-align: left;
  z-index: 1050;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dropdown .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #4a5658;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  line-height: 1.4;
}
.dropdown .dropdown-menu > li > a .message-badge {
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 25px;
  background-color: #36ac9c;
  color: #FFF;
}
.dropdown .dropdown-menu > li > a:hover {
  opacity: 1;
  background-color: #36ac9c;
  color: #FFF;
  transition: 0.2s;
}
.dropdown .dropdown-menu > li > a:hover .message-badge {
  background-color: #FFF;
  color: #36ac9c;
}
.dropdown .dropdown-menu li.projects-menu ul {
  list-style: none;
  padding: 0;
}
.dropdown .dropdown-menu li.projects-menu li {
  padding: 5px 20px;
  *zoom: 1;
}
.dropdown .dropdown-menu li.projects-menu li:before, .dropdown .dropdown-menu li.projects-menu li:after {
  content: "";
  display: table;
}
.dropdown .dropdown-menu li.projects-menu li:after {
  clear: both;
}
.dropdown .dropdown-menu li.projects-menu li .project-link-title {
  margin-right: 20px;
}
.dropdown .dropdown-menu li.projects-menu li .project-link-title a:hover {
  color: #36ac9c;
}
.dropdown .dropdown-menu li.projects-menu li .actions {
  float: right;
}
.dropdown .divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #ddd;
}
.dropdown.is-open .dropdown-menu {
  display: block;
}

.dropdown .dropdown-menu li.projects-menu {
  width: 240px;
  font-size: 14px;
}
.dropdown .dropdown-menu li.projects-menu ul {
  list-style: none;
  padding: 0;
  margin: 5px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.dropdown .dropdown-menu li.projects-menu li {
  padding: 5px 20px;
  background: #fafafa;
  *zoom: 1;
}
.dropdown .dropdown-menu li.projects-menu li:before, .dropdown .dropdown-menu li.projects-menu li:after {
  content: "";
  display: table;
}
.dropdown .dropdown-menu li.projects-menu li:after {
  clear: both;
}
.dropdown .dropdown-menu li.projects-menu li .title {
  margin-right: 20px;
}
.dropdown .dropdown-menu li.projects-menu li .actions {
  float: right;
}
.dropdown .dropdown-menu li.projects-menu li a {
  background: none;
  text-decoration: none;
  line-height: 20px;
}
.dropdown .dropdown-menu li.projects-menu li a:hover {
  color: inherit;
}

.nucleus-footer {
  background-color: #1a2024;
  color: #aaa;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
.nucleus-footer .container {
  padding: 25px 25px 40px;
}
@media (min-width: 768px) {
  .nucleus-footer .container {
    padding: 50px 0 80px;
  }
}
@media (min-width: 768px) {
  .nucleus-footer .row {
    margin: 0 30px;
  }
}
@media (min-width: 1250px) {
  .nucleus-footer .row {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .nucleus-footer .col-md-3,
  .nucleus-footer .col-md-2 {
    padding: 0;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 1250px) {
  .nucleus-footer .col-md-3,
  .nucleus-footer .col-md-2 {
    margin: 0;
    display: block;
  }
}
.nucleus-footer a {
  color: #FFF;
  letter-spacing: 0.01em;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
}
.nucleus-footer a:hover {
  opacity: 1;
}
.nucleus-footer ul {
  margin: 0 0 5px;
}
@media (min-width: 768px) {
  .nucleus-footer ul {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
  }
}
.nucleus-footer ul li {
  line-height: 1.6;
  display: none;
}
@media (min-width: 768px) {
  .nucleus-footer ul li {
    display: block;
  }
}
.nucleus-footer ul li span {
  padding: 2px 3px 1px 2px;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #FFF;
  margin-left: 4px;
  margin-top: -1px;
  font-size: 9.5px;
  color: #1a2024;
}
.nucleus-footer ul li.footer-heading {
  display: block;
}
.nucleus-footer ul .footer-heading a {
  display: inline-block;
  opacity: 1;
  font-weight: 600;
  letter-spacing: 1.9px;
  color: #aaa;
  font-size: 19px;
}
.nucleus-footer ul .footer-heading a:hover {
  color: #dddddd;
}
@media (min-width: 768px) {
  .nucleus-footer ul .footer-heading a {
    color: #69C1A0;
    opacity: 0.9;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .nucleus-footer ul .footer-heading a:hover {
    color: #b1dfce;
    opacity: 1;
  }
}
.nucleus-footer .logo {
  margin-bottom: 18px;
}
.nucleus-footer .logo a {
  transition-duration: 0.2s;
}
.nucleus-footer .bad-robot {
  position: absolute;
  left: -5000px;
  display: inline;
}
.nucleus-footer .newsletter p {
  font-size: 17px;
  margin: 0 0 5px 0;
  color: #FFF;
}
@media (min-width: 768px) {
  .nucleus-footer .newsletter p {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.nucleus-footer .newsletter ul {
  margin-right: 0;
}
.nucleus-footer .newsletter .form input.email {
  width: 70%;
  font-size: 17px;
  height: 50px;
}
@media (min-width: 768px) {
  .nucleus-footer .newsletter .form input.email {
    width: 159px;
    font-size: 14px;
    height: 35px;
  }
}
.nucleus-footer .newsletter .form .btn {
  width: 94px;
  font-size: 17px;
  height: 50px;
  display: inline;
  margin-left: -10%;
  border-radius: 0px 4px 4px 0px;
}
@media (min-width: 768px) {
  .nucleus-footer .newsletter .form .btn {
    width: 76px;
    font-size: 13px;
    height: 35px;
    margin-left: -10px;
  }
}
.nucleus-footer .newsletter .form #mce-responses, .nucleus-footer .newsletter .form .response {
  display: inline;
}
.nucleus-footer .social a {
  margin-left: -16px;
  margin-right: 16px;
}
.nucleus-footer .social .text-uppercase {
  padding-bottom: 5px;
  letter-spacing: 1.8px;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.nucleus-footer .social .social-links {
  margin-top: 25px;
}
.nucleus-footer .social .social-links .circle {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-color: #262c32;
}
@media (min-width: 768px) {
  .nucleus-footer .social .social-links .circle {
    width: 35px;
    height: 35px;
    border-radius: 35px;
  }
}
.nucleus-footer .social .social-links i {
  font-size: 24px;
  color: #FFF;
}
@media (min-width: 768px) {
  .nucleus-footer .social .social-links i {
    font-size: 14px;
  }
}
.nucleus-footer .social .social-links .fa-medium {
  left: 30%;
}
.nucleus-footer .social .social-links .fa-twitter {
  left: 30%;
}
.nucleus-footer .social .tou-icon {
  position: absolute;
  top: 30%;
  left: 40%;
  color: #fff;
}
.nucleus-footer .description {
  margin-bottom: 6px;
}
.nucleus-footer .description strong {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  margin: 0 4px 6px 0;
  opacity: 1;
  color: #FFF;
  font-size: 14px;
}
.nucleus-footer .tou {
  display: none;
}
@media (min-width: 768px) {
  .nucleus-footer .tou {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    opacity: 0.9;
  }
  .nucleus-footer .tou p {
    margin-bottom: 5px;
  }
  .nucleus-footer .tou a {
    opacity: 0.9;
    margin-right: 8px;
  }
}

.light-footer {
  background-color: #F9FBFB;
  color: #aaa;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
  *zoom: 1;
}
.row:before, .row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 480px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-1 {
    width: 8.3333333333%;
  }
  .col-xs-2 {
    width: 16.6666666667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.3333333333%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
  }
  .col-xs-11 {
    width: 91.6666666667%;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-pull-1 {
    right: 8.3333333333%;
  }
  .col-xs-pull-2 {
    right: 16.6666666667%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-4 {
    right: 33.3333333333%;
  }
  .col-xs-pull-5 {
    right: 41.6666666667%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-7 {
    right: 58.3333333333%;
  }
  .col-xs-pull-8 {
    right: 66.6666666667%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-10 {
    right: 83.3333333333%;
  }
  .col-xs-pull-11 {
    right: 91.6666666667%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-push-1 {
    left: 8.3333333333%;
  }
  .col-xs-push-2 {
    left: 16.6666666667%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-4 {
    left: 33.3333333333%;
  }
  .col-xs-push-5 {
    left: 41.6666666667%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-7 {
    left: 58.3333333333%;
  }
  .col-xs-push-8 {
    left: 66.6666666667%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-10 {
    left: 83.3333333333%;
  }
  .col-xs-push-11 {
    left: 91.6666666667%;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xs-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xs-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xs-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xs-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12 {
    float: left;
  }
  .col-s-1 {
    width: 8.3333333333%;
  }
  .col-s-2 {
    width: 16.6666666667%;
  }
  .col-s-3 {
    width: 25%;
  }
  .col-s-4 {
    width: 33.3333333333%;
  }
  .col-s-5 {
    width: 41.6666666667%;
  }
  .col-s-6 {
    width: 50%;
  }
  .col-s-7 {
    width: 58.3333333333%;
  }
  .col-s-8 {
    width: 66.6666666667%;
  }
  .col-s-9 {
    width: 75%;
  }
  .col-s-10 {
    width: 83.3333333333%;
  }
  .col-s-11 {
    width: 91.6666666667%;
  }
  .col-s-12 {
    width: 100%;
  }
  .col-s-pull-0 {
    right: auto;
  }
  .col-s-pull-1 {
    right: 8.3333333333%;
  }
  .col-s-pull-2 {
    right: 16.6666666667%;
  }
  .col-s-pull-3 {
    right: 25%;
  }
  .col-s-pull-4 {
    right: 33.3333333333%;
  }
  .col-s-pull-5 {
    right: 41.6666666667%;
  }
  .col-s-pull-6 {
    right: 50%;
  }
  .col-s-pull-7 {
    right: 58.3333333333%;
  }
  .col-s-pull-8 {
    right: 66.6666666667%;
  }
  .col-s-pull-9 {
    right: 75%;
  }
  .col-s-pull-10 {
    right: 83.3333333333%;
  }
  .col-s-pull-11 {
    right: 91.6666666667%;
  }
  .col-s-pull-12 {
    right: 100%;
  }
  .col-s-push-0 {
    left: auto;
  }
  .col-s-push-1 {
    left: 8.3333333333%;
  }
  .col-s-push-2 {
    left: 16.6666666667%;
  }
  .col-s-push-3 {
    left: 25%;
  }
  .col-s-push-4 {
    left: 33.3333333333%;
  }
  .col-s-push-5 {
    left: 41.6666666667%;
  }
  .col-s-push-6 {
    left: 50%;
  }
  .col-s-push-7 {
    left: 58.3333333333%;
  }
  .col-s-push-8 {
    left: 66.6666666667%;
  }
  .col-s-push-9 {
    left: 75%;
  }
  .col-s-push-10 {
    left: 83.3333333333%;
  }
  .col-s-push-11 {
    left: 91.6666666667%;
  }
  .col-s-push-12 {
    left: 100%;
  }
  .col-s-offset-0 {
    margin-left: 0%;
  }
  .col-s-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-s-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-s-offset-3 {
    margin-left: 25%;
  }
  .col-s-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-s-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-s-offset-6 {
    margin-left: 50%;
  }
  .col-s-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-s-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-s-offset-9 {
    margin-left: 75%;
  }
  .col-s-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-s-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-s-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
[class*=col-] {
  box-sizing: border-box;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif; /* 1 */
}

.form input,
.form textarea,
.form select, .field input,
.field textarea,
.field select, .best_in_place input,
.best_in_place textarea,
.best_in_place select {
  box-sizing: border-box;
  display: block;
  padding: 6px 8px;
  height: 35px;
  margin: 3px 0px;
  border: 1px solid #ddd;
  border-style: solid;
  border-radius: 4px;
  background-color: #FFF;
}
.form label, .field label, .best_in_place label {
  display: inline-block;
}
.form label.right-padded, .field label.right-padded, .best_in_place label.right-padded {
  padding-right: 5px;
}
.form label.block, .field label.block, .best_in_place label.block {
  display: block;
}
.form textarea, .field textarea, .best_in_place textarea {
  min-width: 300px;
  min-height: 80px;
  overflow-y: hidden;
}
.form button, .field button, .best_in_place button {
  margin: 3px 0px;
}
.form.inline input,
.form.inline textarea,
.form.inline .btn, .field.inline input,
.field.inline textarea,
.field.inline .btn, .best_in_place.inline input,
.best_in_place.inline textarea,
.best_in_place.inline .btn {
  display: inline;
  vertical-align: bottom;
}
.form.inline button, .field.inline button, .best_in_place.inline button {
  vertical-align: top;
}
.form.inline input, .field.inline input, .best_in_place.inline input {
  position: relative;
  height: 35px;
}
.form.inline :not(:first-child), .field.inline :not(:first-child), .best_in_place.inline :not(:first-child) {
  margin-left: 5px;
}
.form.large input,
.form.large textarea,
.form.large select,
.form.large label, .field.large input,
.field.large textarea,
.field.large select,
.field.large label, .best_in_place.large input,
.best_in_place.large textarea,
.best_in_place.large select,
.best_in_place.large label {
  font-size: 18px;
  height: 48px;
  margin-bottom: 5px;
}
.form .form-xlg input,
.form .form-xlg textarea,
.form .form-xlg select, .field .form-xlg input,
.field .form-xlg textarea,
.field .form-xlg select, .best_in_place .form-xlg input,
.best_in_place .form-xlg textarea,
.best_in_place .form-xlg select {
  display: block;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-font-smoothing: antialiased;
}
.form.full-width input,
.form.full-width .newbtn, .field.full-width input,
.field.full-width .newbtn, .best_in_place.full-width input,
.best_in_place.full-width .newbtn {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.form.full-width input, .field.full-width input, .best_in_place.full-width input {
  padding: 6px 8px;
}

input:active:not([type=radio]), textarea:active, select:active {
  outline: none;
}

input:focus:not([type=radio]), textarea:focus, select:focus {
  border-color: rgba(85, 178, 127, 0.8);
  border-style: solid;
  outline: 0;
  outline: thin dotted \9 ; /* IE6-8 */
}

input[type=submit] {
  height: inherit;
  border: none;
}
input[type=submit]:focus {
  border: none;
}

.field_with_errors {
  position: relative;
}
.field_with_errors input {
  color: #FF7979;
  border-color: #FF7979;
}
.field_with_errors textarea {
  color: #FF7979;
  border-color: #FF7979;
}
.field_with_errors .error {
  color: #FF7979;
  margin-top: -20px;
  margin-bottom: 20px;
}

.field_with_errors .tooltip {
  font-size: 14px;
}
.field_with_errors .tooltip.right .tooltip-arrow {
  border-right-color: #FF7979;
}
.field_with_errors .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #FF7979;
}
.field_with_errors .tooltip .tooltip-inner {
  padding: 4px 10px;
  max-width: none;
  background-color: #FF7979;
}

.search-input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.search-input .search-icon {
  position: absolute;
  top: 8px;
  left: 9px;
  color: #aaa;
}
.search-input input {
  padding-left: 27px;
}

.search-input .large {
  width: 100%;
  font-size: 1.5em;
}
.search-input .large .twitter-typeahead {
  width: 100%;
}
.search-input .large input {
  width: inherit;
}
.search-input .large input {
  padding-top: 12px;
  padding-left: 35px;
  font-size: 1em;
  height: 20px;
}
.search-input .large .tt-dropdown-menu {
  width: inherit;
  margin: 0 20px;
}

.input-prepend .add-on, .input-append .add-on {
  color: #aaa;
  background-color: #f5f5f5;
  border-color: #aaa;
}

.input-prepend, .input-append {
  margin-bottom: 5px;
}
.input-prepend input, .input-prepend .uneditable-input, .input-append input, .input-append .uneditable-input {
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus, .input-prepend .uneditable-input:focus, .input-append input:focus, .input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input, .input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on, .input-append .add-on {
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 25px;
  padding: 4px 5px;
  margin: 3px -1px;
  font-weight: normal;
  line-height: 20px;
  color: #aaa;
  text-align: center;
  text-shadow: 0 1px 0 #FFF;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.input-prepend .fa, .input-append .fa {
  vertical-align: bottom;
}
.input-prepend .active, .input-append .active {
  background-color: #a9dba9;
  border-color: #36ac9c;
}

.input-prepend .add-on:first-child {
  border-radius: 3px 0 0 3px;
}

.input-append input, .input-append .uneditable-input {
  float: left;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-right-color: #ccc;
}
.input-append .add-on {
  margin-right: 0;
  margin-left: -1px;
  border-radius: 0 3px 3px 0;
}
.input-append input:first-child {
  *margin-left: -160px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

table {
  border-spacing: 0;
}
table.hoverable {
  padding: 12px;
  margin-top: 12px;
  width: 100%;
  border: 2px solid #eee;
  position: relative;
}
table.hoverable thead {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 500;
  color: #aaa;
  border: 2px solid #eee;
}
table.hoverable thead tr:hover {
  background-color: #FFF;
}
table.hoverable thead tr:hover td {
  background-color: #FFF;
}
table.hoverable thead tr td {
  font-size: 12px;
}
table.hoverable tr:hover {
  color: #4a5658;
  background-color: #efefef;
  transition-duration: 0.2s;
}
table.hoverable tr:hover td {
  background-color: #efefef;
}
table.hoverable tr td {
  font-size: 14px;
  padding: 3px 9px;
  border: none;
}

.nu-icon {
  display: inline-block;
  position: relative;
  margin-right: 7px;
}

.nu-notebook-large-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 96px;
  width: 80px;
}

.nu-twitter {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -80px 0px;
  height: 32px;
  width: 32px;
}

.nu-facebook {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -80px -32px;
  height: 32px;
  width: 32px;
}

.nu-exit-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -80px -64px;
  height: 31px;
  width: 30px;
}

.nu-arrow-border-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -112px 0px;
  height: 31px;
  width: 21px;
}

.nu-notebook-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: 0px -96px;
  height: 30px;
  width: 26px;
}

.nu-endorse-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -26px -96px;
  height: 30px;
  width: 23px;
}

.nu-endorse {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -49px -96px;
  height: 30px;
  width: 23px;
}

.nu-team-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -72px -96px;
  height: 28px;
  width: 26px;
}

.nu-experiment-logo {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -133px 0px;
  height: 27px;
  width: 133px;
}

.nu-budget-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -133px -27px;
  height: 27px;
  width: 27px;
}

.nu-discussion-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -160px -27px;
  height: 26px;
  width: 30px;
}

.nu-labnote-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -190px -27px;
  height: 24px;
  width: 21px;
}

.nu-card-jcb {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -211px -27px;
  height: 21px;
  width: 25px;
}

.nu-card-visa {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -236px -27px;
  height: 21px;
  width: 21px;
}

.nu-card-mastercard {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -133px -54px;
  height: 21px;
  width: 21px;
}

.nu-card-amex {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -154px -54px;
  height: 21px;
  width: 21px;
}

.nu-card-discover {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -175px -54px;
  height: 20px;
  width: 21px;
}

.nu-researcher {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -196px -54px;
  height: 17px;
  width: 15px;
}

.nu-lock-blue {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -211px -54px;
  height: 16px;
  width: 16px;
}

.nu-search {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -227px -54px;
  height: 16px;
  width: 16px;
}

.nu-card {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -243px -54px;
  height: 15px;
  width: 18px;
}

.nu-stripe {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -133px -75px;
  height: 14px;
  width: 34px;
}

.nu-comment-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -167px -75px;
  height: 14px;
  width: 17px;
}

.nu-heart-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -184px -75px;
  height: 14px;
  width: 15px;
}

.nu-lock {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -199px -75px;
  height: 13px;
  width: 11px;
}

.nu-view-gray {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -210px -75px;
  height: 12px;
  width: 21px;
}

.nu-caret {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -257px -27px;
  height: 10px;
  width: 7px;
}

.nu-caret-down {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -257px -27px;
  height: 10px;
  width: 7px;
  transform: rotate(90deg);
}

.nu-caret-up {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -257px -27px;
  height: 10px;
  width: 7px;
  transform: rotate(-90deg);
}

.nu-arrow-blue {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/sprite-2015-07-22.png");
  background-repeat: no-repeat;
  background-position: -231px -75px;
  height: 8px;
  width: 13px;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 300px;
  padding: 5px 9px;
  color: #fff;
  text-align: center;
  background-color: #1a2024;
  border-radius: 4px;
  font-size: 12px;
  word-wrap: break-word;
  font-weight: 600;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #1a2024;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #1a2024;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #1a2024;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #1a2024;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #1a2024;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1a2024;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1a2024;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1a2024;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300060;
  display: none;
  max-width: 230px;
  padding: 1px;
  font-size: 14px;
  background-color: #3c4a53;
  background-clip: padding-box;
  color: #FFF;
  border: 1px solid #3c4a53;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.btn-popover {
  padding-right: 200px;
  display: block;
  width: 110px;
  margin: 14px 0 0 0;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #36424a;
  border-bottom: 1px solid #2b353c;
  border-radius: 3 3 0 0;
}

.popover-content {
  padding: 18px 22px;
  line-height: 17px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #111518;
  border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #3c4a53;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #111518;
  border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #3c4a53;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #111518;
  border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #3c4a53;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #111518;
  border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #3c4a53;
  bottom: -10px;
}

.pagination {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 1em 0;
  cursor: default;
}
.pagination.centered {
  text-align: center;
  padding: 1em;
}
.pagination a, .pagination span {
  padding: 0.1em 0.3em;
  border: 1px solid #ddd;
  border-radius: 1px;
  color: #4a5658;
  text-decoration: none;
}
.pagination a:hover, .pagination span:hover {
  color: #888;
}
.pagination .disabled {
  display: none;
}
.pagination .current {
  background-color: #36ac9c;
  padding: 0.1em 0.3em;
  font-style: normal;
  font-weight: 400;
  color: #FFF;
  display: inline-block;
}
.pagination .current a {
  text-decoration: none;
  color: #444;
}
.pagination .current a:hover, .pagination .current a:focus {
  opacity: 0.9;
}

/*
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * a, t, r, b, l, h, v = all,top,right,bottom,left,horizontal,vertical
 * x, s, m, l, g, n    = padding-x, padding-s, padding-m, padding-l, padding-g, none
 * p, m                = padding,margin */
.ptn, .pvn, .pan {
  padding-top: 0;
}

.ptx, .pvx, .pax {
  padding-top: 3px;
}

.pts, .pvs, .pas {
  padding-top: 5px;
}

.ptm, .pvm, .pam {
  padding-top: 10px;
}

.ptl, .pvl, .pal {
  padding-top: 20px;
}

.ptg, .pvg, .pag {
  padding-top: 30px;
}

.ptxl, .pvxl, .paxl {
  padding-top: 50px;
}

.prn, .phn, .pan {
  padding-right: 0;
}

.prx, .phx, .pax {
  padding-right: 3px;
}

.prs, .phs, .pas {
  padding-right: 5px;
}

.prm, .phm, .pam {
  padding-right: 10px;
}

.prl, .phl, .pal {
  padding-right: 20px;
}

.prg, .phg, .pag {
  padding-right: 30px;
}

.prxl, .phxl, .paxl {
  padding-right: 50px;
}

.pbn, .pvn, .pan {
  padding-bottom: 0;
}

.pbx, .pvx, .pax {
  padding-bottom: 3px;
}

.pbs, .pvs, .pas {
  padding-bottom: 5px;
}

.pbm, .pvm, .pam {
  padding-bottom: 10px;
}

.pbl, .pvl, .pal {
  padding-bottom: 20px;
}

.pbg, .pvg, .pag {
  padding-bottom: 30px;
}

.pbxl, .pvxl, .paxl {
  padding-bottom: 50px;
}

.pln, .phn, .pan {
  padding-left: 0;
}

.plx, .phx, .pax {
  padding-left: 3px;
}

.pls, .phs, .pas {
  padding-left: 5px;
}

.plm, .phm, .pam {
  padding-left: 10px;
}

.pll, .phl, .pal {
  padding-left: 20px;
}

.plg, .phg, .pag {
  padding-left: 30px;
}

.plxl, .phxl, .paxl {
  padding-left: 50px;
}

.mtn, .mvn, .man {
  margin-top: 0px;
}

.mtx, .mvx, .max {
  margin-top: 3px;
}

.mts, .mvs, .mas {
  margin-top: 5px;
}

.mtm, .mvm, .mam {
  margin-top: 10px;
}

.mtl, .mvl, .mal {
  margin-top: 20px;
}

.mtg, .mvg, .mag {
  margin-top: 30px;
}

.mtxl, .mvxl, .maxl {
  margin-top: 50px;
}

.mrn, .mhn, .man {
  margin-right: 0px;
}

.mrx, .mhx, .max {
  margin-right: 3px;
}

.mrs, .mhs, .mas {
  margin-right: 5px;
}

.mrm, .mhm, .mam {
  margin-right: 10px;
}

.mrl, .mhl, .mal {
  margin-right: 20px;
}

.mrg, .mhg, .mag {
  margin-right: 30px;
}

.mrxl, .mhxl, .maxl {
  margin-right: 50px;
}

.mbn, .mvn, .man {
  margin-bottom: 0px;
}

.mbx, .mvx, .max {
  margin-bottom: 3px;
}

.mbs, .mvs, .mas {
  margin-bottom: 5px;
}

.mbm, .mvm, .mam {
  margin-bottom: 10px;
}

.mbl, .mvl, .mal {
  margin-bottom: 20px;
}

.mbg, .mvg, .mag {
  margin-bottom: 30px;
}

.mbxl, .mvxl, .maxl {
  margin-bottom: 50px;
}

.mln, .mhn, .man {
  margin-left: 0px;
}

.mlx, .mhx, .max {
  margin-left: 3px;
}

.mls, .mhs, .mas {
  margin-left: 5px;
}

.mlm, .mhm, .mam {
  margin-left: 10px;
}

.mll, .mhl, .mal {
  margin-left: 20px;
}

.mlg, .mhg, .mag {
  margin-left: 30px;
}

.mlxl, .mhxl, .maxl {
  margin-left: 50px;
}

.stretch-min-height {
  min-height: 58vh;
}

.align-self-end {
  align-self: end;
}

.project-card {
  position: relative;
  margin-bottom: 50px;
  border-radius: 4px;
  border: 1px solid #eee;
}
.project-card .project-thumb-wrapper {
  position: relative;
}
.project-card .project-thumb {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px 4px 0 0;
  min-height: 175px;
}
.project-card .project-thumb .backed {
  font-size: 16px;
  position: absolute;
  width: 100%;
  padding: 6px 0;
  text-align: center;
  border-radius: 3px 3px 0 0;
  background-color: #36ac9c;
  color: #FFF;
}
.project-card .project-card-content {
  background-color: #fff;
  position: relative;
  height: 140px;
  padding: 15px 18px;
}
.project-card .project-card-footer {
  padding: 8px 18px 0px 18px;
  border-radius: 0 0 5px 5px;
  background-color: #FFF;
  height: 120px;
}
.project-card .project-card-footer h4 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #1a2024;
}
.project-card .project-card-footer h4 .set-width {
  width: 61px;
}
.project-card .project-card-footer a {
  color: #1a2024;
}
.project-card .project-card-footer small {
  color: #1a2024;
  font-weight: 400;
  font-size: 13px;
}
.project-card .project-card-footer .row {
  display: block;
  padding: 0;
  margin: 0;
  text-align: left;
  text-rendering: optimizespeed;
}
.project-card .project-card-footer .row .col-md-3, .project-card .project-card-footer .row .col-md-4, .project-card .project-card-footer .row .col-md-5 {
  margin: 0;
  padding: 0;
}
.project-card .project-card-footer .progress {
  border-radius: 10px;
  background-color: #ddd;
  background-image: none;
  margin: 10px auto;
  margin-top: 15px;
  width: 100%;
  height: 8px;
  overflow: hidden;
  box-shadow: none;
}
.project-card .project-card-footer .progress .bar {
  background-color: #36ac9c;
  border-radius: 8px;
  height: 8px;
  background-image: none;
  box-shadow: none;
}
.project-card .project-card-footer .progress .bar.funded {
  background-color: #36ac9c;
}
.project-card .project-card-footer .stats-row {
  display: block;
  width: 100%;
}
.project-card .project-card-footer #funding-percent {
  width: 33%;
  display: inline-block;
}
.project-card .project-card-footer #funding-goal {
  width: 40%;
  display: inline-block;
}
.project-card .project-card-footer .time-remaining {
  display: inline-block;
  text-align: right;
  float: right;
}
.project-card .project-card-footer .researcher {
  font-size: 14px;
  color: #333;
  padding: 7px 0px 0px 0px;
  display: inline-block;
  white-space: nowrap;
}
.project-card .project-card-footer .researcher img {
  height: 34px;
  width: 34px;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
}
.project-card .project-card-footer .researcher-info {
  color: #4a5658;
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 228px;
  vertical-align: middle;
  line-height: 16px;
}
.project-card .project-card-footer .researcher-info a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.project-card .project-card-footer .researcher-info .researcher-institution {
  margin-top: 3px;
}
.project-card .project-card-footer .researcher-info .researcher-institution a, .project-card .project-card-footer .researcher-info .researcher-institution .institution {
  color: #96a1a6;
}
.project-card .project-card-footer .researcher-info .researcher-institution .institution {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-card .project-card-footer #footer-tags {
  display: none;
}
.project-card .project-title {
  line-height: 20px;
  font-size: 14.2px;
  margin-top: 0px;
  margin-bottom: 15px;
  letter-spacing: -0.04px;
  font-family: "Copernicus", Times;
}
.project-card .project-title a {
  position: relative;
  color: #1a2024;
}
.project-card .project-title a:hover {
  opacity: 0.75;
  transition-duration: 0.2s;
  text-decoration: none;
}
.project-card .description {
  font-size: 14.5px;
  line-height: 19px;
  color: #96a1a6;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.project-card.placeholder .project-thumb {
  border-bottom: 1px solid #F2F3F4;
}
.project-card.placeholder .spinner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 225px;
  left: 125px;
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/loading-transparent-161761aa3974c7a2885c07ef8f45314c0c62b64b8a169636c52def93f84a3451.gif);
}

.labnote .project-card-content {
  height: 120px;
  padding: 16px 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.labnote .project-thumb {
  min-height: 135px;
}
.labnote .project-title {
  font-size: 15px;
}
.labnote .project-card-footer {
  background-color: white;
  border-top: 0px;
  padding: 8px 18px 0px 16px;
  height: 107px;
}
.labnote .project-card-footer h4 {
  color: #aaa;
  font-size: 15px;
  font-weight: 300;
}
.labnote .project-card-footer .researcher {
  width: 100%;
}
.labnote .project-card-footer .researcher-info {
  width: 100%;
  font-size: 14px;
}
.labnote .project-card-footer .researcher-info .institution {
  opacity: 0.5;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labnote .project-card-footer small {
  font-size: inherit;
  color: inherit;
  margin-left: 5px;
  font-weight: 300;
  -webkit-font-smoothing: inherit;
}
.labnote .project-card-footer img {
  display: none;
}
.labnote .project-card-footer #footer-tags {
  display: unset;
}
.labnote .project-card-footer .project-stats {
  font-size: 0.8em;
}
.labnote .project-card-footer .project-stats .col-md-6 {
  padding: 0px;
}
.labnote .project-card-footer .project-stats i {
  color: #9Ba5aa;
  margin-right: 4px;
}
.labnote .project-card-footer .tag-row {
  position: inherit;
  bottom: 0px;
}
.labnote .project-card-footer .tag-row span {
  color: white;
}
.labnote .project-card-footer .tag-row .category_text {
  font-size: 11px;
}
.labnote .project-card-footer .tag-row .category_container {
  padding: 0px 8px 0px 8px;
}

.backed-project-card-header {
  display: inline-block !important;
  width: auto;
  height: 29px;
  padding: 0px 9px 0 7px;
  border-radius: 3px;
  top: -423px;
  left: 10px;
  vertical-align: middle;
  position: relative;
  border: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #FFF;
}
@media (min-width: 768px) {
  .backed-project-card-header {
    display: inline-block !important;
  }
}

.backer {
  background-color: #36ac9c;
}
.backer .backer-badge {
  margin-left: -12px;
  margin-top: 3px;
  font-size: 13px;
  color: #FFF;
  font-weight: 400;
  display: inline;
  height: auto;
  position: relative;
  top: -7px;
}
.backer .badge {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/backer-badge-18ad2b95ff8046efc0f7132f4744ef0c7fbb8105711b308a44bd744e54dbd43a.svg);
  background-size: 38%;
  position: relative;
  left: 13px;
  top: 10px;
  background-repeat: no-repeat;
  background-position: 0 2px;
  width: 36px;
  height: 25px;
  margin-right: -5px;
  display: inline-block;
}

.friend {
  background-color: #3B5998;
}
.friend .friend-name {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 4px;
  font-size: 13px;
  margin-top: 5px;
}
.friend img.mini-avatar {
  width: 21px;
  height: 21px;
  border-radius: 50px;
  margin-top: 4px;
  vertical-align: middle;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.25s;
  transition-property: height, display, visibility;
}

.milestones-timeline .event-description {
  display: inline-block;
  padding: 0;
  min-height: 100px;
  margin-left: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .milestones-timeline .event-description {
    width: 640px;
  }
}
.milestones-timeline .event-description .circle {
  background: #36ac9c;
  height: 11px;
  width: 11px;
  border-radius: 15px;
  position: relative;
  display: inline-block;
  z-index: 12;
  top: -1px;
  left: -8px;
  border: 2px solid #FFF;
}
.milestones-timeline .event-description .circle.launched {
  background-color: #5eb0c0;
}
.milestones-timeline .event-description .circle.funded {
  background-color: #36ac9c;
}
.milestones-timeline .event-description.one {
  border-left: 2px solid #23D67E;
}
.milestones-timeline .event-description.one .circle {
  background: #23D67E;
}
.milestones-timeline .event-description.two {
  border-left: 2px solid #20CB86;
}
.milestones-timeline .event-description.two .circle {
  background: #20CB86;
}
.milestones-timeline .event-description.three {
  border-left: 2px solid #1DC48C;
}
.milestones-timeline .event-description.three .circle {
  background: #1DC48C;
}
.milestones-timeline .event-description.four {
  border-left: 2px solid #18B497;
}
.milestones-timeline .event-description.four .circle {
  background: #18B497;
}
.milestones-timeline .event-description.five {
  border-left: 2px solid #13A2A5;
}
.milestones-timeline .event-description.five .circle {
  background: #13A2A5;
}
.milestones-timeline .event-description.six {
  border-left: 2px solid #0F94AF;
}
.milestones-timeline .event-description.six .circle {
  background: #0F94AF;
}
.milestones-timeline .event-description.seven {
  border-left: 2px solid #0C8CB6;
}
.milestones-timeline .event-description.seven .circle {
  background: #0C8CB6;
}
.milestones-timeline .event-description.eight {
  border-left: 2px solid #026DCB;
}
.milestones-timeline .event-description.eight .circle {
  background: #026DCB;
}
.milestones-timeline .event-description.nine {
  border-left: 2px solid #036ECA;
}
.milestones-timeline .event-description.nine .circle {
  background: #036ECA;
}
.milestones-timeline .event-description.ten {
  border-left: 2px solid #0057B3;
}
.milestones-timeline .event-description.ten .circle {
  background: #0057B3;
}
.milestones-timeline .event-description.current {
  border-left: 2px solid #c2c8cb;
}
.milestones-timeline .event-description.current .circle {
  background: #18B497 !important;
}
.milestones-timeline .event-description.pending {
  border-left: 2px solid #c2c8cb;
}
.milestones-timeline .event-description.pending .circle {
  background: #9Ba5aa !important;
}
.milestones-timeline .event {
  display: block;
  min-height: 20px;
}
.milestones-timeline .event:last-child .event-description, .milestones-timeline .event.js-events .event-description {
  padding-bottom: 0px;
  margin-bottom: 20px;
}
.milestones-timeline .event:last-child .event-description:after, .milestones-timeline .event.js-events .event-description:after {
  content: "";
  position: relative;
  pointer-events: none;
  z-index: 2;
  top: 0px;
  right: 2px;
  display: block;
  height: 30px;
  width: 2px;
  background-image: linear-gradient(rgba(250, 250, 250, 0), #f5f5f5);
}
.milestones-timeline .event.js-events .event-description:after {
  top: 30px;
}
.milestones-timeline .description {
  padding: 0px 30px 0px 30px;
  margin-left: -2px;
  top: -20px;
  position: relative;
  display: block;
  vertical-align: top;
}
.milestones-timeline .description h2 {
  display: block;
  margin: 5px 0 8px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #9Ba5aa;
}
.milestones-timeline .description h2.labnote {
  margin: 0 0 2px 0px;
  display: inline-block;
  vertical-align: top;
  color: #36ac9c;
}
.milestones-timeline .description h2 span {
  color: #9Ba5aa;
  margin-right: 7px;
}
.milestones-timeline .description h2 .backers {
  background: #004E6D;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 11px;
  margin-left: 7px;
  color: #FFF;
  position: relative;
  top: -1px;
}
.milestones-timeline .description h2 img {
  width: 15px;
  height: 17px;
  margin-right: 7px;
  position: relative;
  top: 3px;
  left: -1px;
}
.milestones-timeline .description h4 {
  text-transform: uppercase;
  display: block;
  margin: 0 0 8px 0;
  padding: 0px 3px 1px 0px;
  color: #4a5658;
  font-size: 12px;
  letter-spacing: 1.2px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.milestones-timeline .description a {
  font-size: 15px;
  margin-top: -5px;
  margin-left: -7px;
  display: inline-block;
}
.milestones-timeline .description p {
  margin: 4px 0 8px 0;
  font-size: 14px;
  color: #4a5658;
}
.milestones-timeline .description p.stats {
  margin: -2px 0 4px 0;
}
.milestones-timeline .description .fa {
  display: inline;
  margin-right: 5px;
}
.milestones-timeline .hidden {
  display: none;
}
.milestones-timeline .fa-star {
  color: #ffbd00;
  position: relative;
  left: -6px;
  text-shadow: 0px -1px 0px #FFF;
}
.milestones-timeline .show-more {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
}
.milestones-timeline .show-more a {
  font-size: 14px;
  font-weight: 600;
}
.milestones-timeline .btn-outline {
  color: #4a5658;
  border-color: #ddd;
  padding: 1px 8px 0px 8px;
  width: auto;
}
.milestones-timeline .muted {
  color: #c4c4c4;
  font-size: 14.5px;
  margin-top: 2px;
}
.milestones-timeline .labnote:hover {
  transition-duration: 0.3s;
  background-color: #FaF9F9;
  color: #36ac9c;
  opacity: 1;
  border-radius: 5px;
}
.milestones-timeline .labnote:hover .fa-heart {
  transition-duration: 0.38s;
  color: #D97471;
}
.milestones-timeline .labnote:hover .fa-comment, .milestones-timeline .labnote:hover .fa-eye {
  transition-duration: 0.38s;
  color: #4a5658;
}
.milestones-timeline .labnote:hover .stats {
  transition-duration: 0.38s;
  color: #4a5658;
}
.milestones-timeline .stats .number {
  display: inline;
  color: #4a5658;
  font-size: 14px;
  font-weight: 600;
}
.milestones-timeline .stats .fa {
  margin-right: 5px;
  font-size: 12px;
}
.milestones-timeline .stats .fa-comment, .milestones-timeline .stats .fa-eye {
  font-size: 14px;
  margin-left: 22px;
}
.milestones-timeline .stats .fa-heart {
  color: #e6a3a1;
}
.milestones-timeline .stats .fa-comment, .milestones-timeline .stats .fa-eye {
  color: #d5d5d5;
}
.milestones-timeline a {
  width: 100%;
  padding: 6px 9px 0px 9px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .milestones-timeline a {
    width: 680px;
  }
}
.milestones-timeline a h2 {
  line-height: 21px;
}

#institution-wrapper h3.label {
  font-size: 15px;
  color: #9Ba5aa;
  margin-top: 30px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institution-wrapper span.right {
  float: right;
  font-size: 14px;
  font-weight: 400;
}
#institution-wrapper span.right a {
  color: #8d999e;
}
#institution-wrapper .institution-banner {
  margin-top: -100px;
  min-height: 60vh;
  height: auto;
  position: relative;
  background-size: cover;
  background-position: bottom center;
  background-color: #000;
  color: #FFF;
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-banner {
    margin-top: -80px;
    height: 600px;
  }
}
#institution-wrapper .institution-banner .banner-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  background-image: none;
  background-attachment: scroll;
  background-color: #000;
  opacity: 0.3;
  background-position: 0px 0px;
  background-repeat: repeat repeat;
}
#institution-wrapper .institution-banner .banner-overlay {
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
#institution-wrapper .institution-banner .header-text {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  padding: 0 25px;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-banner .header-text {
    display: inline-block;
  }
}
#institution-wrapper .institution-banner .header-text h1 {
  margin: 0 auto;
  width: 100%;
  margin-top: 200px;
  position: relative;
  font-size: 26px;
  display: inline-block;
  line-height: 1;
  font-family: "Copernicus", Times;
  color: #FFF;
  text-align: center;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-banner .header-text h1 {
    width: 700px;
    top: 59%;
    left: 50%;
    margin-top: -50px;
    margin-left: -325px;
    position: absolute;
  }
}
#institution-wrapper .institution-banner .header-text h2 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 100;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #FFF;
  text-align: center;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-banner .header-text h2 {
    width: 700px;
    top: 57%;
    left: 50%;
    margin-top: 0px;
    margin-left: -325px;
    position: absolute;
  }
}
#institution-wrapper .institution-banner .header-text h3 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  border: 2px solid #FFF;
  padding: 6px 12px;
  text-transform: uppercase;
  color: #FFF;
  border-radius: 4px;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-banner .header-text h3 {
    width: 85px;
    top: 57%;
    left: 56%;
    margin-top: 0px;
    margin-left: -120px;
    position: absolute;
  }
}
#institution-wrapper .institution-badge {
  max-width: 200px;
  max-height: 250px;
}
#institution-wrapper .institution-description {
  position: relative;
  margin: auto;
  min-width: 600px;
  padding: 70px 0;
  text-align: center;
}
#institution-wrapper .institution-description .institution-badge {
  max-width: 220px;
  max-height: 150px;
  margin-right: 40px;
  display: inline-block;
}
#institution-wrapper .institution-description .text {
  display: inline-block;
  vertical-align: top;
  max-width: 430px;
  text-align: left;
}
#institution-wrapper .institution-description span.about {
  color: #aaa;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  -webkit-font-smoothing: antialiased;
}
#institution-wrapper .institution-description p {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  margin: 5px 0;
  color: #aaa;
}
#institution-wrapper .institution-description .backers {
  display: inline;
  font-weight: 600;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
#institution-wrapper .institution-description span.stat {
  margin-left: 5px;
  font-weight: 600;
}
#institution-wrapper .institution-description span.social a {
  color: #aaa;
  font-family: "Copernicus", Times;
  -webkit-font-smoothing: antialiased;
}
#institution-wrapper .institution-description span.social i.fa-facebook {
  color: #3B5998;
}
#institution-wrapper .institution-description span.social i.fa-twitter {
  color: #00AAF1;
}
#institution-wrapper .project-box {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 10px 0 23px 0;
}
#institution-wrapper .project-box .project-box-header {
  padding: 20px 16px 14px 16px;
}
#institution-wrapper .project-box .title {
  font-family: "Copernicus", Times;
  font-size: 15px;
  color: #232b30;
  line-height: 26px;
  letter-spacing: -0.1px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institution-wrapper .project-box .new {
  border: 2px solid;
  padding: 0px 4px 0 5px;
  text-transform: uppercase;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11.5px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 4px;
  top: -1px;
  margin-right: 3px;
  line-height: 18px;
  letter-spacing: 1.15px;
  position: relative;
  color: #FFF;
  margin-left: -2px;
}
#institution-wrapper .project-box .abstract {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8d999e;
  font-size: 15px;
  line-height: 23px;
  margin: 10px 0;
}
#institution-wrapper .project-box .researcher-info {
  display: block;
  margin-top: 20px;
}
#institution-wrapper .project-box .researcher-info-avatar {
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  vertical-align: top;
}
#institution-wrapper .project-box .researcher-info-avatar img {
  margin-top: 2px;
  height: 35px;
  width: 35px;
}
#institution-wrapper .project-box .researcher-info-name {
  display: inline-block;
  vertical-align: top;
  margin: -1px 0 0 2px;
}
#institution-wrapper .project-box .researcher-info-name a {
  color: #4a5658;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#institution-wrapper .project-box .researcher-info-name p {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#institution-wrapper .project-box .researcher-info-institution {
  color: #8d999e;
  margin-top: -1px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institution-wrapper .project-box .progress {
  border-radius: 10px;
  background-color: #ddd;
  background-image: none;
  margin: 10px 0;
  margin-top: 15px;
  width: 100%;
  height: 8px;
  overflow: hidden;
  box-shadow: none;
}
#institution-wrapper .project-box .progress .bar {
  background-color: #36ac9c;
  border-radius: 8px;
  height: 8px;
  background-image: none;
  box-shadow: none;
}
#institution-wrapper .project-box .progress .bar.funded {
  background-color: #36ac9c;
}
#institution-wrapper .project-box-footer {
  border-top: 1px solid #ddd;
  padding: 6px 16px 0 16px;
  display: block;
}
#institution-wrapper .project-box-footer .progress {
  display: inline-block;
  width: 30%;
  margin: 0;
}
#institution-wrapper .project-box-footer .funded-percentage {
  font-size: 14px;
  display: inline-block;
  padding: 10px 0 16px 8px;
  color: #4a5658;
}
#institution-wrapper .project-box-footer .tags {
  display: inline-block;
  float: right;
  margin-top: 8px;
}
#institution-wrapper .project-box-footer .tag-label {
  display: inline-block;
  color: #9Ba5aa;
  margin-left: 7px;
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institution-wrapper .project-box-footer .tag-label:first-child {
  margin: 0;
}
#institution-wrapper .labnote-box {
  display: block;
  margin-top: 10px;
}
#institution-wrapper .labnote-box .labnote-box-image {
  display: inline-block;
}
#institution-wrapper .labnote-box .labnote-box-image .preview-thumb {
  background-size: cover;
  background-position: center center;
  background-color: #FFF;
  border-radius: 4px;
  width: 90px;
  height: 90px;
}
@media (min-width: 768px) {
  #institution-wrapper .labnote-box .labnote-box-image .preview-thumb {
    width: 90px;
  }
}
#institution-wrapper .labnote-box .labnote-box-image .preview-thumb .nu-icon {
  display: block;
  margin: auto;
  position: relative;
  top: 30%;
}
#institution-wrapper .labnote-box .labnote-box-contents {
  display: inline-block;
  padding-left: 10px;
  font-size: 14px;
  vertical-align: top;
  font-color: #1a2024;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnote-box-contents-title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-weight: bold;
  word-break: break-word;
  max-width: 360px;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnote-box-contents-title a {
  color: #4a5658;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics {
  padding-top: 10px;
  display: block;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics span {
  padding-left: 6px;
  font-size: 13px;
  color: #4a5658;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics svg {
  vertical-align: bottom;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics .header-views {
  display: inline-block;
  padding-right: 30px;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics .header-comments {
  display: inline-block;
  padding-right: 30px;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics .header-likes {
  display: inline-block;
  padding-right: 30px;
}
#institution-wrapper .labnote-box .labnote-box-contents .labnotes-box-contents-metrics .header-likes i {
  color: red;
}
#institution-wrapper .followers-box .follow-institution-btn {
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
  border-radius: 4px;
  color: #aaa;
}
#institution-wrapper .followers-box img {
  padding-right: 3px;
}
#institution-wrapper .stats {
  display: inline-block;
  width: 100%;
}
#institution-wrapper .stats .stat {
  display: inline-block;
  width: 25%;
}
#institution-wrapper .stats h4, #institution-wrapper .stats p {
  font-size: 14px;
  margin: 2px 0;
  padding: 0;
}
#institution-wrapper .stats p {
  color: #909ba1;
}
#institution-wrapper .institution-nav {
  border-bottom: 2px solid #F2F3F4;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-nav {
    height: 60px;
  }
}
#institution-wrapper .institution-nav .container {
  padding: 0 25px;
}
#institution-wrapper .institution-nav ul {
  margin: 0;
  padding: 20px 0;
  list-style: none;
  display: block;
}
#institution-wrapper .institution-nav ul li {
  padding: 0;
  display: inline-block;
  font-weight: 600;
  margin-right: 30px;
  color: #shaleDark;
}
#institution-wrapper .institution-nav ul a {
  color: #4a5658;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institution-wrapper .institution-nav ul .btn {
  border: 2px solid #F2F3F4;
}
#institution-wrapper .institution-nav ul .hide-follow-button,
#institution-wrapper .institution-nav ul .follow {
  display: inline-block;
}
#institution-wrapper .institution-nav .react-component {
  display: inline-block;
}
@media (min-width: 768px) {
  #institution-wrapper .institution-nav .institution-nav-btns {
    float: right;
    margin-top: -8px;
  }
}
#institution-wrapper .institution-nav .institution-nav-btns a {
  margin-left: 10px;
  font-size: 14px;
  color: #4a5658;
}
#institution-wrapper .institution-nav .institution-nav-btns button:hover,
#institution-wrapper .institution-nav .institution-nav-btns a:hover {
  background-color: #f5f5f5;
  border-color: #ddd;
}
#institution-wrapper .browse-footer {
  background: #F2F3F4;
  margin-top: 60px;
  padding: 30px 0 60px 0;
}
#institution-wrapper .browse-footer h3 {
  color: #4a5658;
}
#institution-wrapper .disclaimer {
  font-size: 13px;
  color: #d5d5d5;
  margin-top: 40px;
}
@media (min-width: 768px) {
  #institution-wrapper .disclaimer {
    width: 650px;
  }
}
#institution-wrapper .followers,
#institution-wrapper .researchers {
  margin: 30px 0;
}
#institution-wrapper .pagination {
  margin-bottom: 30px;
}
#institution-wrapper .user-box {
  border: 2px solid #F2F3F4;
  border-radius: 4px;
  display: block;
  padding: 12px 16px;
  margin: 4px 0;
}
#institution-wrapper .user-box:hover {
  border-color: #ddd;
}
#institution-wrapper .user-box img {
  margin-right: 9px;
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  width: 45px;
}
#institution-wrapper .user-box .user-info {
  display: inline-block;
  vertical-align: top;
}
#institution-wrapper .user-box h3 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 15px;
  color: #4a5658;
  vertical-align: middle;
  margin: 2px 0;
}
#institution-wrapper .user-box .location {
  color: #9Ba5aa;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
}

.institution-card {
  width: 100%;
  margin: 10px 0;
  line-height: 230px;
  position: relative;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
  background-color: #4a5658;
}
@media (min-width: 768px) {
  .institution-card {
    height: 230px;
  }
}
@media (min-width: 1250px) {
  .institution-card {
    height: 230px;
    min-width: 220px;
  }
}
.institution-card .institution-primary {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.68;
  border-radius: 5px;
}
.institution-card .institution-title {
  position: relative;
  top: 0;
  max-width: 285px;
  margin: auto;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #FFF;
  vertical-align: middle;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.institution-follow-card .institution-link:hover {
  text-decoration: none;
  opacity: 1;
}
.institution-follow-card .institution-link:hover .institution-primary {
  opacity: 1;
  transition-duration: 0.2s;
}
.institution-follow-card .institution-link:hover .institution-sub-label {
  transition-duration: 0.2s;
  opacity: 0.97;
}
.institution-follow-card .card-footer {
  position: relative;
  top: -20px;
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  border: 1px solid #F2F3F4;
  height: 38px;
  padding: 10px;
}
@media (min-width: 1250px) {
  .institution-follow-card .card-footer {
    width: 201px;
  }
}
.institution-follow-card .card-follow-button {
  vertical-align: top;
  width: 88px;
  display: inline-block;
}
.institution-follow-card .card-follow-button .btn {
  vertical-align: top;
  height: 37px;
  width: 80px;
  border-radius: 4px;
  border-color: #ddd;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.institution-follow-card .followers {
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.institution-follow-card .follower-avatars {
  margin-top: -4px;
  margin-left: 8px;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .institution-follow-card .follower-avatars {
    margin-top: -2px;
  }
}
.institution-follow-card .follower-avatars img {
  vertical-align: bottom;
  height: 18px;
  width: 18px;
  margin-left: -6px;
}
.institution-follow-card .follower-count {
  font-size: 12px;
  color: #9Ba5aa;
  margin-left: 0px;
  display: inline-block;
  text-align: left;
  float: left;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#institutions-index h1, #institutions-index h4 {
  text-align: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institutions-index h1 {
  font-family: "Copernicus", Times;
  font-size: 32px;
  color: #1a2024;
}
#institutions-index h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#institutions-index h4 {
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #aaa;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0px;
}
#institutions-index .featured {
  width: 100%;
  margin: 10px 0;
  min-height: 320px;
  color: #FFF;
}
#institutions-index .featured .container {
  padding: 0;
}
#institutions-index .featured .institution-primary {
  border-radius: 0;
}
#institutions-index .featured h3 {
  display: none;
}
@media (min-width: 768px) {
  #institutions-index .featured {
    height: 360px;
    width: 100%;
    margin-bottom: 90px;
  }
  #institutions-index .featured .container {
    padding: 0;
  }
  #institutions-index .featured .institution-primary {
    border-radius: 5px;
  }
}
@media (min-width: 1250px) {
  #institutions-index .featured {
    height: 360px;
    width: 100%;
  }
  #institutions-index .featured .container {
    padding: 0;
  }
  #institutions-index .featured .institution-primary {
    border-radius: 5px;
  }
  #institutions-index .featured h3 {
    display: inline-block;
  }
}
#institutions-index .featured .featured-title-words {
  z-index: 100;
  position: relative;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 130px;
}
@media (min-width: 768px) {
  #institutions-index .featured .featured-title-words {
    margin-top: 140px;
  }
}
#institutions-index .featured .name {
  font-weight: 600;
  font-size: 21px;
  line-height: 33px;
}
#institutions-index .featured .institution-sublabel {
  opacity: 0.8;
  font-size: 16px;
  line-height: 20px;
}
#institutions-index .full-list {
  background: #f5f5f5;
  padding: 50px 0 70px 0;
}
#institutions-index .nav-pills {
  display: inline-block;
  margin: 0 0 30px 0;
  padding: 0;
}
@media (min-width: 768px) {
  #institutions-index .nav-pills {
    margin-left: -8px;
  }
}
#institutions-index .nav-pills li {
  display: inline;
  list-style: none;
  margin: 0 8px 0 0;
  padding: 0;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}
#institutions-index .nav-pills a {
  color: #9Ba5aa;
}
#institutions-index .tab-pane {
  display: none;
}
#institutions-index .tab-pane.active {
  display: block;
}
#institutions-index .tab-pane {
  min-height: 300px;
}
#institutions-index .tab-pane li {
  list-style: none;
  margin: 6px 0;
}
#institutions-index .tab-pane a {
  color: #4a5658;
}
#institutions-index .project-count {
  color: #aaa;
  font-size: 14px;
  margin-left: 2px;
}

.suggested-projects {
  margin-top: -10px;
  padding-bottom: 60px;
  background-color: #F2F3F4;
}
.suggested-projects .center {
  text-align: center;
}
.suggested-projects .center h3 {
  margin: 60px 0 12px 0;
  color: #4a5658;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
}
.suggested-projects .center p {
  margin-bottom: 30px;
  color: #9Ba5aa;
}
.suggested-projects .center a {
  display: inline-block;
  margin-top: 30px;
}
.suggested-projects .small-project-card {
  text-align: left;
  border-radius: 6px;
  background-color: #FFF;
  height: 420px;
}
.suggested-projects .small-project-card .project-tag {
  position: relative;
  top: -37px;
  float: right;
  text-align: right;
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  margin-right: 11px;
  border-radius: 4px;
  border: none;
  padding: 3px 6px;
}
.suggested-projects .small-project-card .title {
  font-family: "Copernicus", Times;
  font-size: 14px;
  padding: 8px 14px 0 14px;
}
.suggested-projects .small-project-card .project-banner img {
  background-color: #4a5658;
  width: 215px;
  border-radius: 6px 6px 0 0;
}
.suggested-projects .small-project-card a {
  color: #000;
}
.suggested-projects .small-project-card p {
  font-size: 14px;
  padding: 0 14px;
}
.suggested-projects .small-project-card .researcher {
  float: bottom;
}
@media (min-width: 768px) {
  .suggested-projects .small-project-card {
    display: inline-block;
  }
}
.suggested-projects .small-funding-bar-container {
  padding: 0 10px;
  vertical-align: bottom;
  position: relative;
  top: -38px;
}
.suggested-projects .small-funding-bar-container .funding-bar {
  height: 6px;
  width: 100%;
  text-align: left;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ddd;
}
.suggested-projects .small-funding-bar-container .funding-bar .percent-funded,
.suggested-projects .small-funding-bar-container .funding-bar .stretch-goal-funded {
  display: inline-block;
  vertical-align: top;
  height: 6px;
}
.suggested-projects .small-funding-bar-container .funding-bar .percent-funded {
  background-color: #36ac9c;
  border-radius: 5px;
}
.suggested-projects .small-funding-bar-container .funding-bar .percent-funded.with-stretch-goal {
  border-radius: 0 0 0 0;
}
.suggested-projects .small-funding-bar-container .funding-bar .stretch-goal-funded {
  background-color: #f89406;
  border-radius: 0 5px 5px 0;
}
.suggested-projects .small-funding-bar-container .funding-bar-stats {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  text-transform: uppercase;
  color: #aaa;
  letter-spacing: 2px;
  font-size: 13px;
  margin-top: -8px;
}

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

.case-study-wrapper .researcher-info-module {
  *zoom: 1;
}
.case-study-wrapper .researcher-info-module:before, .case-study-wrapper .researcher-info-module:after {
  content: "";
  display: table;
}
.case-study-wrapper .researcher-info-module:after {
  clear: both;
}
.case-study-wrapper .researcher-info-module .img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.case-study-wrapper .researcher-info-module .body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}

.approver-actions {
  background-color: #FBFAF4;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
  margin: 12px 0;
}
.approver-actions h2, .approver-actions .pill {
  display: inline-block;
}
.approver-actions p {
  color: #1a2024;
  font-size: 14px;
  margin: 0;
}
.approver-actions h2 {
  font-size: 20px;
  margin: 12px 0 10px 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.approver-actions img {
  margin-right: 8px;
  vertical-align: middle;
}
.approver-actions a {
  vertical-align: middle;
  color: #1a2024;
}
.approver-actions .row {
  padding: 0 12px;
}
.approver-actions .table-cell {
  display: table-cell;
  box-sizing: border-box;
  width: auto;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.approver-actions .headline {
  display: block;
}
.approver-actions .headline p {
  font-weight: 600;
  display: inline-block;
  position: relative;
  top: 2px;
}
.approver-actions .headline .react-component {
  display: inline-block;
  width: auto;
  margin-right: 6px;
}
.approver-actions .inline {
  display: inline;
}
.approver-actions .reset-review-call {
  display: inline;
  margin-left: 4px;
}
.approver-actions .reset-review-call button {
  background-color: transparent;
  font-size: 9px;
  color: black;
  border-radius: 3px;
  border-color: #ddd;
  padding: 2px 6px;
}
.approver-actions .reset-review-call form {
  display: inline;
}
.approver-actions .reset-review-call i {
  color: black;
}
.approver-actions .project-review-status-pill {
  margin: 10px 12px 4px 0;
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #4a5658;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 0;
  vertical-align: top;
}
.approver-actions .project-review-status-pill.approved {
  background-color: rgba(85, 178, 127, 0.8);
}
.approver-actions .project-review-status-pill.rejected {
  background-color: #FF7979;
}
.approver-actions .project-review-status-pill.awaiting {
  background-color: #004E6D;
}
.approver-actions .project-review-status-pill.active {
  background-color: #ffc40d;
}
.approver-actions .project-review-status-pill.incomplete {
  background-color: #F2F3F4;
  color: #9Ba5aa;
}
.approver-actions .project-review-status-pill.review {
  background-color: #004E6D;
}
.approver-actions .project-review-status-pill.skip {
  background-color: #9Ba5aa;
}
.approver-actions .project-review-status-pill.approve {
  background-color: rgba(85, 178, 127, 0.8);
}
.approver-actions .project-review-status-pill.reject {
  background-color: #FF7979;
}
.approver-actions .project-review-status-pill i.fa {
  margin-right: 3px;
}
.approver-actions .btn-primary,
.approver-actions .btn-danger {
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.approver-actions .btn-danger {
  position: relative;
  border: 1px solid #F6694B;
  top: 0px;
}
.approver-actions .js-toggle {
  color: #9Ba5aa;
  margin-top: 5px;
  cursor: pointer;
  float: right;
}
.approver-actions .js-toggle i {
  margin-left: 3px;
}
.approver-actions .js-toggle span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.approver-actions .js-content {
  display: none;
}
.approver-actions .display {
  display: block;
}
.approver-actions .muted {
  margin: 8px 0;
  font-size: 14px;
  color: #aaa;
}
.approver-actions .markup {
  font-size: 12px;
}
.approver-actions .message {
  background-color: #FFF;
  padding: 14px 18px;
  margin: 10px 0;
  display: block;
  border-radius: 4px;
}
.approver-actions .other-reviews a:hover {
  opacity: 1;
}
.approver-actions .other-reviews .review {
  background-color: #FFF;
  border-radius: 3px;
  padding: 4px 8px;
  margin: 2px 7px 2px 0;
  display: inline-block;
  font-size: 13px;
}
.approver-actions .other-reviews .review a {
  color: #4a5658;
}
.approver-actions .other-reviews i {
  color: #4a5658;
}

.approver-modal {
  margin: 0 auto;
  bottom: inherit;
  top: 30px !important;
  padding: 0 !important;
  border: 2px solid #ddd !important;
  background-color: #FFF !important;
}
@media (min-width: 768px) {
  .approver-modal {
    width: 70vw;
    min-width: 556px;
    right: 0;
    top: 10%;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 30px;
    padding-right: 30px;
    bottom: inherit;
  }
}
.approver-modal:active, .approver-modal:focus {
  outline: none;
}
.approver-modal .header {
  padding: 20px 30px;
  border-radius: 5px;
  background-color: #F9FBFB;
  margin-bottom: 15px;
  text-align: left;
}
.approver-modal .header h4 {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  opacity: 0.6;
}
.approver-modal .header i {
  float: right;
  display: inline;
}
.approver-modal .body {
  padding: 0 30px 30px 30px;
  margin: 20px 0 10px 0;
}
.approver-modal .body h1 {
  font-size: 15px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.approver-modal .body h2 {
  margin: -10px 0 20px 0;
  font-size: 15px;
  font-weight: 400;
  color: #9Ba5aa;
}
.approver-modal .body .error {
  color: #FF7979;
}
.approver-modal .body form textarea {
  overflow: visible;
  width: 100%;
  min-height: 35vh;
  max-height: 55vh;
  margin-bottom: 10px;
}
.approver-modal .body .canned-responses p {
  display: inline-block;
  margin-right: 4px;
  color: #9Ba5aa;
  font-size: 14px;
}
.approver-modal .body .btn-secondary {
  margin-right: 4px;
}
.approver-modal .body .fa-close {
  float: right;
  position: relative;
  color: #ddd;
}
.approver-modal .body .button-row {
  text-align: center;
}
.approver-modal .body .right {
  float: right;
}

.reviews-dashboard .header {
  text-align: center;
  display: block;
  margin-top: 30px;
  width: 100%;
}
.reviews-dashboard .header h1 {
  font-size: 32px;
  font-family: "Copernicus", Times;
}
.reviews-dashboard .header h2 {
  font-weight: 300;
  color: #ddd;
  font-size: 13px;
}
.reviews-dashboard .header h3 {
  font-weight: 300;
  color: #ddd;
  font-size: 13px;
}
.reviews-dashboard .header .links {
  margin-top: 11px;
  display: inline-block;
}
.reviews-dashboard .header .links span {
  color: #9Ba5aa;
  font-size: 14px;
}
.reviews-dashboard .header .links a {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  color: #4a5658;
  font-weight: 600;
}
.reviews-dashboard .header .vertical-divider {
  display: inline;
  border-left: 2px solid #f5f5f5;
  width: 1px;
  margin: 0 12px;
}
.reviews-dashboard .stats {
  width: 70%;
  padding: 20px 10px;
  display: block;
  text-align: left;
  border: 2px solid #F2F3F4;
  margin: 40px 0 0 0;
  border-radius: 6px;
}
.reviews-dashboard .stats .label {
  font-size: 14px;
  color: #9Ba5aa;
  width: 70%;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  text-align: left;
}
.reviews-dashboard .stats .stat {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 29px;
  vertical-align: top;
  font-weight: 600;
  display: inline-block;
  color: #4a5658;
}
.reviews-dashboard .review-dashboard-section {
  margin-top: 50px;
  padding: 40px 0;
}
.reviews-dashboard .review-dashboard-section h2 {
  font-family: "Copernicus", Times;
  font-size: 18px;
}
.reviews-dashboard .review-dashboard-section h4 {
  background-color: #ddd;
  color: #FFF;
  border-radius: 4px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  padding: 4px 9px;
  font-weoght: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-dashboard .review-dashboard-section a {
  font-size: 14px;
}
.reviews-dashboard .review-dashboard-section .btn-primary {
  font-size: 12px;
}
.reviews-dashboard .review-dashboard-section .bar {
  height: 15px;
  width: 5px;
  border-radius: 1px;
  display: inline-block;
  margin-right: 2px;
}
.reviews-dashboard .review-dashboard-section .bar.approved {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews-dashboard .review-dashboard-section .bar.rejected {
  background-color: #D4D9DB;
}
.reviews-dashboard .review-dashboard-section .project-title {
  display: inline-block;
}
.reviews-dashboard .review-dashboard-section .project-title a {
  color: #1a2024;
}
.reviews-dashboard .review-dashboard-section .note {
  background-color: #f5f5f5;
  border-radius: 4px;
  display: block;
}
.reviews-dashboard .reviewer-table {
  width: 100%;
  margin-bottom: 20px;
}
.reviews-dashboard .reviewer-table thead {
  background-color: #f5f5f5;
  font-size: 13px;
}
.reviews-dashboard .reviewer-table th {
  padding: 8px 1px;
  font-weight: bold;
  vertical-align: bottom;
  text-align: left;
  font-size: 13px;
  color: #A5A7A8;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-dashboard .reviewer-table th:first-child {
  border-radius: 6px 0 0 0;
  padding: 8px 7px;
}
.reviews-dashboard .reviewer-table th:last-child {
  border-radius: 0 6px 0 0;
  padding: 8px 7px;
  text-align: right;
}
.reviews-dashboard .reviewer-table tr {
  padding: 12px 3px;
}
.reviews-dashboard .reviewer-table tr.ready {
  background-color: #f1f9f1;
}
.reviews-dashboard .reviewer-table tr td {
  font-size: 13px;
  padding: 8px 1px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #F2F3F4;
}
.reviews-dashboard .reviewer-table tr a {
  font-size: 14px;
  color: #4a5658;
  line-height: 17px;
  display: block;
}
.reviews-dashboard .reviewer-table tr .btn {
  display: inline-block;
  float: right;
}
.reviews-dashboard .reviewer-table tr a.btn-primary {
  color: #FFF;
}
.reviews-dashboard .reviewer-table tr .float-left {
  float: left;
}
.reviews-dashboard .reviewer-table .muted {
  color: #aaa;
  font-size: 12px;
  line-height: 14px;
}
.reviews-dashboard .reviewer-table .muted a {
  font-size: 12px;
}
.reviews-dashboard .reviewer-table .workflow-state {
  padding: 4px 7px;
  height: 18px;
  width: 11px;
  border-radius: 2px;
  background-color: #f5f5f5;
}
.reviews-dashboard .reviewer-table .btn-xs {
  font-size: 12px;
}
.reviews-dashboard .reviewer-table .pill {
  background-color: #1a2024;
  padding: 1px 4px;
  display: inline-block;
  min-width: 12px;
  border-radius: 3px;
  height: 20px;
  text-align: center;
}
.reviews-dashboard .reviewer-table .pill a {
  text-align: center;
  color: #FFF;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-dashboard .reviewer-table .deletion {
  background-color: #faeee9;
  color: red;
}
.reviews-dashboard .reviewer-table .deletion a {
  color: red;
}
.reviews-dashboard .reviewer-table .deletion .markup {
  background-color: #FF7979;
  color: #faeee9;
}
.reviews-dashboard .pill {
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  background-color: #4a5658;
  display: inline-block;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-dashboard .pill.approved {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews-dashboard .pill.rejected {
  background-color: #FF7979;
}
.reviews-dashboard .pill.awaiting {
  background-color: #004E6D;
}
.reviews-dashboard .pill.active {
  background-color: #ffc40d;
}
.reviews-dashboard .pill.incomplete {
  background-color: #F2F3F4;
  color: #9Ba5aa;
}
.reviews-dashboard .pill.review {
  background-color: #004E6D;
}
.reviews-dashboard .pill.skip {
  background-color: #9Ba5aa;
}
.reviews-dashboard .pill.approve {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews-dashboard .pill.reject {
  background-color: #FF7979;
}
.reviews-dashboard .pill:hover {
  cursor: pointer;
}
.reviews-dashboard .pill .fa {
  display: inline;
}
.reviews-dashboard .pill .fa-spinner {
  color: #FFF;
  margin-right: 4px;
  -webkit-animation: spinner-spin 1s steps(8) infinite;
          animation: spinner-spin 1s steps(8) infinite;
}
.reviews-dashboard #approver-table a {
  color: #4a5658;
}
.reviews-dashboard #approver-table a.btn-primary {
  color: #FFF;
  font-size: 12px;
}
.reviews-dashboard #approver-table .markup a {
  font-size: 12px;
}
.reviews-dashboard #approver-table .inline {
  display: inline;
}
.reviews-dashboard .reviewer {
  display: inline-block;
}
.reviews-dashboard .reviewer img {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}
.reviews-dashboard .reviewer .mrs {
  vertical-align: middle;
  display: inline-block;
}
.reviews-dashboard .success {
  color: #8BCEA3;
}
.reviews-dashboard .error {
  color: #FF7979;
}
.reviews-dashboard .top-reviewers {
  padding: 50px 0;
  background-color: #f5f5f5;
}
.reviews-dashboard .top-reviewers h1 {
  font-family: "Copernicus", Times;
  font-size: 19px;
}
.reviews-dashboard .top-reviewers h4 {
  font-weight: 500;
  color: #4a5658;
  font-size: 16px;
  margin-bottom: 30px;
}
.reviews-dashboard .top-reviewers strong {
  color: #4a5658;
}
.reviews-dashboard .top-reviewers .reviewer {
  color: #4a5658;
  font-weight: 600;
  top: -4px;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-dashboard .top-reviewers .reviewer img {
  width: 30px;
  height: 30px;
}
.reviews-dashboard .top-reviewers table.table {
  text-align: left;
  width: 450px;
  margin: 0 auto;
  display: table;
}
.reviews-dashboard .top-reviewers td {
  padding: 12px 2px;
  border: none;
}

.reviews-menu-modal {
  top: 5%;
  padding: 15px;
  margin: 0 auto;
  bottom: inherit;
  border: 2px solid #FFF;
  background-color: #FFF !important;
}
@media (min-width: 768px) {
  .reviews-menu-modal {
    width: 556px;
    right: 0;
    top: 10%;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 30px;
    padding-right: 30px;
    bottom: inherit;
  }
}
.reviews-menu-modal:active, .reviews-menu-modal:focus {
  outline: none;
}
.reviews-menu-modal .header {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .reviews-menu-modal .header {
    margin-bottom: 40px;
  }
}
.reviews-menu-modal .header h1 {
  font-size: 22px;
  font-weight: 400;
  color: #004E6D;
}
.reviews-menu-modal .header h2 {
  font-size: 16px;
  font-weight: 400;
  color: #9Ba5aa;
}
.reviews-menu-modal .error {
  color: #FF7979;
}
.reviews-menu-modal textarea {
  width: 100%;
  margin-bottom: 10px;
}
.reviews-menu-modal .btn {
  margin-left: 10px;
}
.reviews-menu-modal .fa-close {
  float: right;
  position: relative;
  color: #ddd;
}
.reviews-menu-modal .button-row {
  text-align: center;
}
.reviews-menu-modal .right {
  float: right;
}
.reviews-menu-modal.full {
  border: none;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: none;
  width: 100%;
  height: 100%;
  text-align: center;
  min-height: 200px;
  display: block;
  margin: 0;
  top: 0;
  -webkit-animation-duration: 0.18s;
          animation-duration: 0.18s;
}
.reviews-menu-modal.full img {
  top: 35%;
  position: relative;
}
.reviews-menu-modal .checkbox {
  background: #FFF;
  border-radius: 6px;
  border: 2px solid #EDF3F5;
  display: block;
  margin: 12px 0;
}
.reviews-menu-modal .checkbox input[type=checkbox] {
  display: inline-block;
  position: absolute;
  opacity: 0;
}
.reviews-menu-modal .checkbox label {
  padding: 14px 13px;
  display: block;
}
.reviews-menu-modal .checkbox i {
  font-size: 15px;
  color: #B3CAD3;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.reviews-menu-modal .checkbox i.fa-flag {
  font-size: 14.5px;
}
.reviews-menu-modal .checkbox .text {
  display: inline-block;
  width: auto;
}
.reviews-menu-modal .checkbox .text h4, .reviews-menu-modal .checkbox .text p {
  margin: 0;
}
.reviews-menu-modal .checkbox .text h4 {
  font-weight: 400;
  font-size: 17px;
  color: #4a5658;
}
.reviews-menu-modal .checkbox .text p {
  font-size: 15px;
  opacity: 0.6;
  color: #aaa;
}
.reviews-menu-modal .checkbox.checked {
  transition-duration: 0.2s;
  background: #EDF3F5;
  border-color: #5EB0C0;
}
.reviews-menu-modal .checkbox.checked h4, .reviews-menu-modal .checkbox.checked p, .reviews-menu-modal .checkbox.checked i {
  color: #5EB0C0;
}
.reviews-menu-modal .checkbox.checked h4 {
  color: #4298a9;
}

.script-container {
  background-color: #FBFAF4;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
  margin: 12px 0 40px 0;
}
.script-container .meta {
  font-style: italic;
  opacity: 0.5;
}
.script-container p, .script-container ol li, .script-container ul li, .script-container h4 {
  font-size: 16px;
  line-height: 26px;
}

.reviews {
  margin-top: 150px;
  z-index: 10;
  position: relative;
  min-height: 500px;
}
.reviews h1 {
  font-family: "Copernicus", Times;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .actions .btn {
  color: #9Ba5aa;
  font-weight: 600;
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .actions .btn-primary,
.reviews .actions .btn-danger {
  color: #FFF;
  font-weight: 600;
}
.reviews .actions h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1.4px;
  color: #aaa;
  margin: 2px 0 4px 0;
}
.reviews .actions a {
  font-size: 14px;
}
.reviews .hero-image {
  position: relative;
  margin-top: 20px;
  height: 360px;
  width: 600px;
  border-radius: 5px;
  overflow: hidden;
}
.reviews .hero-image .play {
  position: relative;
  top: 72.5px;
  left: 0px;
  right: 0px;
  margin: auto;
  height: 55px;
  width: 68.75px;
  border-radius: 6px;
  background-color: rgba(26, 32, 36, 0.5);
  color: #FFF;
  font-size: 2em;
  line-height: 60px;
  padding-left: 5px;
  cursor: pointer;
}
.reviews .hero-image .play:hover {
  background-color: #36ac9c;
}
.reviews .hero-image .play .video-text {
  display: block;
}
@media (min-width: 768px) {
  .reviews .hero-image .play {
    top: 152.5px;
  }
}
.reviews .hero-image iframe {
  position: relative;
  z-index: 20;
  background: black;
}
.reviews .hero-image .video-text {
  top: 131.8181818182px;
  position: relative;
  width: 100px;
  margin: 0 auto;
  left: 0;
  padding-left: 4px;
  color: #fff;
  font-weight: 600;
  font-size: 19px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 9px rgba(150, 150, 150, 0.74);
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
}
@media (min-width: 768px) {
  .reviews .hero-image .video-text {
    top: 220.5px;
    display: none;
  }
}
.reviews .section {
  transition: all ease-in-out 0.25s;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.reviews .section p {
  font-size: 17px;
  line-height: 28px;
}
.reviews .section li {
  font-size: 17px;
  line-height: 27px;
  margin: 0.75rem 0;
}
.reviews .field {
  margin: 12px 0;
}
.reviews .collapsable {
  height: auto;
  overflow: hidden;
}
.reviews .collapsable.animated {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
}
.reviews .collapsable.fadeIn {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
  margin-bottom: 30px;
}
.reviews .collapsable.fadeOut {
  overflow: hidden;
  height: 0px;
}
.reviews #approve_new_review_note {
  display: inline-block;
}
.reviews #approve_new_review_note.hidden {
  display: none;
}
.reviews #approve {
  display: inline-block;
}
.reviews #approve.hidden {
  display: none;
}
.reviews .empty {
  color: #9Ba5aa;
  margin: 16px 0;
  border: 1px solid #ddd;
  padding: 12px 14px;
  border-radius: 3px;
  text-align: center;
}
.reviews .label {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #E2EBEB;
  border-radius: 4px;
  padding: 6px 6px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #4a5658;
}
@media (min-width: 768px) {
  .reviews .label {
    width: 590px;
    display: inline-block;
    margin-top: 16px;
  }
}
.reviews .label .fa {
  color: #9Ba5aa;
  font-size: 16px;
  margin-left: 6px;
  margin-right: 9px;
}
.reviews .label:hover {
  cursor: pointer;
}
.reviews .sub-label {
  font-size: 14px;
  color: #9Ba5aa;
  font-weight: 600;
  margin: 20px 0 -10px 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .category {
  display: inline-block;
  width: auto;
  margin-top: 5px;
}
.reviews .category:first-child {
  margin-right: 28px;
}
.reviews .tag {
  position: relative;
  top: 1px;
  margin: 0 8px 0 0;
  padding: 0;
  border-radius: 2px;
  height: 10px;
  width: 10px;
  display: inline-block;
}
.reviews .tag.all {
  fill: #333;
}
.reviews .tag.political_science {
  fill: #6c5cab;
}
.reviews .tag.anthropology {
  fill: #B96D9E;
}
.reviews .tag.art_and_design {
  fill: #7E7DEC;
}
.reviews .tag.social_science {
  fill: #89BEF7;
}
.reviews .tag.economics {
  fill: #456DB4;
}
.reviews .tag.biology {
  fill: #1486b3;
}
.reviews .tag.chemistry {
  fill: #5EB0C0;
}
.reviews .tag.ecology {
  fill: #29a286;
}
.reviews .tag.physics {
  fill: #67D6C1;
}
.reviews .tag.materials_science {
  fill: #7BCF93;
}
.reviews .tag.earth_science {
  fill: #96b94f;
}
.reviews .tag.education {
  fill: #FFAD55;
}
.reviews .tag.paleontology {
  fill: #fca88a;
}
.reviews .tag.medicine {
  fill: #F86B48;
}
.reviews .tag.neuroscience {
  fill: #FF5D58;
}
.reviews .tag.psychology {
  fill: #DF587C;
}
.reviews .tag.computer_science {
  fill: #91CBDD;
}
.reviews .tag.data_science {
  fill: #CED5E9;
}
.reviews .tag.engineering {
  fill: #989898;
}
.reviews .tag.mathematics {
  fill: #434343;
}
.reviews .budget-items {
  background-color: #F9FBFB;
  border-radius: 3px;
  padding: 4px 18px 28px 18px;
  margin-bottom: 8px;
}
.reviews .budget-items .row {
  margin-top: 20px;
}
.reviews .budget-items .item {
  border-radius: 6px;
  height: 12px;
  width: 12px;
  margin-left: 7px;
  margin-top: 5px;
}
.reviews .budget-items .description {
  margin-left: -10px;
}
.reviews .budget-items .amount {
  font-weight: 600;
  text-align: right;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .freeform {
  background-color: #F9FBFB;
  margin: 8px 0;
}
.reviews .freeform .muted {
  line-height: 39px;
  font-size: 12px;
  opacity: 0.3;
  padding: 0 12px;
}
.reviews .milestones-timeline {
  background-color: #F9FBFB;
  padding: 32px 18px 2px 18px;
  border-radius: 3px;
  margin-bottom: 8px;
}
.reviews .milestones-timeline .description {
  width: 500px;
}
.reviews .review-note-callout {
  padding: 12px 12px 8px 12px;
  margin-top: 38px;
  border: 2px solid #ddd;
  border-radius: 6px;
  display: block;
}
@media (min-width: 768px) {
  .reviews .review-note-callout {
    width: 94%;
  }
}
.reviews .review-note-callout .smaller {
  font-size: 13px;
  color: #A5A7A8;
  margin-bottom: 12px;
}
.reviews .review-note-callout textarea {
  width: 322px;
}
.reviews .review-note-callout .btn-approve,
.reviews .review-note-callout .btn-changes {
  color: #FFF;
  text-align: left;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  font-size: 14.5px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .reviews .review-note-callout .btn-approve,
  .reviews .review-note-callout .btn-changes {
    width: 154px;
  }
}
.reviews .review-note-callout .btn-approve {
  margin-right: 10px;
  background-color: #61BF80;
}
.reviews .review-note-callout .btn-approve:hover {
  opacity: 0.8;
}
.reviews .review-note-callout .hidden {
  display: none;
}
.reviews .review-note-callout .btn-changes {
  background-color: #434D56;
}
.reviews .review-note-callout.hidden {
  display: none;
}
.reviews .new-review-note-callout {
  margin-top: 18px;
  border: 2px solid #ddd;
  border-radius: 6px;
  display: block;
}
@media (min-width: 768px) {
  .reviews .new-review-note-callout {
    width: 100%;
  }
}
.reviews .new-review-note-callout .form {
  padding: 12px 12px 8px 12px;
  background-color: #F3F3F3;
  display: block;
}
.reviews .new-review-note-callout .form .smaller {
  font-size: 13px;
  color: #A5A7A8;
  margin-bottom: 12px;
}
.reviews .new-review-note-callout .form textarea {
  width: 100%;
}
.reviews .new-review-note-callout .form textarea.errors {
  border-color: #FF7979;
  transition-duration: 0.3s;
}
.reviews .new-review-note-callout .form .btn-approve,
.reviews .new-review-note-callout .form .btn-changes {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  text-align: left;
  font-weight: 600;
  font-size: 14.5px;
  margin-bottom: 20px;
  min-width: 160px;
  width: 49%;
}
@media (min-width: 768px) {
  .reviews .new-review-note-callout .form .btn-approve,
  .reviews .new-review-note-callout .form .btn-changes {
    width: 160px;
  }
}
.reviews .new-review-note-callout .form .btn-approve:hover,
.reviews .new-review-note-callout .form .btn-changes:hover {
  opacity: 0.8;
}
.reviews .new-review-note-callout .form .btn-approve {
  margin-right: 5px;
  background-color: #61BF80;
  border-radius: 4px 0 0 4px;
}
.reviews .new-review-note-callout .form .btn-approve:active {
  background-color: #429F61;
}
.reviews .new-review-note-callout .form .btn-changes {
  border-radius: 0 4px 4px 0;
  background-color: #DA6868;
}
.reviews .new-review-note-callout .form .btn-changes:active {
  background-color: #B54343;
}
.reviews .new-review-note-callout .form .hidden {
  display: none;
}
.reviews .new-review-note-callout .form.hidden {
  display: none;
}
.reviews .new-review-note-callout .subcriteria {
  padding: 12px 12px;
  font-size: 16px;
  border-bottom: 2px solid #ddd;
}
.reviews .new-review-note-callout .subcriteria .count-label {
  font-size: 13px;
  color: #aaa;
  margin-top: -2px;
  margin-bottom: 8px;
}
.reviews .new-review-note-callout .subcriteria .text {
  font-weight: 600;
  color: #1a2024;
  margin-bottom: 8px;
  line-height: 21px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .new-review-note-callout .subcriteria .help-text {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
  color: #9Ba5aa;
}
.reviews .new-comment {
  text-align: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 12px;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #9Ba5aa;
  cursor: pointer;
}
.reviews .shortcut {
  display: inline;
  color: #D4D9DB;
  font-size: 12px;
  margin-left: 153px;
  text-align: right;
}
.reviews .comment {
  text-align: left;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #9Ba5aa;
  cursor: pointer;
}
.reviews .review-note-form {
  display: none;
}
.reviews .review-note-form.display {
  display: block;
}
.reviews .new_review_note {
  display: inline-block;
}
.reviews .new_review_note.hidden {
  display: none;
}
.reviews .review-notes {
  margin-top: 20px;
  display: inline-block;
}
.reviews .review-notes .review-note {
  margin-top: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .reviews .review-notes .review-note {
    width: 346px;
    padding: 0px 7px 8px 0;
    border-radius: 4px;
  }
}
.reviews .review-notes .highlighted {
  background-color: #FCEFC1;
  border-radius: 5px;
  transition-timing-function: ease-out;
  transition-duration: 0.4s;
}
.reviews .review-notes img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 50%;
}
.reviews .review-notes .name {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  top: -9px;
}
.reviews .review-notes .name a {
  color: #4a5658;
}
.reviews .review-notes .time {
  font-size: 14px;
  color: #aaa;
  display: inline-block;
}
.reviews .review-notes .note {
  color: #1a2024;
  font-size: 16px;
  margin-bottom: 8px;
}
.reviews .review-notes .note p {
  margin: 6px 0;
  font-size: 16px;
  line-height: 25px;
}
.reviews .review-notes .delete-review-note {
  color: #aaa;
  margin-left: 18px;
  display: inline-block;
  font-size: 13px;
}
.reviews .review-notes .delete-review-note:hover {
  cursor: pointer;
  opacity: 0.8;
  color: #FF7979;
}
.reviews .action-taken {
  background-color: #FBFAF4;
  width: 100%;
  border-radius: 4px;
  margin-top: 6px;
  height: 58px;
  display: inline-block;
}
@media (min-width: 768px) {
  .reviews .action-taken {
    width: 371px;
    border-radius: 0px;
    background-color: #FFF;
    margin-top: 0;
    height: auto;
  }
}
.reviews .action-taken .delete-review-note {
  margin-left: 14px;
  opacity: 0;
  float: right;
  color: #9Ba5aa;
  display: inline;
  transition: 0.23s;
  position: relative;
  top: 4px;
}
.reviews .action-taken .delete-review-note:hover {
  cursor: pointer;
  opacity: 0.8;
  color: #FF7979;
}
.reviews .action-taken span {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  font-size: 16px;
  color: #4a5658;
  vertical-align: middle;
}
.reviews .action-taken:hover .delete-review-note {
  opacity: 1;
  cursor: pointer;
}
.reviews .new-action-taken {
  width: auto;
  display: inline-block;
}
@media (min-width: 768px) {
  .reviews .new-action-taken {
    display: inline-block;
    width: 360px;
    margin-left: 12px;
    position: relative;
    top: -1px;
  }
}
.reviews .new-action-taken .delete-review-note {
  opacity: 0;
  float: right;
  color: #9Ba5aa;
  display: inline;
  transition: 0.23s;
  position: relative;
  top: 4px;
}
.reviews .new-action-taken .delete-review-note:hover {
  cursor: pointer;
  opacity: 0.8;
  color: #FF7979;
}
.reviews .new-action-taken:hover .delete-review-note {
  opacity: 1;
  cursor: pointer;
}
.reviews .new-action-taken span {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  font-size: 16px;
  color: #4a5658;
  vertical-align: middle;
}
.reviews .indicator {
  margin-top: 12px;
  height: 33px;
  width: 33px;
  border-radius: 5px;
  display: inline-block;
  margin-left: 13px;
  margin-right: 12px;
  top: 0px;
  position: relative;
}
@media (min-width: 768px) {
  .reviews .indicator {
    position: relative;
    top: -1px;
  }
}
.reviews .indicator i {
  color: #FFF;
  position: relative;
  left: 6px;
  top: 4px;
  font-size: 23px;
}
.reviews .indicator.approval {
  background-color: #61BF80;
}
.reviews .indicator.changes {
  background-color: #434D56;
}
.reviews .new-indicator {
  margin-top: 20px;
  height: 33px;
  width: 33px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 12px;
  top: 0px;
  position: relative;
}
@media (min-width: 768px) {
  .reviews .new-indicator {
    margin-top: -1px;
  }
}
.reviews .new-indicator i {
  color: #FFF;
  position: relative;
  left: 6px;
  top: 4px;
  font-size: 23px;
}
.reviews .new-indicator.approved {
  background-color: #61BF80;
}
.reviews .new-indicator.rejected {
  background-color: #434D56;
}
.reviews .gutter {
  display: inline-block;
  vertical-align: middle;
}
.reviews .gutter .comment-count {
  color: #aaa;
  display: block;
  margin-top: -3px;
  font-size: 14px;
  vertical-align: bottom;
}
.reviews .gutter span {
  color: #4a5658;
}
@media (min-width: 768px) {
  .reviews .collapsable > .col-md-8 {
    width: 600px;
    padding: 0 0 0 0.5px;
  }
}
@media (min-width: 768px) {
  .reviews .collapsable > .col-md-4 {
    width: 380px;
    padding: 0 15px;
  }
}
.reviews .header {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .reviews .header {
    width: 900px;
    margin-top: 0px;
    margin-bottom: 40px;
  }
}
.reviews .header .researcher {
  width: 90%;
  margin: 0 auto;
}
.reviews .header .project-info {
  width: 100%;
  display: inline-block;
}
@media (min-width: 768px) {
  .reviews .header .project-info {
    margin-left: 30px;
  }
}
.reviews .header .project-info .col {
  width: 100%;
  padding: 0;
  text-align: center;
  display: block;
  vertical-align: top;
}
@media (min-width: 768px) {
  .reviews .header .project-info .col {
    height: 90px;
    width: auto;
    margin-right: 42px;
    text-align: left;
    display: inline-block;
    padding: 0;
  }
}
.reviews .header .project-info .field {
  font-size: 17px;
  color: #1a2024;
}
.reviews .header .title {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .reviews .header .title {
    width: 780px;
  }
}
.reviews .header .title a {
  margin-top: 40px;
  color: #1a2024;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .header .researchers {
  font-size: 15px;
}
.reviews .header .researchers a {
  color: #1a2024;
}
.reviews .header h1 {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.3px;
}
.reviews .header a {
  -webkit-font-smoothing: auto;
  text-rendering: auto;
}
.reviews .team .team-member {
  display: inline-block;
  padding: 20px;
  background: #F9FBFB;
  border-radius: 7px;
  margin: 20px 0;
  max-width: 560px;
}
.reviews .team .team-member h3 {
  margin: 0;
}
.reviews .team .team-member img {
  display: inline;
  width: 100px;
  height: 100px;
}
.reviews .team .team-member p {
  font-size: 16px;
  line-height: 26px;
}
.reviews .team .team-member .team-member-name {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  width: 350px;
}
.reviews .team .team-member .team-member-name p {
  margin: 4px 0;
}
.reviews .team .team-member .team-member-title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  margin: 4px 0;
  color: #9Ba5aa;
}
.reviews .team .team-member a.float-right {
  border: 2px solid #D4D9DB;
  color: #9Ba5aa;
}
.reviews .review-message {
  background-color: #FBFAF4;
  border-radius: 8px;
  padding: 14px 32px 10px 32px;
  margin-bottom: 0px;
}
.reviews .review-message h2 {
  font-size: 19px;
  color: #1a2024;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .review-message timestamp.muted {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a5658;
  top: 9px;
  position: relative;
  font-weight: 600;
}
.reviews .review-message .note {
  background: #FFF;
  border-radius: 4px;
  padding: 12px 24px;
  line-height: 24px;
}
.reviews .review-message p {
  font-size: 16px;
}
.reviews .review-message .btn-lg {
  font-size: 15px;
}
.reviews .review-message strong {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .pill {
  font-size: 13px;
  border-radius: 3px;
  padding: 3px 7px;
  background-color: #4a5658;
  text-transform: uppercase;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1.4px;
  display: inline-block;
  color: #FFF;
  position: relative;
}
@media (min-width: 768px) {
  .reviews .pill {
    top: 7px;
  }
}
.reviews .pill:hover {
  cursor: pointer;
}
.reviews .pill .fa {
  margin-right: 4px;
}
.reviews .pill.approved {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews .pill.rejecting {
  background-color: #FF7979;
}
.reviews .pill.awaiting {
  background-color: #004E6D;
}
.reviews .pill.active {
  background-color: #004E6D;
}
.reviews .pill.incomplete {
  background-color: #9Ba5aa;
}
.reviews .pill.review {
  background-color: #004E6D;
}
.reviews .pill.skip {
  background-color: #9Ba5aa;
}
.reviews .pill.spam {
  background-color: #9Ba5aa;
}
.reviews .pill.approve {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews .pill.reject {
  background-color: #FF7979;
}
.reviews .internal-review {
  background-color: #F2F3F4;
  display: block;
  padding: 18px 30px 30px 30px;
  border-radius: 9px;
  width: auto;
  margin-bottom: 30px;
}
.reviews .internal-review .fa-hand-paper-o {
  font-size: 18px;
  margin-right: 7px;
  margin-top: -1px;
}
.reviews .internal-review .best_in_place {
  cursor: pointer;
}
.reviews .internal-review .bip-placeholder {
  color: #9Ba5aa;
}
.reviews .internal-review .best_in_place[data-bip-type=textarea] {
  border: 1px solid black;
  border-radius: 3px;
  padding: 4px 7px;
  display: block;
  height: auto;
  background: #fafafa;
}
.reviews .internal-review .best_in_place[data-bip-type=textarea] textarea {
  line-height: 22px;
  padding: 0px;
  margin: 0px;
  border: none;
  height: auto;
  display: block;
  width: 100%;
}
.reviews .internal-review h2 {
  margin-bottom: 30px;
}
.reviews .internal-review h2, .reviews .internal-review h4, .reviews .internal-review p {
  color: #1a2024;
}
.reviews .general .form {
  width: 100%;
}
.reviews .general textarea {
  width: 100%;
}
.reviews .general .float-right {
  opacity: 0.6;
}
.reviews .general .general_feedback.success {
  border-color: #61BF80;
  box-shadow: 0px 0px 20px -6px #61BF80;
  transition: all 500 ease-out;
}
.reviews .general .review-note img {
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-right: 7px;
}
.reviews .general .review-note .name {
  display: inline-block;
  vertical-align: middle;
}
.reviews .general .review-note .name a {
  top: -10px;
  color: #4a5658;
  font-weight: 600;
  position: relative;
}
.reviews .general .review-note .note {
  margin: 20px 0 40px 0;
}
.reviews .pill-reviewer {
  font-weight: 600;
  background-color: #4a5658;
  border-radius: 5px;
  display: inline;
  margin-left: 8px;
  padding: 5px 9px;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  position: relative;
  top: -11px;
}

.project-reviews-index .header {
  margin-top: 20px;
}
.project-reviews-index .project-reviews-table {
  margin: 20px 0 80px 0;
}
.project-reviews-index .project-reviews-table a {
  color: #4a5658;
}
.project-reviews-index .project-reviews-table .review-row-head {
  color: #9Ba5aa;
  display: block;
  width: 100%;
  font-weight: 600;
  border-bottom: 1px solid #f5f5f5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.project-reviews-index .project-reviews-table .review-row-head .head {
  width: 25%;
  display: inline-block;
  font-size: 14px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.project-reviews-index .project-reviews-table .review-row {
  border-radius: 4px;
  padding: 18px 3px;
  display: block;
  width: 100%;
}
.project-reviews-index .project-reviews-table .review-row:hover {
  background-color: #F9FBFB;
  transition-duration: 0.2s;
}
.project-reviews-index .project-reviews-table .review-user {
  width: 25%;
  display: inline-block;
}
.project-reviews-index .project-reviews-table .review-user .name,
.project-reviews-index .project-reviews-table .review-user img {
  display: inline-block;
  vertical-align: middle;
}
.project-reviews-index .project-reviews-table .review-user img {
  margin-right: 4px;
}
.project-reviews-index .project-reviews-table .review-state {
  width: 25%;
  display: inline-block;
}
.project-reviews-index .project-reviews-table .review-comments {
  width: 25%;
  display: inline-block;
}
.project-reviews-index .project-reviews-table .review-date {
  width: 25%;
  display: inline-block;
}
.project-reviews-index .project-reviews-table .pill {
  display: inline-block;
  vertical-align: top;
  top: 0px;
  width: 10px;
  height: 10px;
  padding: 5px 5px;
  margin-right: 10px;
  font-size: 11px;
}
.project-reviews-index .project-reviews-table .pill .fa {
  position: relative;
}
.project-reviews-index .project-reviews-table .pill .fa-comment {
  top: -3px;
}
.project-reviews-index .project-reviews-table .pill .fa-times {
  left: 0.5px;
  top: -1.5px;
  font-size: 12px;
}

#review-nav {
  width: 100%;
  height: 120px;
  position: absolute;
  background-color: #434D56;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
}
@media (min-width: 768px) {
  #review-nav {
    width: 100%;
    height: 50px;
    top: -150px;
  }
}
#review-nav.fadeInDown {
  display: block;
  position: fixed;
  top: 0;
}
#review-nav.sticky {
  top: -120px;
  position: absolute;
}
#review-nav .actions {
  float: center;
  text-align: center;
  display: block;
  margin-top: 17px;
}
@media (min-width: 768px) {
  #review-nav .actions {
    display: inline-block;
    text-align: left;
    float: right;
    margin-top: 7px;
  }
}
#review-nav .actions .btn {
  color: #FFF;
  font-weight: 600;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#review-nav .btn-secondary {
  background: none;
  border: none;
}
#review-nav .btn-secondary:hover {
  color: #D4D9DB;
}
#review-nav .btn-secondary:active {
  color: #4a5658;
  background-color: #D4D9DB;
}
#review-nav .actions .btn-primary {
  color: #FFF;
}
#review-nav .actions .btn-primary.disabled {
  background-color: #9Ba5aa;
  cursor: not-allowed;
}
#review-nav .nav-info {
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  #review-nav .nav-info {
    display: inline-block;
    text-align: left;
    top: 12px;
    position: relative;
  }
}
#review-nav .nav-info a {
  margin-top: 6px;
  position: relative;
  display: block;
  font-size: 14px;
}
#review-nav .nav-info .pill {
  top: -1px;
  background-color: #FFF;
  color: #4a5658;
}
#review-nav .nav-info .step {
  color: #FFF;
  font-weight: 600;
  display: inline-block;
  margin-left: 12px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#review-nav .title {
  word-wrap: break-word;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  #review-nav .title {
    width: 500px;
  }
}
#review-nav .button-popout,
#review-nav .timer {
  display: block;
  left: 35%;
  top: 46%;
  position: absolute;
  background: #FFF;
  border: 2px solid #1a2024;
  border-radius: 4px;
  padding: 6px;
  width: 154px;
}
@media (min-width: 768px) {
  #review-nav .button-popout,
  #review-nav .timer {
    display: block;
    top: 16px;
    left: -3px;
    position: relative;
  }
}
#review-nav .button-popout i,
#review-nav .timer i {
  margin-right: 4px;
}
#review-nav .button-popout #time_remaining,
#review-nav .timer #time_remaining {
  display: inline;
  margin-left: 4px;
}
#review-nav .button-popout:after, #review-nav .button-popout:before {
  bottom: 100%;
  left: 65%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#review-nav .timer:after, #review-nav .timer:before {
  bottom: 100%;
  left: 17%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#review-nav .button-popout:after,
#review-nav .timer:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 7px;
  margin-left: -7px;
}
#review-nav .button-popout:before,
#review-nav .timer:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #1a2024;
  border-width: 10px;
  margin-left: -10px;
}
#review-nav .button-popout {
  position: relative;
  left: 90px;
}

#review-preview {
  padding-bottom: 100px;
}
#review-preview p {
  color: #1a2024;
}
#review-preview .info {
  background-color: #F6F9F9;
  border-radius: 5px;
  padding: 20px 30px;
  margin-top: 0px;
  margin-bottom: 50px;
}
#review-preview .info p, #review-preview .info span {
  font-size: 13px;
  margin: 5px 0;
  color: #4a5658;
}
#review-preview .info .col-md-2 p {
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#review-preview .info .review-state {
  display: inline-block;
  margin: 4px 4px 4px 0;
}
#review-preview .info .pill {
  top: 0;
  margin-right: 3px;
  padding: 2px 4px 2px 5px;
}
#review-preview .info .pill .fa {
  margin: 0;
}
#review-preview .preview {
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 40px 60px;
  background-color: #FFF;
  border-radius: 5px;
}
@media (min-width: 768px) {
  #review-preview .preview {
    width: 740px;
  }
}
#review-preview .section .field {
  font-size: 18px;
}
#review-preview .timeline {
  margin-top: 40px;
  background-color: #F9FBFB;
  border-radius: 6px;
  padding: 38px 20px 18px 20px;
}
#review-preview .timeline .circle {
  border-color: #F9FBFB;
}

#review-show {
  margin-top: -10px;
}
#review-show .pill {
  margin: 18px 0;
}
#review-show .section-label {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 10px;
  color: #aaa;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1.4px;
}
#review-show .col-md-4 .section-label {
  margin-left: 14px;
}
#review-show .reviewer {
  margin-top: 40px;
}
#review-show .reviewer img {
  margin-right: 8px;
}
#review-show .reviewer a {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  position: relative;
  top: -9px;
  color: #4a5658;
  font-size: 15px;
}
#review-show .reviewer p {
  margin: 4px 0;
  color: #aaa;
  font-size: 14px;
}
#review-show .section-header .col-md-8 {
  display: none;
}
@media (min-width: 768px) {
  #review-show .section-header .col-md-8 {
    width: 600px;
    padding: 0;
    display: block;
    margin-left: 0;
  }
}
#review-show .section-header .col-md-4 {
  display: none;
}
@media (min-width: 768px) {
  #review-show .section-header .col-md-4 {
    width: 380px;
    padding: 0;
    display: block;
    margin-left: 0;
  }
}

.instructions p {
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 26px;
  font-size: 18px;
}
.instructions h3 {
  font-size: 32px;
  font-weight: 400;
  color: #1a2024;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.instructions h4 {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 600;
  font-size: 16px;
  color: #004E6D;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.instructions li {
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 26px;
  font-size: 18px;
  margin: 8px 0;
}
.instructions .instructions-box {
  background-color: #F9FBFB;
  border: 2px solid #D4D9DB;
  border-radius: 5px;
  padding: 12px 20px;
  margin-top: 120px;
}
.instructions .instructions-box .pill {
  background-color: #A5A7A8;
  margin-bottom: 14px;
}
.instructions .instructions-box p {
  font-size: 15px;
  color: #9Ba5aa;
}
.instructions .instructions-box ol {
  margin: 0;
  padding: 0;
}
.instructions .instructions-box li::before {
  content: counter(li);
  margin-right: 6px;
  color: #9Ba5aa;
}
.instructions .instructions-box li {
  font-size: 14px;
  color: #4a5658;
  margin: 14px 0;
  list-style: none;
  counter-increment: li;
}

.reviews-admin table.table .reviewer {
  display: inline-block;
}
.reviews-admin table.table .reviewer img {
  width: 18px;
  height: 18px;
}
.reviews-admin table.table .reviewer .mrs {
  vertical-align: middle;
  display: inline-block;
}
.reviews-admin table.table th {
  font-size: 13px;
  color: #A5A7A8;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-admin table.table a {
  color: #1a2024;
}
.reviews-admin table.table .markup a {
  color: #004E6D;
  font-size: 12px;
}
.reviews-admin table.table .float-right a {
  color: #36ac9c;
}
.reviews-admin table.table .hoverable .float-right {
  opacity: 0;
}
.reviews-admin table.table .hoverable:hover .float-right {
  opacity: 1;
}
.reviews-admin table.table .bar {
  height: 15px;
  width: 5px;
  border-radius: 1px;
  display: inline-block;
  margin-right: 2px;
}
.reviews-admin table.table .bar.approved {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews-admin table.table .bar.rejected {
  background-color: #D4D9DB;
}
.reviews-admin h1 {
  font-family: "Copernicus", Times;
}
.reviews-admin .pill {
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  background-color: #4a5658;
  display: inline-block;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews-admin .pill.approved {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews-admin .pill.rejecting {
  background-color: #FF7979;
}
.reviews-admin .pill.awaiting {
  background-color: #004E6D;
}
.reviews-admin .pill.active {
  background-color: #ffc40d;
}
.reviews-admin .pill.incomplete {
  background-color: #F2F3F4;
  color: #9Ba5aa;
}
.reviews-admin .pill.review {
  background-color: #004E6D;
}
.reviews-admin .pill.skip {
  background-color: #9Ba5aa;
}
.reviews-admin .pill.approve {
  background-color: rgba(85, 178, 127, 0.8);
}
.reviews-admin .pill.reject {
  background-color: #FF7979;
}
.reviews-admin .pill .fa {
  display: inline;
}
.reviews-admin .pill .fa-spinner {
  color: #FFF;
  margin-right: 4px;
  -webkit-animation: spinner-spin 1s steps(8) infinite;
          animation: spinner-spin 1s steps(8) infinite;
}
@-webkit-keyframes spinner-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#funders-index h4.label {
  text-transform: uppercase;
  font-size: 13px;
  color: #9Ba5aa;
  letter-spacing: 1.3px;
  margin-top: 60px;
}

.grant-funder-card {
  padding: 0px;
}
.grant-funder-card .content {
  padding: 8px 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.grant-funder-card .image img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 110px;
  max-width: 200px;
  border-radius: 3px;
  margin-bottom: 14px;
}
.grant-funder-card .description h3 {
  font-size: 16px;
  line-height: 22px;
  padding: 0;
  margin: 0;
}
.grant-funder-card .description p {
  color: #4a5658;
  font-size: 15px;
}

.grant-funder-header {
  display: flex;
  justify-content: flex-start;
  min-width: 500px;
  max-width: 700px;
  margin: 30px 0 40px 0;
  width: 70vw;
}
.grant-funder-header .breadcrumb {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
}
.grant-funder-header .breadcrumb h4, .grant-funder-header .breadcrumb a {
  color: #9Ba5aa;
  display: inline-block;
  margin: 0;
}
.grant-funder-header .image {
  background-color: #FFF;
  border-radius: 4px;
  max-height: 120px;
  margin-right: 20px;
}
.grant-funder-header .image img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 120px;
  max-width: 200px;
}
.grant-funder-header .description h1 {
  padding: 0;
  margin: 0;
  font-size: 21px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.grant-funder-header .description p {
  color: #4a5658;
  font-size: 15px;
}
.grant-funder-header .funder-meta {
  display: inline-block;
}
.grant-funder-header .info {
  color: #9Ba5aa;
  font-size: 13px;
  margin-right: 38px;
  display: inline-block;
}
.grant-funder-header .info i {
  margin-right: 4px;
  font-size: 13px;
  position: relative;
  top: 0.5px;
}
.grant-funder-header .info i.fa-map-pin {
  font-size: 11px;
  top: -0.5px;
}
.grant-funder-header .info a {
  color: #9Ba5aa;
}

.grant-funder-nametag {
  vertical-align: top;
  line-height: 43px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.grant-funder-nametag:hover {
  opacity: 1 !important;
}
.grant-funder-nametag:hover .circle-logo {
  border-color: #36ac9c;
  transition-duration: 0.3s;
  opacity: 1 !important;
}
.grant-funder-nametag:hover p {
  color: #000;
  transition-duration: 0.3s;
}
.grant-funder-nametag .circle-logo-holder {
  vertical-align: middle;
  display: inline-block;
}
.grant-funder-nametag .circle-logo {
  vertical-align: middle;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-right: 10px;
  box-shadow: 0 0px 1px -4px #9Ba5aa;
  border: 1px solid #D4D9DB;
  background-repeat: no-repeat;
}
.grant-funder-nametag .alignmiddle {
  vertical-align: middle;
}
.grant-funder-nametag .text {
  margin: 0;
  vertical-align: top;
  color: #1a2024;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  grid-gap: 7px;
}
.grant-funder-nametag .text p {
  margin: 0;
  line-height: 14px;
}
.grant-funder-nametag .text .muted {
  margin: 0;
  color: #9Ba5aa;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
}

.funders .user-row a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1a2024;
}
.funders .user-row p {
  margin: 0;
}
.funders .user-row .sublabel {
  color: #9Ba5aa;
}

.funder-row {
  margin: 20px 0;
  min-height: 80px;
}
.funder-row .flex {
  gap: 20px;
}
.funder-row .funder-img {
  vertical-align: middle;
  max-height: 25px;
  max-width: 160px;
  margin-right: 20px;
  text-align: center;
  margin: 1em 0;
}
.funder-row .funder-img img {
  border-radius: 3px;
  line-height: 25px;
}
.funder-row .funder-info p {
  color: #4a5658;
}

.funder-footer {
  margin-top: 120px;
  margin-bottom: 50px;
}
.funder-footer .divider {
  width: -webkit-fill-available;
  border-top: 1px solid #D4D9DB;
}
.funder-footer .logo {
  max-height: 90px;
  max-width: 150px;
  margin: 0 auto;
  background-color: #FFF;
  padding: 20px;
  display: block;
  position: relative;
  top: -45%;
}
.funder-footer .funder-logo a:hover {
  opacity: 1 !important;
}
.funder-footer .logo-link {
  width: auto;
  position: relative;
}
.funder-footer .funder-title {
  max-width: 470px;
}
.funder-footer .funder-title h4 {
  margin: 0;
}
.funder-footer .sublabel {
  margin: 0;
  padding: 0;
  color: #9Ba5aa;
  font-size: 14px;
}
.funder-footer .text-right {
  font-size: 14px;
}
.funder-footer .funder-footer-grant-card .img {
  width: -webkit-fill-available;
  height: 140px;
  background-size: cover;
  background-position: center;
  background-color: #F9FBFB;
  border-radius: 4px;
}
.funder-footer .funder-footer-grant-card p {
  color: #9Ba5aa;
}

.new-funders .header {
  margin: 90px 30px 0;
}
.new-funders .header h1 {
  font-family: "Copernicus", Times;
  font-size: 24px;
}
.new-funders .header p {
  font-size: 17px;
}
.new-funders .form {
  border: 1px solid #D4D9DB;
  border-radius: 7px;
  padding: 14px 20px 20px 20px;
}
.new-funders .form label {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 10px 0;
}
.new-funders .form input,
.new-funders .form textarea {
  font-size: 16px;
  min-height: 45px;
  width: -webkit-fill-available;
}
.new-funders .form textarea {
  min-height: 125px;
}
.new-funders .form .btn {
  width: 130px;
}
.new-funders .side .logo {
  width: 70px;
  vertical-align: middle;
  margin: 9px;
}
.new-funders .side h4 {
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  color: #D4D9DB;
  margin-top: 90px;
}

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

.case-study-wrapper .researcher-info-module {
  *zoom: 1;
}
.case-study-wrapper .researcher-info-module:before, .case-study-wrapper .researcher-info-module:after {
  content: "";
  display: table;
}
.case-study-wrapper .researcher-info-module:after {
  clear: both;
}
.case-study-wrapper .researcher-info-module .img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.case-study-wrapper .researcher-info-module .body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}

.edit-grant-programs {
  margin-top: 10px;
  margin-bottom: 150px;
  min-height: 580px;
}
.edit-grant-programs h2 {
  font-weight: 400;
}
.edit-grant-programs .sublabel {
  color: #9Ba5aa;
  font-size: 13px;
  width: auto;
  word-break: break-word;
  margin: 10px 0;
}
.edit-grant-programs .admin-header {
  margin: 0 0 40px 0;
}
.edit-grant-programs .admin-header h1 {
  font-family: "Copernicus", Times;
  font-size: 15px;
  margin: 0px 0 8px 0;
}
.edit-grant-programs .admin-header .grant-details {
  display: flex;
}
.edit-grant-programs .admin-header .grant-details img {
  background-color: #4a5658;
  height: 80px;
  width: 169px;
  border-radius: 8px;
  overflow-x: hidden;
  margin-right: 20px;
}
.edit-grant-programs .admin-header .grant-details .more {
  padding-top: 12px;
}
.edit-grant-programs .admin-header .grant-details .links {
  margin-top: 11px;
  display: inline-block;
}
.edit-grant-programs .admin-header .grant-details .links span {
  color: #9Ba5aa;
  font-size: 14px;
}
.edit-grant-programs .admin-header .grant-details .links a {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  margin: 0 20px 0 0;
  font-weight: 600;
}
.edit-grant-programs .admin-header .pill {
  font-size: 11px;
  letter-spacing: 1.2px;
  background-color: #9Ba5aa;
  font-weight: 600;
  color: #FFF;
  border-radius: 3px;
  padding: 4px 6px;
  display: inline-block;
  text-transform: uppercase;
}
.edit-grant-programs .form .row {
  margin-top: 24px;
}
.edit-grant-programs .form .redactor-editor {
  border: 1px solid #E8ECED;
}
.edit-grant-programs .form label {
  margin-top: 4px;
  font-weight: 600;
}
.edit-grant-programs .form input {
  margin: 2px 0;
  width: -webkit-fill-available;
  padding: 12px 12px;
}
.edit-grant-programs .form input.small {
  width: 280px;
}
.edit-grant-programs .form textarea {
  margin: 2px 0;
  width: 100%;
  padding: 12px 12px;
}
.edit-grant-programs .form .redactor-editor {
  border-radius: 0 0 6px 6px;
}
.edit-grant-programs .form .redactor-box .redactor-toolbar {
  border: 1px solid #E8ECED;
  border-radius: 6px 6px 0 0;
  box-shadow: none;
  top: 1px !important;
}
.edit-grant-programs .form .redactor-editor a {
  color: #36ac9c;
}
.edit-grant-programs .form input[type=date] {
  width: 200px;
}
.edit-grant-programs .form #grant_program_grant_funder_id {
  width: 291px;
  height: 50px;
}
.edit-grant-programs .funder-card {
  min-height: 180px;
  background-color: #F9FBFB;
  border-radius: 12px;
  border: 1px solid #D4D9DB;
  padding: 20px 8px;
  margin: 10px 12px 0 0;
  display: inline-block;
  width: 200px;
  text-align: center;
}
.edit-grant-programs .funder-card img {
  height: 40px;
  max-width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.edit-grant-programs .funder-card .best_in_place {
  border: 1px solid #9Ba5aa;
  border-radius: 3px;
  padding: 1px 5px;
  cursor: pointer;
}
.edit-grant-programs .funder-card .best_in_place textarea {
  width: auto;
}
.edit-grant-programs .funder-card .delete a {
  color: #FF7979;
}
.edit-grant-programs .user-card {
  height: 250px;
  background-color: #F9FBFB;
  border-radius: 12px;
  border: 2px solid #D4D9DB;
  padding: 20px 8px;
  margin: 0 12px 0 0;
  display: inline-block;
  width: 200px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.edit-grant-programs .user-card .image {
  text-align: center;
}
.edit-grant-programs .user-card .delete a {
  color: #FF7979;
}
.edit-grant-programs .user-card .pill {
  font-size: 11px;
  letter-spacing: 1.2px;
  background-color: #9Ba5aa;
  font-weight: 600;
  color: #FFF;
  border-radius: 3px;
  padding: 4px 6px;
  display: inline-block;
}
.edit-grant-programs .user-card p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.edit-grant-programs .image-form .image {
  max-width: 320px;
}
.edit-grant-programs .nav-sidebar {
  margin: 10px 0;
  padding: 0;
}
.edit-grant-programs .nav-sidebar li {
  list-style: none;
  margin: 0px 0;
  padding: 12px 4px;
  border-bottom: 1px solid #f5f5f5;
}
.edit-grant-programs .nav-sidebar li a {
  color: #4a5658;
  display: flex;
}
.edit-grant-programs .nav-sidebar li i {
  text-align: center;
  position: relative;
  top: 1px;
  justify-content: center;
}
.edit-grant-programs .nav-sidebar li .i-holder {
  width: 33px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
.edit-grant-programs .nav-sidebar li.active {
  background-color: #E8ECED;
  border-radius: 4px;
  border-bottom: 1px solid #F9FBFB;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.edit-grant-programs .nav-sidebar li.active i {
  color: #36ac9c;
  font-weight: 600;
}
.edit-grant-programs .nav-sidebar li.active a {
  color: #1a2024;
  font-weight: 600;
}
.edit-grant-programs .tab-pane {
  display: none;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.edit-grant-programs .tab-pane.active {
  display: block;
  margin: 0 auto;
}
.edit-grant-programs #program-settings-funder #grant_program_grant_funder_ids {
  font-size: 18px;
}
.edit-grant-programs #program-settings-project form.inline input {
  width: auto;
}
.edit-grant-programs #program-settings-banner img {
  max-width: 500px;
  border-radius: 3px;
}

.new-grants h1 {
  font-family: "Copernicus", Times;
  color: #1a2024;
}
.new-grants span.pill {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 3px 6px;
  background-color: #4a5658;
  color: #FFF;
  border-radius: 3px;
}

#grant-index section {
  margin: 20px 0;
}
#grant-index section.static-hero {
  margin: 20px 0;
  position: relative;
}
#grant-index section.static-hero .banner {
  background-size: cover;
  background-position: center;
  height: 400px;
  width: 100%;
  position: relative;
  filter: brightness(80%);
  border-radius: 7px;
  display: block;
}
#grant-index section.static-hero h1 {
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  transform: translate(0%, -50%);
  text-align: center;
  margin: 0;
  font-family: "Copernicus", Times;
  font-size: 32px;
  color: #FFF;
  letter-spacing: 0.02em;
  line-height: 29px;
  text-shadow: 0 1px 3px 3px #1a2024;
  transition-duration: 0.3s;
}
#grant-index section.static-hero h4 {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  transform: translate(0%, -50%);
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1.9px;
  font-size: 14px;
  color: #FFF;
  text-shadow: 0 1px 3px 3px #1a2024;
}
#grant-index section.index-explainer {
  margin-bottom: 60px;
}
#grant-index section.index-explainer p {
  font-size: 20px;
  margin: 10px 0;
}
#grant-index section.index-explainer a {
  font-size: 18px;
  color: #1a2024;
  text-decoration: underline;
}
#grant-index section.index-explainer .stats-line {
  background-color: #DFF5E8;
  padding: 18px 20px;
  display: flex;
  width: 92%;
  margin: 10px 0;
  border-radius: 8px;
  align-self: end;
  align-items: baseline;
  gap: 20px;
  flex-direction: row;
}
@media (min-width: 768px) {
  #grant-index section.index-explainer .stats-line {
    display: inline-flex;
    width: 92%;
    margin: 14px 0 0 0;
    border-radius: 8px;
  }
}
#grant-index section.index-explainer .stat-line {
  padding: 10px;
  flex-grow: 3;
}
@media (min-width: 768px) {
  #grant-index section.index-explainer .stat-line {
    padding: 0px;
  }
}
#grant-index section.index-explainer .stat-line h3 {
  font-size: 16px;
  margin: 0px;
  color: #1a2024;
  font-weight: 400;
}
#grant-index section.index-explainer .stat-line p {
  margin: 0px;
  font-size: 14px;
  color: #528774;
}
#grant-index section.index-funders {
  margin: 90px 0 60px 0;
}
#grant-index section.index-funders .name-tag-holder {
  max-width: 290px;
  margin: 20px 0 8px 0;
}
#grant-index section.index-funders .grant-funder-nametag {
  line-height: 29px;
}
#grant-index section.index-funders .grant-funder-nametag p {
  width: 220px;
}
#grant-index section.index-funders .last-card {
  background-color: #F5FCF8;
  padding: 24px;
  border-radius: 12px;
  margin-top: 12px;
}
#grant-index section.index-funders .last-card a {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
#grant-index section.past-grants {
  margin-bottom: 60px;
}
#grant-index .grant-cards-row {
  margin: 20px 0;
}
#grant-index .rfp-row {
  margin: 20px 0;
}
#grant-index .rfp-holder {
  border-radius: 6px;
}
@media (min-width: 768px) {
  #grant-index .rfp-holder {
    height: 300px;
    padding-top: 15px;
  }
}
#grant-index .rfp-holder a {
  color: #4a5658;
}
#grant-index .rfp-holder:hover {
  transition-duration: 0.3s;
}
#grant-index .rfp-holder:hover .admin {
  opacity: 1;
  transition-delay: 1.2s;
}
#grant-index .rfp-holder:hover .title, #grant-index .rfp-holder:hover .description {
  opacity: 1;
}
#grant-index .rfp-holder .title h3 {
  color: #063345;
  font-size: 20px;
}
#grant-index .rfp-holder .description p {
  color: #004E6D;
  font-size: 15px;
}
#grant-index .rfp-holder .admin {
  opacity: 0;
}
#grant-index .rfp-holder .amount, #grant-index .rfp-holder .deadline {
  display: inline;
  color: #43B596;
  font-weight: 600;
}
#grant-index .rfp-holder .amount {
  margin-right: 32px;
}

#grant-show .grant-program-header h1 {
  text-shadow: 0px 1.2px 3.3px #eee;
  color: #1a2024;
  font-family: "Copernicus", Times;
  font-size: 26px;
  line-height: 37px;
  letter-spacing: -0.1px;
}
#grant-show .grant-program-header p {
  margin: 0;
  padding: 0;
}
#grant-show .grant-program-header .funder-title {
  font-weight: 600;
  margin-bottom: 24px;
}
#grant-show .grant-program-header .funder-title a {
  color: #1a2024;
}
#grant-show .grant-program-header .funder-title span {
  color: #1a2024;
}
#grant-show .grant-funder-left-panel {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-direction: column;
}
#grant-show .breadcrumbs {
  font-size: 13px;
  color: #9Ba5aa;
  margin-top: 20px;
}
#grant-show .breadcrumbs h4, #grant-show .breadcrumbs a {
  color: #9Ba5aa;
  display: inline-block;
  margin: 0;
}
#grant-show .breadcrumbs .state {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 12px;
  color: #9Ba5aa;
}
#grant-show .vertical-divider {
  border-left: 1.5px solid #ddd;
  display: inline;
  width: 1px;
  margin: 0 13px;
}
#grant-show .grant-program-admin-menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#grant-show .grant-program-admin-menu i.fa-gear {
  top: 1px;
  position: relative;
}
#grant-show .grant-program-admin-menu .dropdown-menu {
  margin: 8px 0 0 0;
  -webkit-animation-duration: 0.13s;
          animation-duration: 0.13s;
  padding: 8px;
  min-width: 118px !important;
  height: auto;
  padding-bottom: 10px !important;
}
#grant-show .grant-program-admin-menu .dropdown-menu li > a {
  margin: 0;
  padding: 3px;
  border-radius: 2px;
}
#grant-show .grant-program-admin-menu .dropdown-menu li > a:hover i {
  color: #FFF;
}
#grant-show .grant-program-admin-menu .muted {
  color: #96a1a6;
  font-size: 13px;
}
#grant-show .share {
  margin-top: 19px;
  margin-right: 4px;
}
#grant-show .share i {
  color: #9Ba5aa;
}
#grant-show .share .fa-envelope {
  font-size: 14px;
}
#grant-show .share .fa-twitter {
  font-size: 14px;
}
#grant-show .share .fa-facebook {
  font-size: 13.5px;
}
#grant-show .banner-full-bleed {
  width: 100%;
  height: 430px;
  left: 0;
  max-height: 430px;
  max-width: 980px;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 7px;
}
@media (max-width: 980px) {
  #grant-show .banner-full-bleed {
    height: 370px;
    border-radius: 0;
  }
}
#grant-show .sublabel {
  color: #9Ba5aa;
  font-size: 14px;
}
#grant-show .description {
  margin-bottom: 20px;
  min-height: 70px;
}
#grant-show .description p {
  color: #1a2024;
  font-size: 18px;
  line-height: 27px;
}
#grant-show .unsubmitted-draft, #grant-show .submitted-draft {
  padding: 12px 18px 12px 14px;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #3D9DA4;
  background-color: #ECF6F6;
  margin: 20px 0 10px 0;
}
#grant-show .unsubmitted-draft p, #grant-show .submitted-draft p {
  color: #3D9DA4;
  vertical-align: middle;
}
#grant-show .unsubmitted-draft img, #grant-show .submitted-draft img {
  height: 22px;
  width: 22px;
  margin-right: 8px;
  top: -1px;
  position: relative;
  vertical-align: middle;
}
#grant-show .submitted-draft {
  margin: 0;
  background-color: #E4F3EE;
  border-color: #B0DBD2;
}
#grant-show .submitted-draft p {
  color: #36ac9c;
}
#grant-show .submitted-draft a {
  color: #36ac9c;
  text-decoration: underline;
}
#grant-show .cta-row {
  justify-content: center;
  margin-top: 40px;
  gap: 20px 40px;
  height: auto;
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  #grant-show .cta-row {
    height: 40px;
    justify-content: left;
    margin-top: 8px;
  }
}
#grant-show .cta-row a {
  width: -webkit-fill-available;
}
@media (min-width: 768px) {
  #grant-show .cta-row a {
    border-left: 1px solid #E8ECED;
    width: 220px;
  }
}
#grant-show .cta-row .ended-message {
  padding: 9px 12px 6px 12px;
  border: 2px solid #D4D9DB;
  border-radius: 4px;
  background-color: #F9FBFB;
  color: #8E9EA0;
  font-size: 14px;
}
#grant-show .cta-wrap {
  border: 2px solid #eee;
  border-radius: 8px;
  padding: 12px 20px;
  background: #F9FBFB;
  width: -webkit-fill-available;
  display: flex;
  gap: 40px;
}
@media (min-width: 768px) {
  #grant-show .cta-wrap {
    border: none;
    border-radius: 0px;
    padding: 0;
    width: auto;
    background-color: #FFF;
  }
}
#grant-show .btn-outline-dark {
  color: #4a5658;
  border: 1px solid #9Ba5aa;
}
#grant-show section.program-content {
  min-height: 400px;
}
#grant-show section.program-content p, #grant-show section.program-content li {
  line-height: 26px;
  font-size: 16px;
}
@media (min-width: 768px) {
  #grant-show section.program-content {
    width: auto;
  }
}

.past-grant-row {
  padding: 21px 0 5px 0;
  margin: 6px 0;
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  transition-duration: 0.2s;
}
.past-grant-row:hover > * {
  opacity: 1;
}
.past-grant-row .tag-display {
  display: inline-block;
  margin: 0 12px 0 0;
}
.past-grant-row .tag-display span {
  color: #4a5658;
  font-size: 13px;
}
.past-grant-row .tag-display .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: black;
  margin: 6px 4px 4px 0;
  position: relative;
  top: 3px;
  display: inline-block;
}
.past-grant-row .tag-display .circle.all {
  background-color: #333;
  border-color: #333;
}
.past-grant-row .tag-display .circle.political_science {
  background-color: #6c5cab;
  border-color: #6c5cab;
}
.past-grant-row .tag-display .circle.anthropology {
  background-color: #B96D9E;
  border-color: #B96D9E;
}
.past-grant-row .tag-display .circle.art_and_design {
  background-color: #7E7DEC;
  border-color: #7E7DEC;
}
.past-grant-row .tag-display .circle.social_science {
  background-color: #89BEF7;
  border-color: #89BEF7;
}
.past-grant-row .tag-display .circle.economics {
  background-color: #456DB4;
  border-color: #456DB4;
}
.past-grant-row .tag-display .circle.biology {
  background-color: #1486b3;
  border-color: #1486b3;
}
.past-grant-row .tag-display .circle.chemistry {
  background-color: #5EB0C0;
  border-color: #5EB0C0;
}
.past-grant-row .tag-display .circle.ecology {
  background-color: #29a286;
  border-color: #29a286;
}
.past-grant-row .tag-display .circle.physics {
  background-color: #67D6C1;
  border-color: #67D6C1;
}
.past-grant-row .tag-display .circle.materials_science {
  background-color: #7BCF93;
  border-color: #7BCF93;
}
.past-grant-row .tag-display .circle.earth_science {
  background-color: #96b94f;
  border-color: #96b94f;
}
.past-grant-row .tag-display .circle.education {
  background-color: #FFAD55;
  border-color: #FFAD55;
}
.past-grant-row .tag-display .circle.paleontology {
  background-color: #fca88a;
  border-color: #fca88a;
}
.past-grant-row .tag-display .circle.medicine {
  background-color: #F86B48;
  border-color: #F86B48;
}
.past-grant-row .tag-display .circle.neuroscience {
  background-color: #FF5D58;
  border-color: #FF5D58;
}
.past-grant-row .tag-display .circle.psychology {
  background-color: #DF587C;
  border-color: #DF587C;
}
.past-grant-row .tag-display .circle.computer_science {
  background-color: #91CBDD;
  border-color: #91CBDD;
}
.past-grant-row .tag-display .circle.data_science {
  background-color: #CED5E9;
  border-color: #CED5E9;
}
.past-grant-row .tag-display .circle.engineering {
  background-color: #989898;
  border-color: #989898;
}
.past-grant-row .tag-display .circle.mathematics {
  background-color: #434343;
  border-color: #434343;
}
.past-grant-row .img {
  width: 100%;
  transition-duration: 0.3s;
  height: 120px;
  margin-right: 18px;
  border-radius: 6px;
  background-size: cover;
  background-color: #F9FBFB;
  background-position: center;
}
.past-grant-row .label {
  color: #aaa;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px 0;
}
.past-grant-row h4 {
  font-family: "Copernicus", Times;
  color: #1a2024;
  margin: 12px 0 6px 0;
  font-size: 14px;
  line-height: 20px;
}
.past-grant-row p {
  margin: 0;
  color: #4a5658;
  font-size: 15px;
}
.past-grant-row .left {
  justify-content: flex-start;
  display: flex;
  min-width: 240px;
}
.past-grant-row .right {
  justify-content: flex-end;
  display: flex;
  vertical-align: bottom;
  margin: 12px 10px 12px 0;
}
@media (min-width: 768px) {
  .past-grant-row .right .column {
    width: 310px;
  }
}

.grant-hero {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  transition-duration: 0.3s;
}
@media (min-width: 768px) {
  .grant-hero {
    margin-top: 30px;
  }
  .grant-hero .bg {
    border-radius: 17px;
    height: 210px;
    padding: 40px;
  }
}
.grant-hero .container {
  display: flex;
  align-items: flex-end;
}
.grant-hero .row {
  display: flex;
}
.grant-hero .bg {
  position: relative;
  display: flex;
  min-height: auto;
  max-width: 100%;
  padding: 0px;
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/grants/banner-a57e76a0ac7c11411ff90a522db8287c416ed8a3aae00163806ff078ef88ba99.png);
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .grant-hero .bg {
    left: -18px;
    width: calc(100vw + 17px);
  }
}
@media (min-width: 768px) {
  .grant-hero .bg {
    align-items: flex-end;
    width: 914px;
    margin: 0 auto;
    padding: 28px 30px;
    left: 0;
  }
}
.grant-hero .text {
  align-self: flex-end;
  display: flex;
}
.grant-hero .text h1, .grant-hero .text h3, .grant-hero .text p {
  margin: 4px 0;
  padding: 0;
}
.grant-hero .text h1, .grant-hero .text h3, .grant-hero .text p {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
}
.grant-hero .text h1 {
  font-size: 1.2em;
  letter-spacing: -0.2px;
  font-weight: 600;
  font-family: "Copernicus", Times;
  margin-bottom: 6px;
}
.grant-hero .text h3 {
  letter-spacing: 1.3px;
  font-size: 14.5px;
}
.grant-hero .text p {
  font-size: 15px;
}
.grant-hero img {
  height: 24px;
  width: 26px;
  margin-bottom: 0px;
  margin-right: 5px;
  top: 2px;
  position: relative;
}
.grant-hero .stat-line {
  padding: 10px;
  flex-grow: 3;
}
@media (min-width: 768px) {
  .grant-hero .stat-line {
    padding: 0px;
  }
}
.grant-hero .stats-line {
  display: inline-block;
  width: 34vw;
  align-self: end;
  align-items: baseline;
  gap: 20px;
  flex-direction: row;
  padding: 0px;
}
@media (min-width: 768px) {
  .grant-hero .stats-line {
    display: flex;
    width: 480px;
    margin-left: 30px;
  }
}

.grant-footer-banner {
  margin-top: 100px;
  margin-bottom: 100px;
}
.grant-footer-banner .bg {
  height: 270px;
}
@media (min-width: 768px) {
  .grant-footer-banner .bg {
    height: 61px;
  }
}
.grant-footer-banner h1 {
  line-height: 27px;
}

.grant-footer, .grant-footer-alternate {
  color: #FFF;
  background-color: #063345;
}
@media (min-width: 768px) {
  .grant-footer, .grant-footer-alternate {
    height: 500px;
  }
  .grant-footer .grant-link, .grant-footer-alternate .grant-link {
    margin: 20px 0 0 20px;
  }
}
.grant-footer .grant-link, .grant-footer-alternate .grant-link {
  margin: 40px 0 0 0;
}
.grant-footer .row, .grant-footer-alternate .row {
  margin-top: 70px;
}
.grant-footer h2, .grant-footer-alternate h2 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Copernicus", Times;
  color: #FFF;
  letter-spacing: -0.38px;
  margin-top: 40px;
}
.grant-footer p, .grant-footer-alternate p {
  font-size: 18px;
  line-height: 29px;
  opacity: 0.74;
}
.grant-footer a, .grant-footer-alternate a {
  color: #FFF;
}
.grant-footer .grants-index-link, .grant-footer-alternate .grants-index-link {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 4px;
  position: relative;
  top: 20px;
  padding: 15px 22px;
  color: #FFF;
  font-weight: 600;
  font-size: 15px;
  background: linear-gradient(10deg, rgba(20, 134, 179, 0.9) 25%, rgba(7, 171, 155, 0.93) 75%, rgba(20, 134, 179, 0.93) 100%) repeat;
  background: -moz-linear-gradient(10deg, rgba(20, 134, 179, 0.9) 25%, rgba(7, 171, 155, 0.93) 75%, rgba(20, 134, 179, 0.93) 100%) repeat;
  -webkit-background-size: 150% 100%;
  transition-duration: 0.2s;
}
.grant-footer .grants-index-link:hover, .grant-footer-alternate .grants-index-link:hover {
  transition-duration: 0.2s;
  text-decoration: none;
  background: linear-gradient(10deg, rgba(20, 134, 179, 0.7) 25%, rgba(7, 171, 155, 0.73) 75%, rgba(20, 134, 179, 0.73) 100%) repeat;
  background: -moz-linear-gradient(10deg, rgba(20, 134, 179, 0.7) 25%, rgba(7, 171, 155, 0.73) 75%, rgba(20, 134, 179, 0.73) 100%) repeat;
  opacity: 1;
  -webkit-background-size: 150% 100%;
}
.grant-footer .grants-index-link a, .grant-footer-alternate .grants-index-link a {
  color: #fff;
}
.grant-footer .grants-index-link a:hover, .grant-footer-alternate .grants-index-link a:hover {
  text-decoration: none;
  opacity: 1;
}
.grant-footer .count, .grant-footer-alternate .count {
  opacity: 0.6;
}
.grant-footer .title, .grant-footer-alternate .title {
  font-size: 20px;
  font-weight: 600;
}
.grant-footer .amount, .grant-footer-alternate .amount {
  font-weight: 600;
}
.grant-footer .color-0, .grant-footer-alternate .color-0 {
  color: #0CBFD6;
}
.grant-footer .color-1, .grant-footer-alternate .color-1 {
  color: #06D0C0;
}
.grant-footer .color-2, .grant-footer-alternate .color-2 {
  color: #38AE78;
}
.grant-footer .color-3, .grant-footer-alternate .color-3 {
  color: #38AE78;
}

.grant-footer-alternate {
  background-color: #EDF2F4;
}
.grant-footer-alternate img {
  height: 24px;
  top: 2px;
  margin-right: 4px;
  position: relative;
}
.grant-footer-alternate h2, .grant-footer-alternate p, .grant-footer-alternate a {
  color: #003c54;
}
.grant-footer-alternate .grants-index {
  background: linear-gradient(12deg, rgba(73, 217, 176, 0.7) 0%, rgba(64, 209, 187, 0.76) 40%, rgba(22, 198, 201, 0.88) 68%, rgba(73, 217, 176, 0.7) 98%) repeat;
  background: -moz-linear-gradient(12deg, rgba(73, 217, 176, 0.7) 0%, rgba(64, 209, 187, 0.76) 40%, rgba(22, 198, 201, 0.88) 68%, rgba(73, 217, 176, 0.7) 98%) repeat;
  -webkit-background-size: 150% 100%;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.grant-footer-alternate .grants-index a {
  color: #FFF;
}
.grant-footer-alternate .grants-index a:hover {
  text-decoration: none;
}
.grant-footer-alternate .grants-index:hover {
  opacity: 1;
  -webkit-animation-name: moving-gradient-two;
  cursor: pointer;
}
@-webkit-keyframes moving-gradient-two {
  to {
    background-position: 0 0;
  }
  from {
    background-position: -316px 0;
  }
}
.grant-footer-alternate .colored {
  color: #36ac9c;
}

.partial-grant-card {
  min-height: 300px;
}
.partial-grant-card .partial-grant-card-image {
  height: 200px;
  width: auto;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
  background-color: #F9FBFB;
}
.partial-grant-card h3 {
  line-height: 25px;
  position: relative;
  font-family: "Copernicus", Times;
  -webkit-font-smoothing: antialiased;
}
.partial-grant-card .partial-grant-card-description {
  margin-bottom: 30px;
}
.partial-grant-card .partial-grant-card-footer {
  display: flex;
  flex-direction: row;
  justify-content: left;
  grid-gap: 0 60px;
  margin-bottom: 50px;
}
.partial-grant-card .partial-grant-card-footer .muted {
  color: #96a1a6;
  margin: 0;
  padding: 0;
}
.partial-grant-card .partial-grant-card-footer p {
  color: #1a2024;
  margin: 0;
  padding: 0;
}

#grant-program-dashboard h1 {
  font-family: "Copernicus", Times;
  fonit-size: 20px;
}
#grant-program-dashboard h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  margin: 0;
}
#grant-program-dashboard .gray {
  color: #9Ba5aa;
}
#grant-program-dashboard p {
  font-size: 14px;
  margin: 12px 0;
}
#grant-program-dashboard .muted {
  font-size: 10px;
}
#grant-program-dashboard .right {
  float: right;
}
#grant-program-dashboard .mini-avatar {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  vertical-align: middle;
  margin-right: 3px;
  border: 1px solid #E8ECED;
}
#grant-program-dashboard .link-funder {
  color: #4a5658;
  margin-right: 8px;
}
#grant-program-dashboard .grant-project-table {
  position: relative;
  padding: 45px 15px;
  margin: 0;
  min-height: 400px;
}
#grant-program-dashboard .grant-program-project-actions .dropdown-menu {
  left: -25px;
  padding: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
#grant-program-dashboard .grant-program-project-actions .dropdown-menu a {
  color: #FFF;
}
#grant-program-dashboard .img {
  background-color: #E8ECED;
  width: 70px;
  height: 43px;
  margin: 0 3px 0 0;
  border-radius: 3px;
}
#grant-program-dashboard .nav {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
#grant-program-dashboard .nav-tabs {
  border-bottom: 1px solid #ddd;
  height: 34px;
}
#grant-program-dashboard .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}
#grant-program-dashboard .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  padding: 14px;
  color: #4a5658;
}
#grant-program-dashboard .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
  text-decoration: none;
  background-color: #eee;
}
#grant-program-dashboard .nav-tabs > li.active > a {
  color: #1a2024;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
#grant-program-dashboard .tab-pane {
  display: none;
}
#grant-program-dashboard .tab-pane th {
  cursor: pointer;
  font-size: 9px;
  color: #4a5658;
}
#grant-program-dashboard .tab-pane th .flex {
  justify-content: space-between;
}
#grant-program-dashboard .tab-pane th i {
  position: relative;
  margin-left: 3px;
  top: 2px;
  text-align: right;
  color: #9Ba5aa;
}
#grant-program-dashboard .tab-pane.active {
  display: block;
  margin: 0 auto;
}
#grant-program-dashboard i.fa-envelope-o {
  font-size: 10px;
  padding-left: 4px;
  border-left: 1px solid #9Ba5aa;
}
#grant-program-dashboard table th:first-child {
  border-top-left-radius: 8px;
  padding-left: 8px;
}
#grant-program-dashboard table th:last-child {
  border-top-right-radius: 8px;
  padding-right: 8px;
}

.grant-program-row {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.grant-program-row .image {
  background-color: #F9FBFB;
  background-size: cover;
  background-position: center;
  height: 200px;
  width: 300px;
  border-radius: 4px;
  display: inline-block;
}
.grant-program-row .grant-program-content {
  vertical-align: top;
  display: inline-block;
  max-width: 600px;
}
.grant-program-row .grant-program-content h3 {
  font-family: "Copernicus", Times;
  font-size: 17px;
  margin: 1px 0 8px 0;
}
.grant-program-row .grant-program-content p, .grant-program-row .grant-program-content a {
  color: #4a5658;
  margin: 4px 0;
  padding: 0;
}
.grant-program-row .grant-program-content .sublabel {
  color: #9Ba5aa;
}
.grant-program-row .grant-program-content .info {
  display: flex;
  gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
}

.proton-nav {
  border-radius: 6px;
  border: 1px solid #D4D9DB;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin: 20px 0;
}
.proton-nav .nav-items {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}
.proton-nav .nav-seperator {
  font-weight: 600;
  padding: 10px 0;
  text-align: center;
  display: inline-block;
  width: auto;
  min-width: 32px;
  color: #9Ba5aa;
}
.proton-nav .nav-item {
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  min-width: 24px;
  text-align: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.proton-nav .nav-item a {
  color: #9Ba5aa;
}
.proton-nav .nav-item .is-selected {
  color: #1a2024;
}
.proton-nav .admin a {
  color: #36ac9c;
}
.proton-nav .action-items {
  justify-content: flex-end;
}
.proton-nav .nav-action-item {
  padding: 12px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #D4D9DB;
  padding: 10px 12px;
  color: #9Ba5aa;
}

.grant-funder-stats h3 {
  font-family: "Copernicus", Times;
  margin: 20px 0 8px 0;
  padding: 0;
}
.grant-funder-stats .sublabel {
  margin: 0;
  padding: 0;
  color: #9Ba5aa;
  font-size: 13px;
}

.grant-program-updates .update-box {
  border: 2px solid #F2F3F4;
  border-radius: 3px;
  padding: 9px 12px;
  margin: 10px 0;
  height: 80px;
  transition-duration: 0.18s;
}
.grant-program-updates .update-box h3 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.grant-program-updates .update-box .n-muted {
  margin: 4px 0;
  font-size: 13px;
}
.grant-program-updates .update-box:hover {
  border: 2px solid #36ac9c;
}

.grant-program-officers {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 8px 0 12px 0;
}
.grant-program-officers .user-avatar {
  display: inline-block;
  margin: 8px 8px 0 0;
  position: relative;
}
.grant-program-officers .user-avatar a:hover {
  opacity: 1 !important;
}
.grant-program-officers .user-avatar a:hover img {
  opacity: 1 !important;
  border: 2px solid #36ac9c;
  box-shadow: 0 2px 2px #ddd;
}
.grant-program-officers .user-avatar a:hover .user-info-container {
  opacity: 1 !important;
}
.grant-program-officers .user-avatar:hover .user-info-container {
  display: inline-block;
}
.grant-program-officers .user-avatar img {
  border: 2px solid transparent;
  transition-duration: 0.26s;
}
.grant-program-officers .user-avatar .user-info-container {
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 12;
  text-align: center;
  position: absolute;
  background-color: #1a2024;
  color: #FFF;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 8px 0px 8px;
  border-radius: 4px;
  height: 23px;
  top: -30px;
  left: -37%;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.grant-program-officers .user-avatar .user-info-container p {
  margin: 0;
  padding: 0;
}

.column-header {
  margin-top: 30px;
  border-bottom: 1px solid #D4D9DB;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
}
.column-header h3 {
  font-size: 15px;
  color: #1a2024;
  margin: 0;
}
.column-header h4 {
  font-size: 13px;
  font-weight: 400;
  color: #9Ba5aa;
  margin: 0;
}
.column-header p {
  font-size: 12px;
  font-weight: 400;
  color: #9Ba5aa;
  margin: 0;
}
.column-header a {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 12px;
  color: #9Ba5aa;
}
.column-header span.label {
  font-size: 14px;
  display: inline;
  text-transform: none;
  letter-spacing: 0;
  color: #9Ba5aa;
  font-weight: 400;
}

.grant-reviews .grant-funder-left-panel {
  flex-direction: column;
}
.grant-reviews .reviewer-table {
  width: 100%;
  margin-bottom: 20px;
}
.grant-reviews .reviewer-table .project-thumb {
  background-size: cover;
  background-position: center;
  height: 40px;
  width: 120px;
  border-radius: 6px;
}
.grant-reviews .reviewer-table thead {
  background-color: #f5f5f5;
  font-size: 13px;
}
.grant-reviews .reviewer-table th {
  padding: 8px 1px;
  font-weight: bold;
  vertical-align: bottom;
  text-align: left;
  font-size: 13px;
  color: #A5A7A8;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.grant-reviews .reviewer-table th:first-child {
  border-radius: 6px 0 0 0;
  padding: 8px 7px;
}
.grant-reviews .reviewer-table th:last-child {
  border-radius: 0 6px 0 0;
  padding: 8px 7px;
  text-align: right;
}
.grant-reviews .reviewer-table tr {
  padding: 12px 3px;
}
.grant-reviews .reviewer-table tr.ready {
  background-color: #f1f9f1;
}
.grant-reviews .reviewer-table tr td {
  font-size: 13px;
  padding: 8px 1px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #F2F3F4;
}
.grant-reviews .reviewer-table tr a {
  font-size: 14px;
  color: #4a5658;
}
.grant-reviews .reviewer-table tr .btn {
  display: inline-block;
  float: right;
}
.grant-reviews .reviewer-table tr a.btn-primary {
  color: #FFF;
}
.grant-reviews .reviewer-table tr .float-left {
  float: left;
}
.grant-reviews .reviewer-table .muted {
  color: #aaa;
  font-size: 12px;
  line-height: 14px;
}
.grant-reviews .reviewer-table .muted a {
  font-size: 12px;
}
.grant-reviews .reviewer-table .workflow-state {
  padding: 4px 7px;
  height: 18px;
  width: 11px;
  border-radius: 2px;
  background-color: #f5f5f5;
}
.grant-reviews .reviewer-table .btn-xs {
  font-size: 12px;
}
.grant-reviews .reviewer-table .pill {
  background-color: #1a2024;
  padding: 1px 4px;
  display: inline-block;
  min-width: 12px;
  border-radius: 3px;
  text-align: center;
}
.grant-reviews .reviewer-table .pill a {
  text-align: center;
  color: #FFF;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.grant-reviews .reviewer-table .deletion {
  background-color: #faeee9;
  color: red;
}
.grant-reviews .reviewer-table .deletion a {
  color: red;
}
.grant-reviews .reviewer-table .deletion .markup {
  background-color: #FF7979;
  color: #faeee9;
}
.grant-reviews .instructions-box {
  border: 2px solid #B9DBDD;
  border-radius: 6px;
  padding: 21px;
  background-color: #ECF5F5;
  margin-top: 0px;
  margin-bottom: 40px;
  position: relative;
  width: 580px;
}
.grant-reviews .instructions-box h3 {
  color: #69A6AA;
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.grant-reviews .instructions-box h3 i {
  font-size: 13.5px;
  top: 1px;
  color: #81C2C6;
}
.grant-reviews .instructions-box p {
  color: #69A6AA;
  font-size: 15px;
}
.grant-reviews .instructions-box .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.grant-reviews .instructions-box .collapse-button {
  cursor: pointer;
}
.grant-reviews .instructions-box .collapse-button span {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #81C2C6;
  letter-spacing: 1.2px;
}
.grant-reviews .instructions-box .collapse-button i {
  color: #81C2C6;
}
.grant-reviews .instructions-box .collapsable {
  display: none;
}
.grant-reviews .instructions-box .collapsable.show {
  display: block !important;
}

.source-card {
  border: 2px solid #D4D9DB;
  border-radius: 6px;
  background-color: #FFF;
  padding: 18px;
  margin: 10px 0;
}
.source-card p {
  margin: 0;
}
.source-card .markup {
  background: #E8ECED;
  letter-spacing: 1.3px;
  color: #9Ba5aa;
  padding: 2px 4px 1px 4px;
  border-radius: 4px;
}
.source-card .flex-row {
  display: flex;
  flex-direction: row;
}
.source-card .source-card-content {
  width: 100%;
}
.source-card .button-column {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: flex-end;
}
.source-card .button-column a {
  color: #36ac9c;
  margin: 4px;
}
.source-card .microdeposit-form {
  margin: 10px 0;
}
.source-card .microdeposit-form .description {
  background-color: #F9FBFB;
  border-radius: 5px;
  padding: 5px 15px 10px 15px;
}
.source-card .microdeposit-form .description h4 {
  font-size: 15px;
}
.source-card .microdeposit-form .description p {
  font-size: 15px;
  color: #4a5658;
}

.static-page .static-hero {
  margin-bottom: 40px;
  height: 100%;
  transition-duration: 0.15s;
}
@media (min-width: 768px) {
  .static-page .static-hero {
    margin-top: 80px;
  }
}
.static-page .static-hero img {
  width: 100%;
  border-radius: 7px;
}
.static-page .static-hero h1 {
  top: 26%;
  position: absolute;
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-left: -25px;
  text-align: center;
  font-family: "Copernicus", Times;
  font-size: 32px;
  color: #FFF;
  letter-spacing: 0.023em;
  line-height: 49px;
  transition-duration: 0.3s;
}
@media (min-width: 768px) {
  .static-page .static-hero h1 {
    width: 980px;
    top: 458px;
    font-size: 30px;
    margin: 0 auto;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
  }
}
@media (min-width: 768px) {
  .static-page .static-body {
    width: 640px;
    padding-top: 60px;
  }
  .static-page .static-body h2 {
    font-size: 28px;
    line-height: 42px;
  }
}
.static-page .static-body h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
  .static-page .static-body h2 {
    font-size: 28px;
    line-height: 42px;
  }
}
.static-page .static-body h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
}
.static-page .static-body p {
  color: #4a5658;
  padding: 0;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 80px;
}
.static-page .static-body ul, .static-page .static-body ol {
  margin: 0;
}
.static-page .static-body ul li, .static-page .static-body ol li {
  font-size: 20px;
  list-style: none;
  font-weight: 500;
  margin: none;
  line-height: 32px;
}
.static-page .static-body ul li a, .static-page .static-body ol li a {
  color: #43B596;
}

.about-page .things {
  padding-bottom: 100px;
  background-color: #f5f5f5;
}
.about-page .things h4 {
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 600;
  opacity: 0.7;
  font-size: 13px;
  color: #aaa;
  margin: 0;
}
.about-page .things p {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.about-page .things .title {
  font-family: "Copernicus", Times;
  line-height: 21px;
  font-size: 12px;
  margin-top: 32px;
}
.about-page .things .authors {
  line-height: 20px;
  font-size: 13px;
  color: #004E6D;
  margin: 10px 0 10px 0;
  opacity: 0.4;
}
.about-page .things a {
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  color: #5eb0c0;
}
.about-page #mc_embed_signup {
  margin-top: 90px;
}
.about-page #mc_embed_signup h2 {
  font-family: "Copernicus";
  font-size: 22px;
  text-align: center;
}
.about-page #mc_embed_signup p {
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center;
}
.about-page #mc_embed_signup .mc-field-group {
  text-align: center;
  display: inline;
}
.about-page #mc_embed_signup #mce-responses, .about-page #mc_embed_signup input.btn, .about-page #mc_embed_signup input.email, .about-page #mc_embed_signup .clear {
  display: inline;
}
.about-page #mc_embed_signup input.email {
  padding: 3px 10px;
  height: 44px;
  width: 290px;
  margin-right: 5px;
  margin-left: 28%;
}
.about-page #mc_embed_signup input.btn {
  margin: auto;
  text-transform: none;
  letter-spacing: 0;
  height: 44px;
  margin-top: -6px;
  border: none;
}
.about-page #mc_embed_signup input {
  text-align: left;
}

.about-end {
  margin: 80px 0 100px 0;
}
.about-end h4, .about-end ul {
  text-align: center;
}
.about-end h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1.4px;
}
.about-end ul {
  padding: 0;
  margin: 0;
}
.about-end li {
  font-family: "Copernicus";
  margin: 14px 0;
  padding: 0;
  font-size: 20px;
  list-style: none;
}
.about-end a {
  color: #aaa;
  text-decoration: none;
}

.storyboard .static-body {
  padding-top: 0px;
}
.storyboard .static-body p {
  font-size: 18px;
  margin: 30px 0;
  line-height: 24px;
}
.storyboard a {
  font-size: 20px;
}
.storyboard .footer-link {
  margin-bottom: 50px;
  display: inline-block;
}

#press-header {
  padding: 30px 0;
}
#press-header p {
  width: 650px;
}

#press-stories {
  padding-bottom: 50px;
}
#press-stories h2 {
  padding: 0;
}
#press-stories .press-stories-sub {
  display: inline-block;
  color: #9Ba5aa;
  line-height: 13px;
  margin-top: 15px;
  margin-bottom: 0px;
}
#press-stories .press {
  width: 700px;
}
#press-stories .press .timestamp {
  color: #9Ba5aa;
}
#press-stories .press .story_title {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}
#press-stories .press .story-snippet {
  color: #4a5658;
}
#press-stories .press:last-child {
  margin-bottom: 200px;
}

#jobs-banner {
  background: url(http://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/jobsbanner.jpg) no-repeat center center;
  height: 420px;
  width: auto;
  color: #fff;
  margin-bottom: 40px;
  background-size: cover;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}
#jobs-banner h1 {
  padding-top: 160px;
  font-weight: 200;
  font-family: "Copernicus", Times;
  color: #fff;
  line-height: 58px;
  font-size: 40px;
}
#jobs-banner h4 {
  font-size: 24px;
  color: #FFF;
  letter-spacing: 0.012em;
  font-weight: 200;
  opacity: 0.9;
  margin-top: 30px;
}
#jobs-banner i {
  color: #B32525;
}

.job-undertext {
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 600;
  color: #888;
  font-size: 12px;
}
.job-undertext:hover {
  text-decoration: none;
}

#jobs-links .job-detail {
  margin: 40px 0;
}
#jobs-links .job-detail a {
  padding: 30px 0;
  color: #2A241C;
  text-decoration: none;
}
#jobs-links .job-detail a:hover {
  color: #72AD87;
  transition: 0.08s;
}
#jobs-links h3 {
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0.028em;
  margin-top: 40px;
  color: #bbb;
}
#jobs-links hr {
  width: 120px;
  height: 2px;
  margin: 20px 0;
  background-color: #eee;
  color: #333;
  border: none;
}

#jobs-desc {
  margin-top: 40px;
}
#jobs-desc h2 {
  opacity: 0.75;
  font-size: 22px;
  line-height: 29px;
}
#jobs-desc p {
  color: #8C959A;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.job-head {
  margin: 40px 0;
}
.job-head h1 {
  font-size: 38px;
  letter-spacing: 0.012em;
  padding-bottom: 9px;
}
.job-head span {
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 600;
  color: #888;
  font-size: 12px;
}

.job-body {
  background-color: #F8F8F8;
}
.job-body ul {
  margin: none;
}
.job-body h2 {
  font-weight: 200;
  color: #5A7D8E;
  padding: 10px 0 15px 0;
}
.job-body p, .job-body ul, .job-body ul, .job-body li, .job-body b {
  font-size: 17px;
  line-height: 27px;
}
.job-body a {
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  color: #27a387;
}
.job-body a:hover {
  color: #1d7a65;
}

.jobs-divider {
  height: 1px;
  border: none;
  margin-top: 0;
  margin-bottom: 0;
}

.jobs-long-hr {
  margin: 40px 0;
}
.jobs-long-hr p {
  font-size: 18px;
  width: 640px;
  text-align: center;
  margin: 0 auto;
  padding: 30px 0;
  font-weight: 300;
  line-height: 25px;
}
.jobs-long-hr p a {
  text-decoration: none;
}
.jobs-long-hr hr {
  width: 780px;
  height: 2px;
  border: none;
  background-color: #eee;
  color: #333;
  margin: 0 auto;
}

.jobs-footer-container {
  margin-bottom: 60px;
  text-align: center;
}
.jobs-footer-container .row {
  padding: 8px 64px 20px 64px;
}
.jobs-footer-container.jobs-index {
  margin: 80px 0 80px 0;
}
.jobs-footer-container.one-job {
  margin: 30px 0 40px 0;
}
.jobs-footer-container h4 {
  color: #004E6D;
  padding: 20px;
}
.jobs-footer-container p {
  font-weight: 300;
  font-size: 20px;
  line-height: 0;
}
.jobs-footer-container a {
  color: #1A2024;
  text-decoration: none;
}
.jobs-footer-container a:hover {
  color: #7B97AA;
}
.jobs-footer-container hr {
  width: 900px;
  height: 2px;
  border: none;
  background-color: #eee;
  color: #333;
  margin: 0 auto;
}

.jobs-other-openings {
  background-color: #FFF;
  padding: 40px 0;
}
.jobs-other-openings h4 {
  text-align: center;
}
.jobs-other-openings .row {
  padding: 1px 0;
}

#jobs-quote {
  font-family: "Copernicus", Times;
  color: #c9c9c9;
  font-style: italic;
  line-height: 34px;
  font-size: 22px;
  padding: 40px;
  width: 440px;
}

#jobs-grid .row {
  padding: 0;
}
#jobs-grid .job-grid-1 {
  text-align: right !important;
}
#jobs-grid img {
  margin: 2px;
}

#project-success-container #project-success-header h2 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 12px;
}
#project-success-container #project-success-header img {
  height: 224px;
  margin: 40px 0;
}
#project-success-container hr {
  margin-top: 60px;
}
#project-success-container #next-steps-box {
  margin: 80px auto;
  font-size: 16px;
}
#project-success-container #next-steps-box p {
  font-size: 16px;
}
#project-success-container #next-steps-box ul li {
  list-style-type: none;
}
#project-success-container #next-steps-box ul li a:hover {
  text-decoration: none;
}
#project-success-container #next-steps-box i {
  font-size: 12px;
}
#project-success-container .next-steps-box-footer a {
  font-size: 14px;
}
#project-success-container .next-steps-box-footer a:hover {
  text-decoration: none;
}
#project-success-container .next-steps-box-footer i {
  margin-left: 5px;
  font-size: 11px;
}
#project-success-container .grant-review-message {
  border: 2px solid #D4D9DB;
  border-radius: 6px;
  padding: 21px;
  background-color: #F9FBFB;
  position: relative;
  width: 70%;
  margin: 50px auto;
}
#project-success-container .grant-review-message h3 {
  color: #4a5658;
  padding: 0;
  margin: 0;
}
#project-success-container .grant-review-message p {
  font-size: 15px;
}

#deals-wrapper {
  min-height: 500px;
}
#deals-wrapper h1 {
  color: #000;
  font-family: "Copernicus", Times;
  margin-top: 16px;
  font-size: 2.4em;
}
#deals-wrapper h3 {
  font-weight: 500;
  font-size: 18px;
  color: #000;
}
#deals-wrapper thead {
  color: #aaa;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

#unsubscribe {
  padding: 0 0 140px 0;
}
#unsubscribe img {
  margin: 100px 0 40px 0;
}
#unsubscribe i {
  color: #43B596;
  margin-right: 8px;
}
#unsubscribe h1 {
  margin: 20px 0 40px 0;
  font-size: 36px;
}
#unsubscribe p {
  color: #4a5658;
  font-size: 20px;
  line-height: 28px;
}
#unsubscribe form.new_feedback textarea#feedback_feedback {
  width: 600px;
  height: 120px;
  padding: 12px;
  font-size: 18px;
}
#unsubscribe input.newbtn {
  margin-top: 10px;
  width: 144px;
  background-color: #43B596;
}

#community-banner {
  background: url(http://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/about/comm.jpg) no-repeat center center;
  height: 500px;
  width: auto;
  color: #fff;
  margin-bottom: 40px;
  background-size: cover;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}
#community-banner h1 {
  padding-top: 160px;
  font-weight: 200;
  font-family: "Copernicus", Times;
  color: #fff;
  line-height: 58px;
  font-size: 40px;
}
#community-banner h4 {
  font-size: 24px;
  letter-spacing: 0.012em;
  font-weight: 200;
  opacity: 0.9;
  margin-top: 30px;
}

#community-desc, #community-links {
  margin-top: 20px;
}
#community-desc h2, #community-links h2 {
  font-size: 20px;
  line-height: 29px;
}
#community-desc p, #community-desc ul li, #community-links p, #community-links ul li {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

#awesome button.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#awesome .navbar-toggle {
  background-color: #888;
}
#awesome .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.tos .static-hero {
  margin-top: 280px;
  margin-bottom: 0;
}
.tos .static-hero h1 {
  color: #1a2024;
  top: 220px;
}
@media (min-width: 768px) {
  .tos .static-body {
    width: 80%;
    margin: 0 auto;
    padding-top: 0;
  }
}
.tos .static-body h2 {
  font-size: 23px;
  margin-top: 80px;
}
.tos .static-body p,
.tos .static-body ul li {
  line-height: 26px;
  font-size: 16px;
  color: #4a5658;
  margin: 18px 0;
}
.tos .static-body ul {
  margin-left: 10px;
  font-size: 16px;
}
.tos .static-body ul li {
  padding-left: 12px;
  margin-left: 12px;
  list-style: disc;
}
.tos .static-body strong {
  color: #1a2024;
}
.tos .static-body .contents h3 {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #9Ba5aa;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tos .static-body .contents ul {
  margin: 0;
  padding: 0;
}
.tos .static-body .contents li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
}
.tos .edited p {
  margin: 100px 0;
  color: #9Ba5aa;
}

.large-avatar {
  width: 150px;
  border-radius: 150px;
}

.medium-avatar {
  width: 100px;
  border-radius: 100px;
}

.small-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.mini-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.micro-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50px;
}

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

.case-study-wrapper .researcher-info-module {
  *zoom: 1;
}
.case-study-wrapper .researcher-info-module:before, .case-study-wrapper .researcher-info-module:after {
  content: "";
  display: table;
}
.case-study-wrapper .researcher-info-module:after {
  clear: both;
}
.case-study-wrapper .researcher-info-module .img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.case-study-wrapper .researcher-info-module .body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}

.start-page-wrapper {
  position: relative;
}
.start-page-wrapper h2 {
  color: #4a5658;
  font-size: 27px;
  margin-top: 100px;
  text-align: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper .start-hero {
  margin-bottom: -120px;
  top: -120px;
  height: 700px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: #000;
  text-align: center;
}
@media (min-width: 768px) {
  .start-page-wrapper .start-hero {
    margin-bottom: -80px;
    top: -80px;
  }
}
.start-page-wrapper .start-hero h1, .start-page-wrapper .start-hero p, .start-page-wrapper .start-hero a {
  color: #FFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper .start-hero h1 {
  font-size: 30px;
  width: 100vw;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 300px;
  font-family: "Copernicus", Times;
  letter-spacing: 0.04rem;
  font-feature-settings: "kern" 1, "liga" 0;
  text-rendering: optimizeLegibility;
}
@media (min-width: 768px) {
  .start-page-wrapper .start-hero h1 {
    font-size: 38px;
  }
}
.start-page-wrapper .start-hero p {
  font-size: 20px;
  letter-spacing: 0.01rem;
  font-weight: 400;
}
.start-page-wrapper .start-hero a {
  margin-top: 21px;
  display: inline-block;
}
.start-page-wrapper .start-hero .btn {
  font-size: 20px;
  font-weight: 600;
  padding: 12px 19px;
  border-radius: 9px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #36ac9c;
  border-color: #36ac9c;
}
.start-page-wrapper .start-hero .js-button {
  display: inline-block;
}
.start-page-wrapper .start-hero .placeholder {
  color: #FFF;
}
.start-page-wrapper .start-hero .video-cover {
  background-color: #000;
  position: absolute;
  opacity: 0.5;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  min-height: 100%;
  min-width: 100%;
  mix-blend-mode: darken;
}
.start-page-wrapper .start-hero .video-background video {
  background: #000;
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 1420px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  pointer-events: none;
}
.start-page-wrapper .start-hero .container {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  top: -10px;
  height: 110%;
}
@media (min-width: 768px) {
  .start-page-wrapper .start-hero .container {
    padding: 0;
    width: 100%;
  }
}
.start-page-wrapper .protocol {
  background: linear-gradient(to top, #F3F8F7 0%, #ECF2F8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$gradient-2", endColorstr="$gradient-1",GradientType=0 ); /* IE6-9 */
}
@media (min-width: 768px) {
  .start-page-wrapper .protocol {
    min-height: 770px;
  }
}
.start-page-wrapper .protocol h2, .start-page-wrapper .protocol p {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .start-page-wrapper .protocol h2, .start-page-wrapper .protocol p {
    width: 62%;
  }
}
.start-page-wrapper .protocol h2 {
  margin-top: 80px;
  margin-bottom: -10px;
  line-height: 36px;
}
.start-page-wrapper .protocol p {
  padding: 16px 0 22px 0;
  color: #74878a;
}
.start-page-wrapper .protocol .col-md-6 {
  padding: none;
}
.start-page-wrapper .protocol .steps ul li {
  cursor: pointer;
  padding: 16px 21px;
  background: transparent;
  margin: 0 auto;
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 17px;
  color: #5f6b70;
  border-radius: 6px;
  border-size: 2px;
  border-color: transparent;
  list-style-type: none;
  webkit-box-shadow: 2px 2px 84px #cdd2d4;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .start-page-wrapper .protocol .steps ul li {
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
@media (min-width: 768px) {
  .start-page-wrapper .protocol .steps .glow {
    transition: all ease-in-out 0.2s;
    box-shadow: 0 2px 13px -4px #9Ba5aa;
    background-color: #FFF;
    color: #1a2024;
  }
}
.start-page-wrapper .protocol .steps ul {
  padding: 0;
}
.start-page-wrapper .protocol .steps span {
  font-weight: 700;
  font-size: 20px;
  margin-right: 11px;
  color: #9Ba5aa;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper .protocol .steps .first {
  color: #14B478;
}
.start-page-wrapper .protocol .steps .second {
  color: #0FBA8A;
}
.start-page-wrapper .protocol .steps .third {
  color: #10B399;
}
.start-page-wrapper .protocol .steps .fourth {
  color: #2CB5BB;
}
.start-page-wrapper .protocol .steps .fifth {
  color: #09A5DC;
}
.start-page-wrapper .protocol .steps .sixth {
  color: #0080DC;
}
.start-page-wrapper .protocol .steps .seventh {
  color: #0540E8;
}
.start-page-wrapper .protocol .screens {
  margin-top: 14px;
}
.start-page-wrapper .protocol .screens .image-overlay {
  display: none;
  width: 407px;
  height: 400px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .start-page-wrapper .protocol .screens .image-overlay {
    display: inline-block;
  }
}
.start-page-wrapper .protocol .screens .image-overlay img {
  height: 378px;
  width: auto;
  position: relative;
}
.start-page-wrapper .protocol .screens .image-overlay .hover-1 {
  left: 0px;
}
.start-page-wrapper .protocol .screens .image-overlay .hover-2 {
  left: -416px;
}
.start-page-wrapper .protocol .screens .image-overlay .hover-3 {
  left: -832px;
}
.start-page-wrapper .protocol .screens .image-overlay .hover-4 {
  left: -1248px;
}
.start-page-wrapper .protocol .screens .image-overlay .hover-5 {
  left: -1664px;
}
.start-page-wrapper .protocol .screens .image-overlay .hover-6 {
  left: -2074px;
}
.start-page-wrapper .protocol .cta {
  text-align: center;
  margin-top: 20px;
}
.start-page-wrapper .protocol .cta .btn {
  font-size: 18px;
  font-weight: 600;
  padding: 12px 19px;
  margin-top: 12px;
  margin-bottom: 22px;
  border-radius: 9px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper .protocol .cta p {
  margin-bottom: -50px;
}
.start-page-wrapper section.tagline {
  display: none;
  background-color: #0F7076;
  width: 100%;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .start-page-wrapper section.tagline {
    height: 280px;
  }
}
.start-page-wrapper section.tagline h2, .start-page-wrapper section.tagline h3, .start-page-wrapper section.tagline p {
  color: #FFF;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper section.tagline h2 {
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 66px;
  line-height: 32px;
}
.start-page-wrapper section.tagline .col-md-3 {
  padding: 0;
  width: 50%;
  display: inline-block;
}
@media (min-width: 768px) {
  .start-page-wrapper section.tagline .col-md-3 {
    width: 25%;
    display: inline-block;
    padding-left: 40px;
  }
}
.start-page-wrapper section.tagline .stats {
  display: none;
}
@media (min-width: 768px) {
  .start-page-wrapper section.tagline .stats {
    width: 680px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: inline-block;
  }
  .start-page-wrapper section.tagline .stats p {
    color: #69B4BD;
    font-size: 14px;
    text-align: left;
  }
  .start-page-wrapper section.tagline .stats p span {
    color: #FFF;
    font-size: 21px;
    display: block;
    font-weight: 600;
    margin-bottom: -3px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.start-page-wrapper section.success {
  padding: 100px 0 40px 0;
}
.start-page-wrapper section.success h2, .start-page-wrapper section.success p {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.success h2, .start-page-wrapper section.success p {
    width: 520px;
  }
}
.start-page-wrapper section.success p {
  color: #74878a;
}
.start-page-wrapper section.success .lilbub img {
  width: 100%;
  margin: 0 auto;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.success .lilbub img {
    width: 490px;
    margin: 0;
  }
}
.start-page-wrapper section.success .row {
  margin: 60px 0;
  padding: 0;
}
.start-page-wrapper section.success .row p, .start-page-wrapper section.success .row a {
  width: 100%;
  line-height: 27px;
  margin: 10px 0 30px 0px;
  text-align: left;
}
@media (min-width: 768px) {
  .start-page-wrapper section.success .row p, .start-page-wrapper section.success .row a {
    width: 420px;
    margin: 10px 0 20px 30px;
  }
}
.start-page-wrapper section.success .row p.title, .start-page-wrapper section.success .row a.title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #4a5658;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper section.success .row a {
  color: #FFF;
  background-color: #F6694B;
  border-color: #F6694B;
  display: inline;
  width: auto;
  font-weight: 600;
  border-radius: 25px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.start-page-wrapper section.success .row .label {
  font-size: 13px;
  margin: 10px 0;
  font-weight: 600;
  letter-spacing: 1.4px;
  color: #9Ba5aa;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .start-page-wrapper section.success .row .label {
    margin: -7px 0 3px 30px;
    font-size: 11px;
  }
}
.start-page-wrapper section.labnotes {
  margin-bottom: 70px;
}
.start-page-wrapper section.labnotes p {
  color: #9Ba5aa;
  margin-left: 8px;
  margin-bottom: 22px;
}
.start-page-wrapper section.labnotes .name {
  display: inline-block;
  margin-bottom: 7px;
}
.start-page-wrapper section.labnotes .name span {
  margin-left: 4px;
  font-size: 14px;
  color: #9Ba5aa;
}
.start-page-wrapper section.labnotes .name a {
  margin-left: 4px;
  font-size: 14px;
  color: #4a5658;
}
.start-page-wrapper section.labnotes .name img {
  vertical-align: middle;
  margin-right: 6px;
  margin-left: -1px;
}
.start-page-wrapper section.labnotes .title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.start-page-wrapper section.labnotes .preview-thumb {
  height: 160px;
  min-width: 222px;
}
.start-page-wrapper section.labnotes .scroll-holder {
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 1180px;
  height: 430px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.labnotes .scroll-holder {
    overflow: hidden;
  }
}
.start-page-wrapper section.labnotes .row::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #FFF;
}
.start-page-wrapper section.labnotes .row::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #FFF;
}
.start-page-wrapper section.labnotes .row::-webkit-scrollbar-thumb {
  border-radius: 2px;
  height: 4px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #ddd;
}
.start-page-wrapper section.labnotes .row {
  width: 97vw;
  height: 402px;
  overflow-x: scroll;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .start-page-wrapper section.labnotes .row {
    width: 980px;
    margin: 0;
    overflow: hidden;
    box-shadow: none;
  }
}
.start-page-wrapper section.labnotes .col-md-3 {
  transition: all ease-in-out 0.14s;
  display: inline-block;
  width: 283px;
  margin: 0;
  vertical-align: top;
}
.start-page-wrapper section.labnotes .col-md-3:hover {
  position: relative;
  margin-top: -2px;
}
.start-page-wrapper section.labnotes .col-md-3:hover .labnote-card {
  transition: all ease-in-out 0.2s;
  box-shadow: 0 2px 13px -3px #D6D6D6;
}
@media (min-width: 768px) {
  .start-page-wrapper section.labnotes .col-md-3 {
    padding: 0 5px;
    display: inline-block;
    width: 246px;
    margin: 0;
  }
}
.start-page-wrapper section.labnotes .labnote-card {
  height: 342px;
  margin: 0;
}
.start-page-wrapper section.labnotes .labnote-card .title {
  line-height: 18px;
  margin-bottom: 0;
}
.start-page-wrapper section.labnotes .labnote-card .project {
  font-size: 14px;
  line-height: 19px;
  color: #9Ba5aa;
  margin-bottom: 20px;
}
.start-page-wrapper section.payouts {
  margin-bottom: 30px;
  padding-bottom: 0px;
  background-color: #F4F6F7;
}
.start-page-wrapper section.payouts h2 {
  text-align: center;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts h2 {
    text-align: left;
  }
}
.start-page-wrapper section.payouts p {
  color: #74878a;
}
.start-page-wrapper section.payouts .fees {
  margin-top: 30px;
  width: auto;
  background-color: #FFF;
  border-radius: 7px;
  display: block;
  margin: 0 auto;
  padding: 10px 26px 22px 26px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .fees {
    margin-top: 170px;
    width: 357px;
  }
}
.start-page-wrapper section.payouts .fees h4 {
  color: #434D56;
  display: inline-block;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 2px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper section.payouts .fees p, .start-page-wrapper section.payouts .fees span {
  margin: 0;
  padding: 0;
  display: inline;
  color: #9Ba5aa;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper section.payouts .fees span {
  margin: 0 20px;
  display: inline;
  font-size: 28px;
  line-height: 10px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .fees span {
    position: relative;
    left: -40px;
    top: -14px;
    margin: 0;
  }
}
.start-page-wrapper section.payouts .platform-fees {
  vertical-align: top;
  width: 30%;
  display: inline-block;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .platform-fees {
    width: 121px;
  }
}
.start-page-wrapper section.payouts .plus {
  margin-right: 40px;
  color: #9Ba5aa;
  vertical-align: top;
}
.start-page-wrapper section.payouts .processing-fees {
  width: 50%;
  display: inline-block;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .processing-fees {
    width: 180px;
  }
}
.start-page-wrapper section.payouts .guide-link {
  color: #9Ba5aa;
  text-align: center;
  display: block;
  font-size: 15px;
}
.start-page-wrapper section.payouts .guide-link a {
  margin-left: 4px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a5658;
}
.start-page-wrapper section.payouts .popout {
  padding: 20px 11px;
  height: auto;
  display: inline-block;
  background-color: white;
  box-shadow: 0px 2px 13px -3px #D4D9DB;
  border-radius: 4px;
  position: relative;
  top: 50px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .popout {
    width: 100%;
    height: 70px;
    padding: 20px;
  }
}
.start-page-wrapper section.payouts .popout h4 {
  display: block;
  text-align: center;
  width: auto;
  min-width: 102px;
  margin-left: 30px;
  position: relative;
  font-size: 14px;
  line-height: 19px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a5658;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .popout h4 {
    display: inline-block;
    text-align: left;
    width: 10%;
  }
}
.start-page-wrapper section.payouts .popout ul {
  padding: 30px 0px;
  width: auto;
  position: relative;
  text-align: left;
  display: inline-block;
  list-style: none;
  vertical-align: middle;
  margin: -14px 0 0 0;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .popout ul {
    padding: 0;
    width: 84%;
  }
}
.start-page-wrapper section.payouts .popout ul li:before {
  content: "•";
  color: #36ac9c;
  opacity: 0.3;
  font-size: 60px;
  left: -26px;
  position: relative;
  display: inline-block;
  width: 0px;
  top: -4px;
  vertical-align: middle;
}
.start-page-wrapper section.payouts .popout ul li {
  margin-left: 17%;
  width: 80%;
  line-height: 20px;
  display: inline-block;
  font-size: 14px;
  color: #4a5658;
  vertical-align: top;
}
@media (min-width: 768px) {
  .start-page-wrapper section.payouts .popout ul li {
    margin-left: 7%;
    width: 17%;
  }
}
.start-page-wrapper section.faq {
  min-height: 740px;
}
.start-page-wrapper section.faq .title {
  text-align: center;
  font-weight: 600;
  margin: 90px 0 20px 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper section.faq .row {
  margin-top: -5px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.faq .row {
    margin-top: 0px;
  }
}
.start-page-wrapper section.faq .questions button {
  width: 100%;
  padding: 18px 26px 15px 26px;
  border-radius: 8px;
  background-color: #FFF;
  white-space: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  word-break: break-word;
}
@media (min-width: 768px) {
  .start-page-wrapper section.faq .questions button {
    width: 98%;
  }
}
.start-page-wrapper section.faq .questions button .constrain-width {
  width: 92%;
  font-size: 18px;
  color: #4a5658;
  float: left;
}
.start-page-wrapper section.faq .questions button span {
  float: right;
  font-size: 22px;
  color: #22B0C1;
}
.start-page-wrapper section.faq .questions button.one {
  background-color: #EDF3FD;
}
.start-page-wrapper section.faq .questions button.two {
  background-color: #EEF4FC;
}
.start-page-wrapper section.faq .questions button.three {
  background-color: #F1F6FB;
}
.start-page-wrapper section.faq .questions button.four {
  background-color: #F2F7FB;
}
.start-page-wrapper section.faq .questions button.five {
  background-color: #F3F8FA;
}
.start-page-wrapper section.faq .questions button.six {
  background-color: #F3F9FA;
}
.start-page-wrapper section.faq .questions button.seven {
  background-color: #F3FAF9;
}
.start-page-wrapper section.faq .questions .btn {
  box-shadow: none;
}
.start-page-wrapper section.faq .questions .question {
  margin: 5px 0;
}
.start-page-wrapper section.faq .questions .col-md-6 {
  padding: 0;
}
.start-page-wrapper section.faq .questions .answer {
  padding: 12px 26px 12px 12px;
  color: #4a5658;
  margin-bottom: -21px;
}
.start-page-wrapper section.faq .questions .answer p {
  font-size: 18px;
  line-height: 28px;
  margin-top: 3px;
  margin-bottom: 44px;
}
@media (min-width: 768px) {
  .start-page-wrapper section.faq .questions .answer p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.start-page-wrapper section.faq .guide-link {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 12px;
}
.start-page-wrapper section.faq .guide-link p {
  line-height: 32px;
  display: inline;
}
@media (min-width: 768px) {
  .start-page-wrapper section.faq .guide-link p {
    line-height: 42px;
  }
}
.start-page-wrapper section.faq .guide-link .btn {
  display: block;
  margin: 16px 10vw;
  border-radius: 17px;
  border: 2px solid #F6694B;
  background-color: #F6694B;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
}
@media (min-width: 768px) {
  .start-page-wrapper section.faq .guide-link .btn {
    display: inline;
    margin: 0 0 0 15px;
  }
}
.start-page-wrapper section.proof {
  background-color: #F4F6F7;
  height: auto;
  padding: 20px 0 40px 0;
}
.start-page-wrapper section.proof .quote {
  background-color: #FFF;
  border-radius: 7px;
  padding: 40px;
  display: block;
  margin-top: 40px;
  margin-bottom: 80px;
  box-shadow: 0px 2px 13px -3px #D4D9DB;
}
.start-page-wrapper section.proof .quote .muted {
  color: #9Ba5aa;
  font-size: 15px;
  margin-bottom: 20px;
}
.start-page-wrapper section.proof .quote p {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 29px;
}
.start-page-wrapper section.proof .quote .name {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
.start-page-wrapper section.proof .quote .name p {
  font-size: 16px;
}
.start-page-wrapper section.proof .quote .name img {
  height: 50px;
  width: 50px;
  margin-top: 20px;
}
.start-page-wrapper section.proof .quote .name a {
  color: #4a5658;
  font-weight: 600;
}
.start-page-wrapper section.proof .logos p {
  display: block;
  width: 100%;
  color: #9Ba5aa;
  vertical-align: top;
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 15px;
  text-align: center;
}
.start-page-wrapper section.proof .logos img {
  display: block;
  margin: 0 auto;
  filter: grayscale(100%);
  opacity: 0.3;
  width: 100%;
}
@media (min-width: 768px) {
  .start-page-wrapper section.proof .logos img {
    width: 718px;
  }
}
.start-page-wrapper .footer {
  background: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/start/bethany.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}
.start-page-wrapper .footer h2, .start-page-wrapper .footer button, .start-page-wrapper .footer p {
  text-align: center;
  color: #FFF;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-page-wrapper .footer h2 {
  margin-top: 210px;
}
.start-page-wrapper .footer p {
  width: 90%;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .start-page-wrapper .footer p {
    width: 50%;
  }
}
.start-page-wrapper .footer .btn {
  padding: 16px 22px;
  margin: 0 auto;
  font-weight: 600;
  font-size: 20px;
  border-radius: 10px;
}
.start-page-wrapper .footer .btn:hover {
  top: -2px;
  transition: all ease-in-out 0.2s;
  position: relative;
}

.start-modal .modal {
  text-align: center;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 0;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.start-modal .js-close {
  color: #9Ba5aa !important;
  padding: 40px;
}
.start-modal .js-close p {
  font-size: 2vh;
  display: inline;
}
.start-modal .js-close:hover {
  opacity: 0.8;
  transition-duration: 0.2s;
}
.start-modal .js-button {
  margin-top: 40px;
}
.start-modal .btn-secondary {
  background: none;
  border: 3px solid #FFF;
  color: #FFF;
}
.start-modal .btn-secondary:hover {
  background: rgba(54, 172, 156, 0.3);
  border: 3px solid #36ac9c;
}
.start-modal .start-modal-content {
  margin-top: 12%;
}
.start-modal .start-modal-content h2 {
  font-size: 34px;
  font-family: "Copernicus", Times;
}
.start-modal .start-modal-content p {
  font-size: 20px;
  color: #9Ba5aa;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.start-modal .start-modal-content .notice {
  width: 80%;
  background: #F7D7D6;
  color: #b94a48;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #b94a48;
  margin: 0 auto;
}
.start-modal .start-modal-content .start-form-input-container {
  width: 78%;
  margin: 0 auto;
}
.start-modal .start-modal-content input[type=text] {
  color: #1a2024;
  font-size: 24px;
  border: none;
  height: 44px;
  border-radius: 0;
  border-bottom: 2px solid #cfd4d7;
  margin-top: 120px;
  margin-bottom: 22px;
  padding: 9px 3px;
  transition: 0.17s;
  width: 100%;
}
.start-modal .start-modal-content input[type=text]:active, .start-modal .start-modal-content input[type=text]:focus {
  border-color: #36ac9c;
}
.start-modal .start-modal-content input,
.start-modal .start-modal-content textarea {
  font-size: 24px;
  padding: 10px;
  color: #5eb0c0;
  text-shadow: 0px 0px 0px #4a5658;
  -webkit-text-fill-color: transparent;
}
.start-modal .start-modal-content input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  color: #4a5658;
}
.start-modal .start-modal-content input:focus::-webkit-input-placeholder {
  color: #9Ba5aa;
}
.start-modal .start-modal-content input::-webkit-input-placeholder {
  color: #b9b9b9;
  text-shadow: none;
  padding-left: 5px;
  -webkit-text-fill-color: initial;
}
.start-modal .start-modal-content .start-continue-btn {
  padding: 14px 22px;
  font-size: 24px;
  border-radius: 9px;
  color: #FFF;
  font-weight: 600;
  text-shadow: 0px 0px 0px #FFF;
  float: right;
  position: relative;
  top: -68px;
}
.start-modal .start-modal-content .hint {
  box-sizing: border-box;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
  -webkit-animation-direction: 0.3s;
          animation-direction: 0.3s;
  top: 0;
  width: 70%;
  padding: 10px 15px;
  border: 2px solid #83c5cd;
  border-radius: 6px;
  color: #439ca7;
  background-color: #f0f8f9;
  position: relative;
  text-align: left;
  font-size: 18px;
}
.start-modal .start-modal-content .hint:before, .start-modal .start-modal-content .hint:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
}
.start-modal .start-modal-content .hint:before {
  top: -22px;
  left: 28px;
  border-bottom-color: #83c5cd;
  border-width: 10px;
}
.start-modal .start-modal-content .hint:after {
  top: -19px;
  left: 28px;
  border-bottom-color: #f0f8f9;
  border-width: 10px;
}
.start-modal .start-modal-content .danger {
  color: #FF7979;
  text-align: left;
}
.start-modal .start-modal-content .danger a {
  color: #FF7979;
  text-decoration: underline;
}
.start-modal .modal-loading {
  width: 100% !important;
}

.labnote-feed {
  -webkit-font-smoothing: antialiased;
}
.labnote-feed .animated {
  transition-delay: 0s;
  transition-duration: 0.1s;
}
.labnote-feed .filter-container {
  height: 60px;
}
.labnote-feed .container {
  padding: 0px;
}
.labnote-feed .container hr {
  display: none;
}
@media (min-width: 768px) {
  .labnote-feed .container hr {
    display: block;
  }
}
@media (min-width: 768px) {
  .labnote-feed .container {
    padding: 15px;
  }
}
.labnote-feed .loading-labnote-box {
  background-color: #FFF;
  height: 400px;
  margin-bottom: 40px;
  width: 100%;
  display: inline-block;
}
@media (min-width: 768px) {
  .labnote-feed .loading-labnote-box {
    width: 85%;
  }
}
.labnote-feed .logged-out-banner {
  height: 250px;
  width: 100%;
  text-align: center;
  border-radius: 3px;
  color: #FFF;
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/labnotes_banner.png");
  background-size: cover;
}
.labnote-feed .logged-out-banner h2 {
  color: #FFF;
  font-weight: 100;
  padding-top: 70px;
  padding-bottom: 10px;
}
.labnote-feed .logged-out-banner .btn-lg {
  font-size: 1em;
}
@media (min-width: 768px) {
  .labnote-feed .logged-out-banner {
    width: 97%;
  }
}
.labnote-feed .nav-tags-container {
  margin-top: 10px;
}
.labnote-feed .feed-tag {
  font-size: 0.8em;
  display: inline-block;
  border: 1px solid #004E6D;
  border-radius: 3px;
  margin: 0px 2px 6px 5px;
  padding: 3px 5px;
  font-weight: bold;
  transition-duration: 0.2s;
}
.labnote-feed .feed-tag a {
  transition-duration: 0.22s;
  color: #004E6D;
}
.labnote-feed .feed-tag a:hover {
  opacity: 1;
  color: #FFF;
}
.labnote-feed .feed-tag:hover {
  transition-duration: 0.2s;
  cursor: pointer;
  background-color: #004E6D;
}
.labnote-feed .feed-tag:hover a {
  color: #FFF;
}
.labnote-feed .grant-card {
  margin: 0px 10px;
}
.labnote-feed .grant-card .background-cover {
  overflow: hidden;
  height: 100%;
  z-index: 2;
  border-radius: 5px;
  opacity: 0.85;
}
.labnote-feed .grant-card:hover .background-cover {
  opacity: 0.7;
}
.labnote-feed .grant-card .grant-holder {
  width: 100%;
  height: 160px;
  text-align: center;
  border-radius: 5px;
  background-size: cover;
  color: #FFF;
}
.labnote-feed .grant-card .grant-holder .grant-text {
  position: relative;
  z-index: 3;
  margin-top: -120px;
  padding: 5px;
}
.labnote-feed .grant-card .grant-holder .grant-text h4 {
  font-size: 0.9em;
  color: #FFF;
  font-family: "Copernicus", Times;
  line-height: 130%;
}
.labnote-feed .filters {
  background-color: #F6F6F5;
  padding: 8px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .labnote-feed .filters {
    padding: 0px;
    background-color: transparent;
    padding-bottom: 0px;
  }
}
.labnote-feed .filters .filter-title {
  font-weight: bold;
  margin: 0px 0px 0px 4px;
}
@media (min-width: 768px) {
  .labnote-feed .filters .filter-title {
    margin: 0px 12px 0px 0px;
    display: inline-block;
  }
}
.labnote-feed .filters .feed-filter {
  display: inline-block;
  margin: 0px 4px;
  padding: 3px 4px;
  background-color: #004E6D;
  border-radius: 3px;
  font-size: 0.75em;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .labnote-feed .filters .feed-filter {
    margin: 0px 12px;
    background-color: transparent;
    font-size: 1em;
    opacity: 1;
  }
}
.labnote-feed .filters .feed-filter .fa {
  display: none;
}
@media (min-width: 768px) {
  .labnote-feed .filters .feed-filter .fa {
    margin-right: 7px;
    display: inline-block;
  }
}
.labnote-feed .filters .feed-filter .pledge-icon {
  display: none;
}
@media (min-width: 768px) {
  .labnote-feed .filters .feed-filter .pledge-icon {
    background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/badge-dark.png");
    background-position: center;
    background-size: cover;
    display: inline-block;
    height: 16px;
    width: 13px;
    margin-bottom: -2px;
    margin-right: 5px;
  }
}
.labnote-feed .filters .feed-filter a {
  cursor: pointer;
  color: #FFF;
}
@media (min-width: 768px) {
  .labnote-feed .filters .feed-filter a {
    color: #555;
  }
}
@media (min-width: 768px) {
  .labnote-feed .filters .feed-filter.selected a {
    border-bottom: 2px solid #36ac9c;
    font-weight: bold;
  }
}
.labnote-feed .filters .feed-filter.selected, .labnote-feed .filters .feed-filter:hover {
  opacity: 1;
}
@media (min-width: 768px) {
  .labnote-feed .filters .feed-filter.selected a, .labnote-feed .filters .feed-filter:hover a {
    color: #36ac9c;
  }
}
.labnote-feed .filters .feed-filter.selected .pledge-icon, .labnote-feed .filters .feed-filter:hover .pledge-icon {
  background-image: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/badge.png");
}
.labnote-feed .sidebar-nav {
  display: none;
}
@media (min-width: 768px) {
  .labnote-feed .sidebar-nav {
    display: inline-block;
    width: 25%;
    float: right;
  }
  .labnote-feed .sidebar-nav .section {
    margin: 40px 0px;
  }
  .labnote-feed .sidebar-nav .section-title {
    border-bottom: 2px solid #ddd;
    color: #aaa;
  }
}
.labnote-feed .author-column {
  width: 12%;
  display: inline-block;
  float: left;
  height: 80px;
  z-index: 11;
  position: relative;
}
.labnote-feed .feed-container {
  background-color: #F6F6F5;
}
.labnote-feed .feed-container .container {
  padding: 0px;
}
.labnote-feed .feed-content {
  display: inline-block;
  padding: 0px;
  width: 100%;
}
@media (min-width: 768px) {
  .labnote-feed .feed-content {
    width: 74%;
  }
}
.labnote-feed .mobile-project-box {
  font-size: 0.8em;
  font-weight: bold;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .labnote-feed .mobile-project-box {
    display: none;
  }
}
.labnote-feed .mobile-project-box .project-title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.labnote-feed .mobile-project-box .project-title a {
  color: inherit;
}
.labnote-feed .mobile-project-box .mobile-author {
  font-weight: normal;
  color: #9Ba5aa;
}
.labnote-feed .mobile-project-box .mobile-author a {
  color: inherit;
}
.labnote-feed .labnote {
  margin: 10px 0px;
}
@media (min-width: 768px) {
  .labnote-feed .labnote {
    margin: 40px 0px;
  }
}
.labnote-feed .labnote .read-more {
  color: #9Ba5aa;
}
.labnote-feed .labnote .meta {
  border-top: 1px solid #F2F3F4;
  padding: 15px 0px 15px 10px;
  margin-top: 20px;
}
.labnote-feed .labnote .meta .feed-tags {
  padding: 0px;
  text-align: center;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .meta .feed-tags {
    text-align: inherit;
  }
}
.labnote-feed .labnote .project-side-thumb {
  height: 50px;
  width: 50px;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .project-side-thumb {
    height: 60px;
    width: 60px;
    margin-bottom: 0px;
  }
}
.labnote-feed .labnote .author {
  position: relative;
}
.labnote-feed .labnote .author .author-info-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.labnote-feed .labnote .author .author-info {
  display: none;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-duration: 0.22s;
          animation-duration: 0.22s;
}
.labnote-feed .labnote .author .author-info .arrow-up {
  width: 0;
  height: 0;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .author .author-info .arrow-up {
    right: -22px;
    margin-top: -36px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #1a2024;
    position: relative;
  }
}
.labnote-feed .labnote .author:hover {
  opacity: 1;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .author:hover .author-info {
    display: block;
    z-index: 120;
    color: #FFF;
    background-color: #1a2024;
    box-shadow: 0 2px 11px -4px #777;
    padding: 25px 9px 10px 10px;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-top: 30px;
    border-radius: 5px;
    width: 100%;
    max-width: 380px;
    margin-left: 0px;
    position: relative;
    top: -35px;
  }
  .labnote-feed .labnote .author:hover .author-info .institution {
    font-size: 12px;
    color: #E8ECED;
    font-weight: normal;
    line-height: 16px;
  }
}
.labnote-feed .labnote .author-avatar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  border: 3px solid #F2F3F4;
  height: 30px;
  width: 30px;
  top: -50px;
  left: 30px;
  position: relative;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .author-avatar {
    height: 40px;
    width: 40px;
    top: -20px;
    left: 30px;
  }
}
.labnote-feed .labnote .project-box {
  font-weight: bold;
  padding: 10px;
  display: none;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .project-box {
    padding: 20px;
    display: block;
  }
}
.labnote-feed .labnote .project-box a {
  color: inherit;
}
.labnote-feed .labnote .labnote-box {
  position: relative;
  z-index: 10;
  background-color: #FFF;
  border-radius: 3px;
  padding: 0px;
  width: 100%;
  display: inline-block;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .labnote-box {
    width: 85%;
  }
}
.labnote-feed .labnote .featured-labnote-image {
  width: 100%;
  height: 200px;
  background-size: cover;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .featured-labnote-image {
    height: 350px;
  }
}
.labnote-feed .labnote .display-date {
  font-size: 0.9em;
  color: #9Ba5aa;
  padding: 10px;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .display-date {
    padding: 20px;
  }
}
.labnote-feed .labnote .labnote-title {
  padding: 0px 10px;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .labnote-title {
    padding: 0px 20px;
  }
}
.labnote-feed .labnote .labnote-title h2 {
  margin: 0px;
}
.labnote-feed .labnote .labnote-title h2 a {
  font-family: "Copernicus", Times;
  color: #1a2024;
  word-break: break-word;
}
.labnote-feed .labnote .arrow-left {
  width: 0;
  height: 0;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .arrow-left {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #FFF;
    position: relative;
    top: 20px;
    left: -15px;
    float: left;
  }
}
.labnote-feed .labnote .content {
  word-break: break-word;
  padding: 0px 10px;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .content {
    padding: 0px 20px;
  }
  .labnote-feed .labnote .content p {
    line-height: 25px;
  }
}
.labnote-feed .labnote .content img {
  width: 100%;
}
.labnote-feed .labnote .social-stats {
  margin: 10px 0px;
  padding: 0px;
  text-align: center;
  color: #aaa;
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .labnote-feed .labnote .social-stats {
    text-align: inherit;
    font-size: 15px;
    margin: 0px;
    padding: 5px 0px;
    left: 14px;
    position: relative;
  }
}
.labnote-feed .labnote .social-stats .stat, .labnote-feed .labnote .social-stats .like {
  padding: 3px 5px;
  margin: 0px 4px;
  font-weight: 600;
}
.labnote-feed .labnote .social-stats .stat i, .labnote-feed .labnote .social-stats .like i {
  color: #aaa;
  margin: 0px 2px;
}
.labnote-feed .labnote .social-stats .stat .fa-heart-o, .labnote-feed .labnote .social-stats .like .fa-heart-o {
  color: #D97471;
  font-size: 0.95em;
}
.labnote-feed .labnote .social-stats .stat .fa-comment-o, .labnote-feed .labnote .social-stats .like .fa-comment-o {
  font-size: 16px;
  margin-right: 4px;
}
.labnote-feed .labnote .social-stats .stat svg, .labnote-feed .labnote .social-stats .like svg {
  height: 18px;
  vertical-align: middle;
  margin-right: 3px;
}
.labnote-feed .labnote .social-stats .like-count, .labnote-feed .labnote .social-stats .stat-count {
  color: #1a2024;
  margin-right: 4px;
  margin-left: 2px;
  display: inline-block;
  min-width: 8px;
}
.labnote-feed .labnote .social-stats .stat:hover .fa-comment-o {
  font-size: 16px;
  color: #4a5658;
}
.labnote-feed .labnote .social-stats .stat i {
  font-size: 0.9em;
}
.labnote-feed .labnote .social-stats .stat span {
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.labnote-feed .labnote .social-stats .like {
  cursor: pointer;
}
.labnote-feed .labnote .social-stats .like:hover i {
  color: #FF746F;
}
.labnote-feed .labnote .social-stats .like i.liked {
  color: #DB5854;
  -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

#labnote-edit-nav {
  position: relative;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  height: 40px;
  margin-top: 30px;
  margin-bottom: 14px;
  text-align: center;
}

.comments {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.comments .logged-out-label {
  text-align: center;
}
.comments ul {
  margin: 0;
  margin-top: 30px;
  padding: 0;
}
.comments .user-avatar {
  float: left;
  width: 70px;
}
.comments .user-avatar img {
  border-radius: 100%;
  height: 50px;
  width: 50px;
}
.comments .in-reply-to, .comments .actions span {
  cursor: pointer;
  font-size: 12px;
  color: #aaa;
  margin-left: 5px;
}
.comments .in-reply-to {
  margin-left: 1px;
  margin-bottom: 2px;
}
.comments span.reply {
  margin: 0 12px 0 18px;
}
.comments .new-comment-form {
  width: 100%;
  display: inline-block;
}
@media (min-width: 768px) {
  .comments .new-comment-form {
    width: 720px;
  }
}
.comments .new-comment-form .btn {
  font-weight: 600;
  margin-left: 5px;
  margin-top: 0px;
}
.comments .new-comment-form textarea {
  margin: 0;
  width: 80%;
  float: left;
}
.comments .new-comment-form .error {
  display: inline-block;
  font-size: 13px;
  position: relative;
  margin-right: 4px;
  color: #FF7979;
}
.comments .comment {
  *zoom: 1;
  padding: 0px 10px 5px 10px;
  margin-left: -10px;
  transition: background-color 0.3s ease;
}
.comments .comment:before, .comments .comment:after {
  content: "";
  display: table;
}
.comments .comment:after {
  clear: both;
}
.comments .comment .media-img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.comments .comment .media-body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}
.comments .comment.hidden {
  display: none;
}
.comments .comment.shadowbanned {
  opacity: 0.3;
}
.comments .comment.highlighted {
  background-color: #FCEFC1;
  border-radius: 5px;
  transition-duration: 4s;
}
.comments .comment li {
  list-style: none;
}
.comments .comment .comment-content {
  margin-left: 70px;
}
@media (min-width: 768px) {
  .comments .comment .comment-content {
    width: 700px;
  }
}
.comments .comment .comment-content p {
  margin-top: 3px;
  font-size: 16px;
  line-height: 23px;
}
.comments .comment .comment-content .name {
  font-size: 16px;
}
.comments .comment .comment-content .date {
  margin: -3px 9px 9px 0;
  font-size: 13px;
  color: #9Ba5aa;
}
.comments .comment .comment-content .label {
  padding: 4px 5px 3px 5px;
  border-radius: 3px;
  display: inline;
  text-shadow: none;
  margin-left: 5px;
  font-size: 10px;
}
.comments .comment .comment-content .label[data-type=Researcher] {
  color: #CB7462;
  background-color: #FDD7CE;
}
.comments .comment .comment-content .label[data-type=Admin] {
  color: #408991;
  background-color: #C4E5E9;
}
.comments .comment .comment-content .label[data-type=Backer] {
  color: #2aab9c;
  background-color: #CFF1DB;
}
.comments .comment .comment-content .label[data-type=Backer]:before {
  content: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/nucleus/project_hand.png");
  position: relative;
  top: 4px;
  left: -2px;
}
.comments .comment .new-comment-form {
  margin-top: 10px;
}
.comments .comment .actions {
  margin-top: 2px;
}
.comments .comment .actions .remove:hover {
  color: red;
}
.comments .comment .actions .reply:hover {
  color: #5eb0c0;
}
.comments .comment .actions span {
  font-size: 13px;
}
.comments .comment .actions .like {
  font-size: 13px;
}
.comments .comment .actions .like i {
  font-size: 12px;
  cursor: pointer;
  color: #D97471;
}
.comments .comment .actions .like i:hover {
  color: #FF746F;
}
.comments .comment .actions .like i.liked {
  color: #DB5854;
  -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.comments .comment .actions .like i.liked:hover {
  color: #e0716d;
}
@-webkit-keyframes heartPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
}
@keyframes heartPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
}

.tag {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 8px;
  padding: 1px 5px;
  border: 2px solid #aaa;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  color: #444;
}
.tag.category {
  color: #FFF;
}
.tag.badge {
  border-color: #cce6eb;
}
.tag.all {
  background-color: #333;
  border-color: #333;
}
.tag.political_science {
  background-color: #6c5cab;
  border-color: #6c5cab;
}
.tag.anthropology {
  background-color: #B96D9E;
  border-color: #B96D9E;
}
.tag.art_and_design {
  background-color: #7E7DEC;
  border-color: #7E7DEC;
}
.tag.social_science {
  background-color: #89BEF7;
  border-color: #89BEF7;
}
.tag.economics {
  background-color: #456DB4;
  border-color: #456DB4;
}
.tag.biology {
  background-color: #1486b3;
  border-color: #1486b3;
}
.tag.chemistry {
  background-color: #5EB0C0;
  border-color: #5EB0C0;
}
.tag.ecology {
  background-color: #29a286;
  border-color: #29a286;
}
.tag.physics {
  background-color: #67D6C1;
  border-color: #67D6C1;
}
.tag.materials_science {
  background-color: #7BCF93;
  border-color: #7BCF93;
}
.tag.earth_science {
  background-color: #96b94f;
  border-color: #96b94f;
}
.tag.education {
  background-color: #FFAD55;
  border-color: #FFAD55;
}
.tag.paleontology {
  background-color: #fca88a;
  border-color: #fca88a;
}
.tag.medicine {
  background-color: #F86B48;
  border-color: #F86B48;
}
.tag.neuroscience {
  background-color: #FF5D58;
  border-color: #FF5D58;
}
.tag.psychology {
  background-color: #DF587C;
  border-color: #DF587C;
}
.tag.computer_science {
  background-color: #91CBDD;
  border-color: #91CBDD;
}
.tag.data_science {
  background-color: #CED5E9;
  border-color: #CED5E9;
}
.tag.engineering {
  background-color: #989898;
  border-color: #989898;
}
.tag.mathematics {
  background-color: #434343;
  border-color: #434343;
}

.category_container {
  display: inline-block;
  vertical-align: middle;
}
.category_container.all {
  background-color: #333;
}
.category_container.political_science {
  background-color: #6c5cab;
}
.category_container.anthropology {
  background-color: #B96D9E;
}
.category_container.art_and_design {
  background-color: #7E7DEC;
}
.category_container.social_science {
  background-color: #89BEF7;
}
.category_container.economics {
  background-color: #456DB4;
}
.category_container.biology {
  background-color: #1486b3;
}
.category_container.chemistry {
  background-color: #5EB0C0;
}
.category_container.ecology {
  background-color: #29a286;
}
.category_container.physics {
  background-color: #67D6C1;
}
.category_container.materials_science {
  background-color: #7BCF93;
}
.category_container.earth_science {
  background-color: #96b94f;
}
.category_container.education {
  background-color: #FFAD55;
}
.category_container.paleontology {
  background-color: #fca88a;
}
.category_container.medicine {
  background-color: #F86B48;
}
.category_container.neuroscience {
  background-color: #FF5D58;
}
.category_container.psychology {
  background-color: #DF587C;
}
.category_container.computer_science {
  background-color: #91CBDD;
}
.category_container.data_science {
  background-color: #CED5E9;
}
.category_container.engineering {
  background-color: #989898;
}
.category_container.mathematics {
  background-color: #434343;
}
.category_container.round {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  padding-top: 3px;
}
.category_container.round.large {
  width: 70px;
  height: 70px;
  border-radius: 35px;
}
.category_container.tag {
  border-radius: 3px;
  padding: 3px 9px;
  color: #fff;
}
.category_container.tag i.category_icon {
  margin-right: 5px;
}

.category_text {
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

i.category_icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/tag_icons-087938b1f64c0a1b11867abdeebc3ed1ef93a08634a4375bf550443d12b97ebf.png);
  background-repeat: no-repeat;
  background-size: 59px 88px;
}
i.category_icon.medicine {
  background-position: 0px 0px;
  height: 14px;
  width: 14px;
}
i.category_icon.biology {
  background-position: -15px 0px;
  height: 14px;
  width: 14px;
}
i.category_icon.political_science {
  background-position: -30px 0px;
  height: 14px;
  width: 14px;
}
i.category_icon.social_science {
  background-position: -45px 0px;
  height: 14px;
  width: 14px;
}
i.category_icon.ecology {
  background-position: 0px -15px;
  height: 14px;
  width: 14px;
}
i.category_icon.engineering {
  background-position: -15px -15px;
  height: 14px;
  width: 14px;
}
i.category_icon.psychology {
  background-position: -30px -15px;
  height: 14px;
  width: 14px;
}
i.category_icon.physics {
  background-position: -45px -15px;
  height: 14px;
  width: 14px;
}
i.category_icon.economics {
  background-position: 0px -30px;
  height: 14px;
  width: 14px;
}
i.category_icon.chemistry {
  background-position: -15px -30px;
  height: 14px;
  width: 14px;
}
i.category_icon.paleontology {
  background-position: -30px -30px;
  height: 14px;
  width: 14px;
}
i.category_icon.computer_science {
  background-position: -45px -30px;
  height: 14px;
  width: 14px;
}
i.category_icon.education {
  background-position: 0px -45px;
  height: 14px;
  width: 14px;
}
i.category_icon.all {
  background-position: -15px -45px;
  height: 14px;
  width: 14px;
}
i.category_icon.anthropology {
  background-position: -30px -45px;
  height: 14px;
  width: 14px;
}
i.category_icon.neuroscience {
  background-position: -45px -45px;
  height: 14px;
  width: 14px;
}
i.category_icon.mathematics {
  background-position: 0px -60px;
  height: 14px;
  width: 14px;
}
i.category_icon.materials_science {
  background-position: -15px -59px;
  height: 14px;
  width: 14px;
}
i.category_icon.earth_science {
  background-position: -30px -59px;
  height: 14px;
  width: 14px;
}
i.category_icon.data_science {
  background-position: -45px -59px;
  height: 14px;
  width: 14px;
}
i.category_icon.art_and_design {
  background-position: 0px -75px;
  height: 14px;
  width: 14px;
}
i.category_icon.large {
  background-size: 118px 176px;
}
i.category_icon.large.medicine {
  background-position: 0px 0px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.biology {
  background-position: -30px 0px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.political_science {
  background-position: -60px 0px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.social_science {
  background-position: -90px 0px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.ecology {
  background-position: 0px -30px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.engineering {
  background-position: -30px -30px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.psychology {
  background-position: -60px -30px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.physics {
  background-position: -90px -30px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.economics {
  background-position: 0px -60px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.chemistry {
  background-position: -30px -60px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.paleontology {
  background-position: -60px -60px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.computer_science {
  background-position: -90px -60px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.education {
  background-position: 0px -90px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.all {
  background-position: -30px -90px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.anthropology {
  background-position: -60px -90px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.neuroscience {
  background-position: -90px -90px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.mathematics {
  background-position: 0px -120px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.materials_science {
  background-position: -30px -118px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.earth_science {
  background-position: -60px -118px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.data_science {
  background-position: -90px -118px;
  height: 28px;
  width: 28px;
}
i.category_icon.large.art_and_design {
  background-position: 0px -150px;
  height: 28px;
  width: 28px;
}
i.category_icon.small {
  background-size: 39.3333333333px 58.6666666667px;
}
i.category_icon.small.medicine {
  background-position: 0px 0px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.biology {
  background-position: -10px 0px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.political_science {
  background-position: -20px 0px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.social_science {
  background-position: -30px 0px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.ecology {
  background-position: 0px -10px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.engineering {
  background-position: -10px -10px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.psychology {
  background-position: -20px -10px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.physics {
  background-position: -30px -10px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.economics {
  background-position: 0px -20px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.chemistry {
  background-position: -10px -20px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.paleontology {
  background-position: -20px -20px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.computer_science {
  background-position: -30px -20px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.education {
  background-position: 0px -30px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.all {
  background-position: -10px -30px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.anthropology {
  background-position: -20px -30px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.neuroscience {
  background-position: -30px -30px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.mathematics {
  background-position: 0px -40px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.materials_science {
  background-position: -10px -39.3333333333px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.earth_science {
  background-position: -20px -39.3333333333px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.data_science {
  background-position: -30px -39.3333333333px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}
i.category_icon.small.art_and_design {
  background-position: 0px -50px;
  height: 9.3333333333px;
  width: 9.3333333333px;
}

#unsupported-browser-notification {
  text-align: center;
  padding: 10px;
  color: #FFF;
  background-color: #ffbd00;
}

.modal {
  z-index: 1200;
  position: fixed;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #FFF;
  border: 1px solid #aaa;
  border-radius: 6px;
  -webkit-animation-duration: 0.12s;
          animation-duration: 0.12s;
  box-shadow: 0 1px 3px rgba(1, 13, 13, 0.25);
}
@media (min-width: 768px) {
  .modal {
    top: 45px;
    bottom: auto;
    padding: 30px;
    background-color: #f5f5f5;
  }
}
.modal .modal-close {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #FFF;
  font-size: 15px;
  z-index: 1000;
  text-decoration: none;
}
.modal .modal-close i {
  font-style: none;
}
.modal .modal-close:hover {
  cursor: pointer;
}
.modal .modal-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  opacity: 0.88;
}
@media (min-width: 768px) {
  .modal .modal-loading {
    z-index: 1000;
    border-radius: 5px;
    width: 379px;
  }
}
.modal .modal-loading .modal-spinner {
  position: relative;
  top: 35%;
  width: 40px;
  height: 75px;
  margin: auto;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/loading-8b47ab9471c55253f7b4f56fc623514769f7ff90a78c879cdbe4927e93e2c064.gif) no-repeat;
}
.modal .seperator {
  width: 88%;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 40px;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .modal .seperator {
    width: 100%;
    margin-bottom: 24px;
  }
}
.modal .seperator:before {
  position: absolute;
  top: 29px;
  left: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #9Ba5aa;
  opacity: 0.7;
}
@media (min-width: 768px) {
  .modal .seperator:before {
    top: 26px;
  }
}
.modal .seperator p {
  color: #9Ba5aa;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #f5f5f5;
  padding: 0 10px;
}
.modal .js-errors {
  text-transform: capitalize;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  color: #FF7979;
  font-size: 14px;
  padding: 4px 4px 12px 4px;
}

.modal-overlay {
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 14, 15, 0.4);
  -webkit-animation-duration: 0.18s;
          animation-duration: 0.18s;
}
.modal-overlay.white {
  background: rgba(255, 255, 255, 0.7);
}
.modal-overlay.absolute {
  position: absolute;
}

.modal-login {
  height: 100% !important;
  padding: 0;
  margin: 0;
  top: 0;
  width: 100%;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding-bottom: 200px;
  border: none;
}
@media (min-width: 768px) {
  .modal-login {
    width: 317px;
    padding-bottom: 20px;
    overflow: hidden;
    max-height: 515px;
    position: fixed;
    min-height: auto;
    top: 7%;
    margin: 0 auto;
    padding: 30px 30px 20px 30px;
    height: auto !important;
  }
}
.modal-login.animated {
  -webkit-animation-duration: 0.28s;
          animation-duration: 0.28s;
}
.modal-login .link {
  cursor: pointer;
  margin: 0px 5px;
}
.modal-login .header {
  padding: 20px 20px;
  color: #FFF;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/space-a2b9be8c0615e15e9122e2dfbdb4065bcb9fb0df4b2482d78586ef379036e977.png);
  margin-bottom: 20px;
  background-size: cover;
}
@media (min-width: 768px) {
  .modal-login .header {
    margin-top: -4px;
    width: 349px;
    margin-bottom: 30px;
    position: absolute;
    top: 2px;
    right: -1px;
    padding: 15px 15px 26px 15px;
    background-size: inherit;
  }
}
.modal-login p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .modal-login p {
    font-size: 14px;
  }
}
.modal-login .seperator-styles {
  margin: 0 auto;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .modal-login .seperator-styles {
    margin: 10px 0px 14px 0;
  }
}
.modal-login .seperator-styles p {
  padding-top: 2px;
}
.modal-login .btn {
  font-size: 1em;
  margin-bottom: 0;
}
.modal-login .btn-primary:hover {
  background-color: #3ec2b1;
}
.modal-login .header-title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 23px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  opacity: 1;
  margin: 10px;
}
@media (min-width: 768px) {
  .modal-login .header-title {
    font-size: 32px;
    letter-spacing: 2.2px;
    margin-top: 10px;
    margin-bottom: 0px;
  }
}
.modal-login .white {
  color: #FFF;
  margin-bottom: 20px;
}
.modal-login .text-muted {
  font-size: 14px;
}
.modal-login .text-muted a {
  color: #FFF;
  padding: 1px 3px;
  border-radius: 3px;
  margin-left: 3px;
}
.modal-login .text-muted a:hover {
  opacity: 1;
  transition-duration: 0.28s;
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.3);
}
.modal-login .text-small {
  display: none;
}
@media (min-width: 768px) {
  .modal-login .text-small {
    padding: 6px 4px 10px 4px;
    margin-bottom: -32px;
    color: #9Ba5aa;
    font-size: 12px;
    display: block;
    letter-spacing: 0.2px;
    opacity: 0;
    transition-duration: 0.37s;
  }
}
.modal-login .btn-facebook {
  background-color: #3B5998;
  color: #FFF;
  border: 1px solid transparent;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 18px;
  width: 88%;
  height: 50px;
  border-radius: 4px;
  padding: 13px 0;
}
@media (min-width: 768px) {
  .modal-login .btn-facebook {
    width: 315px;
    padding: 13px 30px;
    position: relative;
    margin-top: 76px;
    transition-duration: 0.32s;
  }
}
.modal-login .btn-facebook:hover, .modal-login .btn-facebook:focus {
  background-color: #4c70ba;
}
.modal-login .btn-facebook .fa {
  padding-right: 14px;
}
.modal-login .social-connect {
  margin-bottom: 12px;
}
.modal-login .social-connect:hover .text-small {
  opacity: 1;
}
.modal-login .forgot-password {
  color: #9Ba5aa;
  font-size: 14px;
}
.modal-login form {
  color: #9Ba5aa;
  margin: auto;
}
.modal-login form input, .modal-login form .btn {
  width: 88%;
  margin: 0 auto;
  margin-bottom: 8px;
  padding: 15px 12px;
  height: 50px;
}
@media (min-width: 768px) {
  .modal-login form input, .modal-login form .btn {
    width: 100%;
    padding: 15px 12px;
    height: 48px;
    font-size: 16px;
  }
}
.modal-login form .btn {
  margin-top: 10px;
  height: 50px;
  font-size: 18px;
  padding: 8px;
}
.modal-login form .user-website-input {
  overflow: hidden;
  position: absolute;
  left: 9999px;
}
.modal-login hr {
  margin: 10px auto;
}
.modal-login .js-errors {
  width: 88%;
  margin: 0 auto;
  position: absolute;
  color: #FF7979;
  font-size: 14px;
  padding: 5px 10px;
  display: block;
  background: white;
  border: #FF7979 solid 1px;
  background: #F6ECEC;
  border-radius: 4px;
  z-index: 100;
}
@media (min-width: 768px) {
  .modal-login .js-errors {
    top: 62px;
    position: relative;
    width: 92%;
  }
}

.js-flash-container {
  position: absolute;
  z-index: 280;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.subtle-flash-container {
  position: absolute;
  z-index: 260;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.flash {
  background-color: rgb(240, 248, 249);
  border-radius: 5px;
  border: 2px solid #83c5cd;
  padding: 12px 22px;
  margin-top: 10px;
  color: #439ca7;
  box-shadow: 0px 3px 13px -4px #999;
}
.flash a {
  color: #439ca7;
  text-decoration: underline;
}
.flash .dismiss {
  float: right;
  cursor: pointer;
  font-weight: 600;
}
.flash .dismiss:hover {
  opacity: 0.7;
}
.flash.info {
  background-color: rgb(240, 248, 249);
  border: 2px solid #83c5cd;
  color: #439ca7;
}
.flash.info a {
  color: #439ca7;
}
.flash.success {
  background-color: rgb(235, 247, 245);
  border: 2px solid #7ecbbe;
  color: #41a292;
}
.flash.success a {
  color: #41a292;
}
.flash.error {
  background-color: rgb(255, 241, 241);
  border: 2px solid #ff5858;
  color: #f10000;
}
.flash.error a {
  color: #f10000;
}
.flash.warning {
  background-color: rgb(255, 249, 229);
  border: 2px solid #ffd64c;
  color: #e5b000;
}
.flash.warning a {
  color: #e5b000;
}
.flash .verification {
  display: inline;
}
.flash .verification img {
  width: 40px;
  height: 40px;
  display: inline;
  vertical-align: top;
}
.flash .verification p {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 20px;
}
.flash.start {
  width: 95%;
  z-index: 99;
  left: -1px;
}
.flash.start img {
  width: 25px;
  height: 25px;
  margin: 0 10px 0 0;
  vertical-align: bottom;
}

.start-reset {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  z-index: 99;
}

.subtle-flash {
  position: relative;
}
.subtle-flash .flash {
  background-color: #5eb0c0;
  color: #F2F3F4;
  font-size: 16px;
  border: 0px;
  padding: 10px 10px;
  box-shadow: none;
  border-radius: 0px;
}
.subtle-flash .flash a {
  color: #004E6D;
}

.privacy-notice {
  margin-top: 0;
  padding-top: 10px;
  border-radius: 0;
  border: none;
  background-color: #19695A;
  font-size: 15px;
  color: #FFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.privacy-notice p {
  display: inline-block;
}
@media (min-width: 768px) {
  .privacy-notice p {
    width: 74%;
  }
}
.privacy-notice a {
  color: #FFF;
}
.privacy-notice .btn-primary {
  text-decoration: none;
  vertical-align: top;
  background-color: #16BC96;
  font-size: 15px;
  font-weight: 600;
  margin: 12px auto;
}
@media (min-width: 768px) {
  .privacy-notice .btn-primary {
    float: right;
  }
}

.admin-rating-component {
  width: 70px;
  padding-top: 10px;
}
.admin-rating-component .rate-link {
  font-size: 14px;
  margin-right: 10px;
}
.admin-rating-component .rate-link.selected {
  color: #333;
}

.backer-map-container {
  padding: 0 0 30px 0;
  background-color: #FFF;
}
.backer-map-container .container {
  position: relative;
}
.backer-map-container .sub-title {
  color: #FFF;
}
.backer-map-container .section-content {
  color: #FFF;
}
.backer-map-container .backer-map {
  display: block;
  margin: auto;
}
.backer-map-container .land {
  fill: #90EDC2;
  stroke: #FFF;
  stroke-width: 1;
}
.backer-map-container .line {
  stroke: #4BBE8F;
  stroke-linecap: round;
}
.backer-map-container .location {
  fill: red;
  opacity: 0.3;
}
.backer-map-container .destination {
  fill: red;
}
.backer-map-container .x.axis {
  fill: transparent;
}
.backer-map-container .x.axis path {
  stroke: #A8EECF;
  stroke-width: 8px;
  stroke-opacity: 0.8;
}
.backer-map-container .x.axis.month path {
  stroke-width: 0;
}
.backer-map-container .tick text {
  fill: #91B0A3;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.backer-map-container .x.axis.year text {
  font-size: 16px;
}
.backer-map-container .time-slider {
  fill: #86AFA0;
}
.backer-map-container #explosion-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 555;
}

.payments-container {
  clear: both;
  margin: auto;
}
.payments-container ul {
  list-style-type: none;
}
.payments-container .payment-container {
  min-height: 20px;
  margin: 8px 0px;
  padding: 12px 12px 4px 12px;
  background-color: #FCFCFC;
}
.payments-container .payment-container.project-failed {
  background-color: #F2F2F2;
  opacity: 0.6;
}
.payments-container .payment-container.successful {
  background-color: #F5FAF7;
}
.payments-container .payment-container.unattempted {
  background-color: #FCF8F2;
  border: 1px solid #f1ddc0;
}
.payments-container .payment-container.recharging {
  background-color: #FFF2F2;
  border: 1px solid #ffb5b5;
}
.payments-container .payment-item-amount {
  text-align: center;
}
.payments-container .payment-item-description {
  color: #aaa;
  font-size: 0.8em;
}
.payments-container .charge-transaction {
  color: #aaa;
  font-size: 0.8em;
  font-style: italic;
}

.card-manager-component a:hover {
  text-decoration: none;
}
.card-manager-component .flash {
  border-radius: 4px;
  text-align: left;
  padding: 10px;
}
.card-manager-component .card, .card-manager-component .add-card-container, .card-manager-component .failed-payments {
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.card-manager-component .card {
  transition: border 1s ease-out;
  *zoom: 1;
}
.card-manager-component .card:before, .card-manager-component .card:after {
  content: "";
  display: table;
}
.card-manager-component .card:after {
  clear: both;
}
.card-manager-component .card.primary {
  border: 2px solid #36ac9c;
}
.card-manager-component .card.primary .card-type-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: -11px -37px 2px -30px;
}
.card-manager-component .card.primary .card-type {
  color: #4a5658;
}
.card-manager-component .card.primary .card-details {
  margin-right: -30px;
}
.card-manager-component .card .card-sublabel {
  color: #aaa;
}
.card-manager-component .card .card-type-label {
  display: none;
}
.card-manager-component .card .card-type, .card-manager-component .card .card-type-primary {
  float: left;
  margin: 32px 50px;
  font-size: 28px;
  color: #dadada;
}
.card-manager-component .card .card-details {
  margin: 9px 0 0 20px;
  font-weight: 600;
  float: left;
  *zoom: 1;
}
.card-manager-component .card .card-details:before, .card-manager-component .card .card-details:after {
  content: "";
  display: table;
}
.card-manager-component .card .card-details:after {
  clear: both;
}
.card-manager-component .card .card-details .card-number {
  text-transform: capitalize;
}
.card-manager-component .card .card-actions {
  float: right;
  font-weight: bold;
  text-align: right;
  margin: 27px 10px 0 0;
}
.card-manager-component .card .card-actions .disabled-removal-mark {
  color: #ccc;
}
.card-manager-component .failed-payments {
  margin: 10px 0;
  border: 2px solid #f88;
}
.card-manager-component .failed-payments .message {
  font-size: 16px;
  font-weight: bold;
}
.card-manager-component .failed-payments .failed-payment {
  *zoom: 1;
  padding: 10px 0;
}
.card-manager-component .failed-payments .failed-payment:before, .card-manager-component .failed-payments .failed-payment:after {
  content: "";
  display: table;
}
.card-manager-component .failed-payments .failed-payment:after {
  clear: both;
}
.card-manager-component .failed-payments .failed-payment .payment-amount {
  margin-right: 10px;
}
.card-manager-component .failed-payments .failed-payment .payment-card, .card-manager-component .failed-payments .failed-payment .payment-date {
  float: right;
  margin-left: 10px;
}
.card-manager-component .failed-payments .failed-payment .payment-date {
  min-width: 150px;
  text-align: right;
  color: #aaa;
}
.card-manager-component .add-card-container .add-card-link {
  font-weight: bold;
  display: block;
  text-align: center;
}
.card-manager-component .add-card-container .card-form-wrapper {
  max-width: 400px;
  margin: 10px auto;
}
.card-manager-component .add-card-container .card-form-header {
  font-size: 18px;
  margin-bottom: 15px;
}
.card-manager-component .add-card-container .card-form-title {
  font-weight: bold;
  color: #36ac9c;
}
.card-manager-component .add-card-container .supported-cards {
  clear: both;
  font-size: 28px;
  margin-bottom: 10px;
}
.card-manager-component .add-card-container .supported-cards .card-logo {
  margin-right: 10px;
}
.card-manager-component .card-form form {
  margin: 0;
}
.card-manager-component .card-form p.error-message {
  color: #FF7979;
}
.card-manager-component .card-form input[type=text] {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  height: 42px;
}
.card-manager-component .card-form .card-number {
  position: relative;
}
.card-manager-component .card-form .card-number .card-logo {
  font-size: 28px;
  position: absolute;
  right: 7px;
  top: 7px;
}
.card-manager-component .card-form .card-validation {
  *zoom: 1;
}
.card-manager-component .card-form .card-validation:before, .card-manager-component .card-form .card-validation:after {
  content: "";
  display: table;
}
.card-manager-component .card-form .card-validation:after {
  clear: both;
}
.card-manager-component .card-form .card-validation .card-expiry, .card-manager-component .card-form .card-validation .card-cvc {
  width: 48%;
}
.card-manager-component .card-form .card-validation .card-expiry {
  float: left;
}
.card-manager-component .card-form .card-validation .card-cvc {
  float: right;
}
.card-manager-component .card-form .submit-button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.endorsement-notification {
  position: relative;
  top: 75px;
  height: auto;
  margin-bottom: -20px;
  z-index: 199;
  background: #DFEFF1;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .endorsement-notification {
    top: -2px;
    height: auto;
    min-height: 70px;
    margin-bottom: 0px;
  }
  .endorsement-notification p {
    width: 100%;
  }
}
.endorsement-notification img {
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}
@media (min-width: 768px) {
  .endorsement-notification img {
    padding-top: 18px;
  }
}
.endorsement-notification .col-md-3,
.endorsement-notification .col-md-9 {
  display: block;
}
@media (min-width: 768px) {
  .endorsement-notification .col-md-3,
  .endorsement-notification .col-md-9 {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .endorsement-notification .col-md-3 {
    float: right;
  }
}
.endorsement-notification .image-holder {
  display: inline-block;
  width: auto;
  vertical-align: top;
}
@media (min-width: 768px) {
  .endorsement-notification .image-holder {
    margin-left: -20px;
  }
}
.endorsement-notification .description {
  display: inline-block;
  width: auto;
}
@media (min-width: 768px) {
  .endorsement-notification .description {
    vertical-align: bottom;
    width: calc(100% - 50px);
    min-width: 500px;
  }
}
.endorsement-notification .description p {
  margin-top: 0px;
  padding-top: 10px;
  margin: 0;
  padding: 0;
  line-height: 21px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #4a5658;
  font-size: 14px;
}
@media (min-width: 768px) {
  .endorsement-notification .description p {
    margin-top: 0px;
  }
}
.endorsement-notification .endorsement-learn-more {
  color: #4a5658;
  float: left;
  text-decoration: underline;
  font-size: 12px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .endorsement-notification .endorsement-learn-more {
    margin-bottom: 0px;
  }
}
.endorsement-notification .hide-banner {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .endorsement-notification .hide-banner {
    display: inline;
    padding-top: 0px;
    text-align: none;
  }
}
.endorsement-notification .small-links {
  display: block;
}
@media (min-width: 768px) {
  .endorsement-notification .small-links {
    margin-top: 0px;
    margin-left: 0px;
    height: auto;
    display: block;
  }
}
.endorsement-notification .btn-primary {
  float: left;
  margin-top: 5px;
  font-size: 15px;
  padding: 9px 14px;
  width: 100%;
  font-weight: 700;
}
@media (min-width: 768px) {
  .endorsement-notification .btn-primary {
    margin-top: 15px;
    margin-left: 0px;
    font-size: 16px;
    float: right;
    width: auto;
  }
}
.endorsement-notification .container {
  padding: 10px 25px;
}
@media (min-width: 768px) {
  .endorsement-notification .container {
    padding: 0;
  }
}

.endorsements-component {
  margin-bottom: 50px;
}
.endorsements-component .new-request-container {
  margin: 10px 0 20px 0;
}
.endorsements-component form.endorsement-request-form {
  padding: 14px 20px;
  border: 2px solid #D4D9DB;
  border-radius: 6px;
}
.endorsements-component form.endorsement-request-form .form-field {
  margin-bottom: 10px;
}
.endorsements-component form.endorsement-request-form .form-field.has-errors input {
  border-color: #f88;
}
.endorsements-component form.endorsement-request-form .form-field .error {
  color: #e66;
  font-weight: bold;
}
.endorsements-component form.endorsement-request-form .form-field label {
  color: #9Ba5aa;
}
.endorsements-component form.endorsement-request-form .form-field input[type=text], .endorsements-component form.endorsement-request-form .form-field textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  height: auto;
  margin: 4px 0 16px 0;
}
.endorsements-component .requests .request {
  background-color: #FFF;
  border: 2px solid #eee;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 10px;
  -webkit-transition: background-color 0.3s ease;
}
.endorsements-component .requests .request#flash {
  background-color: #FCEFC1;
}
.endorsements-component .requests .request .endorsement-link-meta {
  padding: 10px 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-top: 11px;
  font-size: 12px;
}
.endorsements-component .requests .request .endorsement-link-meta .link-field {
  padding: 6px 9px;
  margin-top: 5px;
  border: 1px solid #eee;
  background: white;
  border-radius: 3px;
}
.endorsements-component .requests .request .details {
  *zoom: 1;
}
.endorsements-component .requests .request .details:before, .endorsements-component .requests .request .details:after {
  content: "";
  display: table;
}
.endorsements-component .requests .request .details:after {
  clear: both;
}
.endorsements-component .requests .request .details .media-img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.endorsements-component .requests .request .details .media-body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}
.endorsements-component .requests .request .details .user-avatar {
  float: left;
}
.endorsements-component .requests .request .details .user-avatar img {
  width: 50px;
  height: 50px;
}
.endorsements-component .requests .request .details .email {
  margin-bottom: 5px;
}
.endorsements-component .requests .request .details .cancel-endorsement-request {
  color: #FF7979;
}
.endorsements-component .requests .request .details .name {
  font-weight: 600;
}
.endorsements-component .requests .request .details .right {
  float: right;
}
.endorsements-component .requests .request .details .btn-xs {
  font-weight: 400;
}
.endorsements-component .requests .request .details .show-link {
  display: inline-block;
}
.endorsements-component .requests .request .details .resend-confirmation {
  font-size: 12px;
  margin: 0 6px 0 3px;
}
.endorsements-component .requests .request .details .pending {
  color: #5eb0c0;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .endorsements-component .requests .request .details .pending {
    position: relative;
    top: -6px;
    float: right;
  }
}

.video-faces-component {
  width: 100%;
  overflow: hidden;
  background-color: #000;
  max-height: 480px;
}
@media (min-width: 768px) {
  .video-faces-component .overflow-wrapper {
    width: 150%;
    margin-left: -25%;
    margin-right: -25%;
    margin-bottom: -96px;
    text-align: center;
  }
}
.video-faces-component .video-wrapper {
  display: inline-block;
  vertical-align: top;
  background-color: #000;
  height: 96px;
}

.labnote-card {
  margin-bottom: 50px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #FFF;
  color: #4a5658;
  position: relative;
  height: 448px;
}
.labnote-card .lock-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.9;
  z-index: 100;
}
.labnote-card .lock-overlay .lock-content {
  text-align: center;
  font-size: 18px;
  margin-top: 50px;
}
.labnote-card .lock-overlay .lock-content .lock-icon {
  font-size: 100px;
}
.labnote-card .preview-thumb {
  margin-bottom: 25px;
  background-size: cover;
  background-position: center center;
  background-color: #FFF;
  border-radius: 4px 4px 0 0;
  min-width: 100%;
  height: 276px;
}
@media (min-width: 768px) {
  .labnote-card .preview-thumb {
    min-width: 304px;
  }
}
.labnote-card .preview-thumb .nu-icon {
  display: block;
  margin: auto;
  position: relative;
  top: 30%;
}
.labnote-card .preview-text {
  padding: 0 25px 14px;
  line-height: 1.6;
  word-wrap: break-word;
}
.labnote-card .title {
  color: #4a5658;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .labnote-card .title {
    box-sizing: border-box;
    height: 62px;
    line-height: 1.1;
  }
}
.labnote-card .edit {
  position: relative;
  z-index: 1;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #004E6D;
  float: right;
  margin: 12px 12px 0 0;
  padding: 3px 8px 2px 8px;
}
.labnote-card .stats {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}
.labnote-card .stat {
  font-size: 14px;
  color: #4a5658;
  font-weight: 500;
  margin: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.labnote-card .stat .nu-icon {
  margin-right: 5px;
  margin-left: 0;
}
.labnote-card .stat .nu-comment-gray {
  top: 1px;
}
.labnote-card .stat .nu-heart-gray {
  top: 2px;
}
.labnote-card .stat .nu-view-gray {
  top: 1px;
}
.labnote-card .index {
  font-size: 20px;
  font-weight: 600;
  color: #aaa;
}
.labnote-card .title {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Copernicus", serif;
  line-height: 23px;
}
.labnote-card .date {
  color: #aaa;
  margin-bottom: 8px;
  font-size: 14px;
}

.payout-info-component {
  font-size: 18px;
  margin-bottom: 50px;
}
.payout-info-component a.form-extra-help {
  color: #5eb0c0;
  font-size: 12px;
  position: relative;
  top: 25px;
  left: 335px;
}
.payout-info-component .form-field {
  margin-bottom: 20px;
  padding: 0;
}
.payout-info-component .form-field label {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #9Ba5aa;
}
.payout-info-component .form-field input[type=date] {
  height: 45px;
}
.payout-info-component .form-field input[type=text] {
  box-sizing: border-box;
  min-width: 500px;
  padding: 0 10px;
  height: 45px;
}
.payout-info-component .form-field .input {
  *zoom: 1;
}
.payout-info-component .form-field .input:before, .payout-info-component .form-field .input:after {
  content: "";
  display: table;
}
.payout-info-component .form-field .input:after {
  clear: both;
}
.payout-info-component .form-field .radio-input {
  float: left;
  margin: 10px 15px 10px 0;
}
.payout-info-component .form-field .radio-input .country-label {
  text-align: center;
  color: #4a5658;
  font-size: 15px;
  line-height: 2;
  padding: 8px 0;
  margin: 0;
}
.payout-info-component .form-field .radio-input .radio-option-message {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  text-align: center;
  font-size: 14px;
  line-height: 2;
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
  -webkit-animation-duration: 0.34s;
          animation-duration: 0.34s;
  color: #9Ba5aa;
}
.payout-info-component .form-field .radio-input label {
  display: inline-block;
  background: #FFF;
  color: #36ac9c;
  border: 2px solid #36ac9c;
  font-weight: 600;
  border-radius: 6px;
  padding: 12px;
  cursor: pointer;
}
.payout-info-component .form-field .radio-input label:hover {
  border: 2px solid #36ac9c;
  background-color: #f5fcfb;
  transition-duration: 0.2s;
  color: #32a091;
  border-radius: 7px;
}
.payout-info-component .form-field .radio-input label[data-name=country] {
  height: 27px;
  width: 54px;
  background-position: center;
  background-size: cover;
  color: transparent;
  opacity: 1;
  border: 4px solid #FFF;
}
.payout-info-component .form-field .radio-input label[data-name=country]:hover {
  border: 4px solid #36ac9c;
  opacity: 1;
}
.payout-info-component .form-field .radio-input label[data-name=country][data-value=US] {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/US-282c464cbd5ba617f516547d8b596c271dc9a7c49bea6976be88ceb5f2510ec2.png);
}
.payout-info-component .form-field .radio-input label[data-name=country][data-value=AU] {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/AU-87fd2a5c9ad9902a1a24d01b159c2416d7f9c09cf223b7b818b3c6e3a6ada174.png);
}
.payout-info-component .form-field .radio-input label[data-name=country][data-value=CA] {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/CA-d4ceff6369615d1dcacf33002333e1b43c240b89ccbe2cc2cb168c6d2c4eeb07.png);
}
.payout-info-component .form-field .radio-input label[data-name=country][data-value=GB] {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/UK-5b9108eb9492ea04d24765396c07bcc6b61ef2d6c7457e46394f7b56bfe1b868.png);
}
.payout-info-component .form-field .radio-input label[data-name=country][data-value=JP] {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/JP-1cc05157a55e7e77ba3d912ffb5c778cd0b4896ab062434ce16750ab47204226.png);
}
.payout-info-component .form-field .radio-input label[data-name=country][data-value=IE] {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/IE-92daaa2e6ce311d778bdef81accfa5b2b20a26a02054562577dd88343c6db32f.png);
}
.payout-info-component .form-field .radio-input input[type=radio] {
  position: absolute;
  left: -9999px;
}
.payout-info-component .form-field .radio-input input[type=radio]:checked ~ .radio-option-message {
  display: block;
}
.payout-info-component .form-field .radio-input input[type=radio]:checked ~ label {
  background-color: #36ac9c;
  color: #FFF;
}
.payout-info-component .form-field .radio-input input[type=radio]:checked ~ label[data-name=country] {
  border: 4px solid #36ac9c;
  border-radius: 10px;
  opacity: 1;
  background-color: transparent;
  color: transparent;
}
.payout-info-component .form-field.country .radio-input {
  text-align: center;
  min-width: 120px;
  margin: 0 !important;
}
.payout-info-component .error {
  width: 478px;
  background: #fff9f9;
  color: #ff7676;
  padding: 8px 10px;
  border: 2px solid #FF7979;
  border-radius: 4px;
  font-size: 16px;
  margin: 10px 0;
}
.payout-info-component .form-step {
  margin-bottom: 75px;
}
.payout-info-component .form-step .skip {
  width: 700px;
}
.payout-info-component .form-step .skip .sub-header {
  margin: 16px 0;
  padding: 12px 20px;
  background-color: #F5FBFC;
  border: 2px solid #004E6D;
  border-radius: 4px;
}
.payout-info-component .form-step .skip .sub-header a {
  font-size: 16px;
  color: #004E6D;
  word-break: break-all;
}
.payout-info-component .form-step .step-index {
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #004E6D;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  opacity: 0.35;
}
.payout-info-component .form-step .step-title {
  margin-bottom: 8px;
  font-size: 24px;
  color: #4A5658;
}
.payout-info-component .form-step .step-description, .payout-info-component .form-step .step-check-description {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 620px;
  margin-bottom: 36px;
  font-size: 16px;
  line-height: 22px;
  color: #8a969c;
}
.payout-info-component .form-step .step-check-description, .payout-info-component .form-step .step-check-label {
  position: relative;
  left: 520px;
}
.payout-info-component .form-step .step-check-description {
  margin-top: -62px;
  margin-left: 8px;
  width: 400px;
  color: #7EA4AB;
}
.payout-info-component .form-step .step-check-label {
  margin-top: -67px;
  height: 84px;
  width: 408px;
  background-size: cover;
}
.payout-info-component .form-step .step-check-label.US {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/routinghelp-00a32da5ba6f0a7387ba0c9886644365722ef611bca7a6e2d286e8c9cb1d35f3.jpg);
}
.payout-info-component .form-step .step-check-label.CA {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/check_canada-b7eb2a07ac411acfef0cad015135c269881b343fd56e0ec3822916c5a88ff041.png);
}
.payout-info-component .form-step .step-check-label.AU {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/check_aus-69d667ba459ec4ee0e9602f6c195e803ccbbdacdefb0a28efff588f630a08813.png);
}
.payout-info-component .payout-preview {
  margin: 0 auto;
}
.payout-info-component .payout-preview .field {
  margin-bottom: 10px;
  *zoom: 1;
}
.payout-info-component .payout-preview .field:before, .payout-info-component .payout-preview .field:after {
  content: "";
  display: table;
}
.payout-info-component .payout-preview .field:after {
  clear: both;
}
.payout-info-component .payout-preview .field .name {
  font-size: 11px;
  letter-spacing: 1.4px;
  font-weight: 600;
  text-transform: uppercase;
  color: #004E6D;
  float: left;
  margin-top: 4px;
  width: 160px;
}
.payout-info-component .payout-preview .field .value {
  margin-left: 180px;
}
.payout-info-component .payout-preview h3,
.payout-info-component .payout-preview h6 {
  font-weight: 400;
}
.payout-info-component .payout-preview h6 {
  color: #9Ba5aa;
  font-size: 13px;
}
.payout-info-component .payout-preview .information-preview {
  background-color: #F5FBFC;
  width: 500px;
  padding: 30px;
  border-radius: 4px;
  margin: 40px 0;
  border: 2px solid #004E6D;
}
.payout-info-component .payout-preview .btn {
  font-size: 16px;
  -webkit-font-smoothing: auto;
  padding: 12px 18px;
}
.payout-info-component .payout-preview .btn-primary {
  margin-left: 1em;
}

.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;
  background-image: linear-gradient(#28A0E5, #015E94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;
  background: #1275FF;
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 3px;
}

.stripe-connect span:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}

.stripe-connect:active {
  background: #005D93;
}

.stripe-connect:active span {
  color: #EEE;
  background: #008CDD;
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect.light-blue {
  background: #b5c3d8;
  background-image: linear-gradient(#b5c3d8, #9cabc2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect.light-blue span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #f0f5fa;
  background-image: linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  box-shadow: inset 0 1px 0 #fff;
}

.stripe-connect.light-blue:active {
  background: #9babc2;
}

.stripe-connect.light-blue:active span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #d7dee8;
  background-image: linear-gradient(#d7dee8, #e7eef6);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
}

.stripe-connect.dark {
  background: #252525;
  background: rgba(0, 0, 0, 0.5) !important;
}

/* Images*/
.stripe-connect span:before, .stripe-connect.blue span:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADQklEQVRIDbWVaUiUQRjHZ96dXY/d1fYQj1U03dJSw9YkFgy6DIkILRArQSSC7PjQjQQqVH7oQ0GHQUWgpQhKHzoNSqiUwpXcsrwIjzVtPVrzbPV9Z6bZhYV3N3WXYAeGmWeeZ37z8J95GEgpBf5oeXn1Es4fYAdzPDlM6je4RBYhR+LMU89UxiCBGiCgkUwsBYSA+SlPKLQBQAYEAZm+3j42K96z3NyOF7VOeMrp62opRcacjPW5+43rDTpNSKQ8QKZAEg7xmPCTs/O27uGJgXuNbW0pxyvLfTmAEBzthEsFZLxRvPdi5rpYo2cmUiQJDA4IVeo0obGdlvGfXUPj0Sym2zPuHxvzcWjDyVupJ/YYizKTGNjLw/HiduNTAqIRIUJ6Vpp+ky8bCSFgwQ2xgkGxFi1ioNWEBGuJB31gbLIv/2pd7SpFoGxtpCYkLSEq4ptlzIYFO7tc7w0TKkeEYg5ADnrWkkYhD8s26GPq3nW0WKxTptftPYBI4Mj3O2fHvKNZBMVSDmMwarXNjDkSF3d5kExZeiCr8M2VI+VFu9IvsPcYtzAvkfoEZkEEE45jMppq3ppbCNPFIY1nD1cpo07lbMmvOXeoDCF8BLKy9uUAAjDkBh+c6bz78mNtVVP7MwET7JBnqb4xXpdWVpC1OVzWn+ELHLCsneX/s7rkRWl1463cy1U3WroG21jhCGKJXPOtKQnpAuENvsAppgDB3TcDVIrpDHbK5Kd+y7W8iodNybHh22rOHyxUK+UaMYjZaoyp25rYL54TSihSKmwZ14v3lc3ZFxdbeywjn/tGJnkmzrydX1ApxOEACKymmXLYfXVpi1JMEOGxPi1ep18doY4r2J7uFumQQ9yGf01bMcZW8dpyc0oIjxxpuC5wuUDX+ovWrnYeg3aXvdLIqnmOvXPsfH6uA5YbTb1DX8ofvTLzTy6ZV4K6fAw+gXiATfdffmjeaUgc1UdpdWplsCooQBrEnqUw82dhdnjit/Vxc4f59tP3DRjzJvYteqrl4rmNlJIfrOwpgNklesDRNQBCHYtQAQqD2CgACNjHAJnG1EyfV/S67fZiJB5t2OGEe4n7L3fS4fpEv/2hUEATfoPbuam5v8N7nps70YTbAAAAAElFTkSuQmCC");
}

.stripe-connect.light-blue span:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADIElEQVRIDbWVTWgTQRTHZ2Z3s5vdpsm2aZp+iKKNCgZsK4iWik0tClqwHozS9iYo4nfw0KNU8ebBm+JNESktBfEgWg+KB0FbiqhFMS1SKyk0lTY1zcd+jG82TSkNoXtoXngk+2bm92b/780EU0pRKWxwcJAjpQAzZrKqSigZ3G3ISsnguka8/FpZWrrOtwi8cI4jpJkiuodgTKAkhqbrC9lM5ms6o936/ObJ+7Vriv3GHFe/Cm8LX76nejwR2elEgsOBOI5DGD6UmpyuG750OtWuZbNLALMFp4axzYK3h690V6oVkXJ3ORJF0QITDIphQMHWTdNEqZSE3IroK7bT9XFMSG7n1T7vDaXMhWRZRhBcPw8ReAuHYVhJCwaLBGBPOc1FSdopSU4Lwuay3ve45FTfhdMfE8ll4U8srkxMTquLC4s/irAKwvDSiiWLw+HgeB40xkyHHHwu/lfouXZ7ePjhnafVlWptczAQhKFfbNyWYZTrc9XtikFjIOiOFSfIoAjyCfeP9kR+tp662AXAZ+AfbIFhEqUrAu8LNjw32SMksJLAwWVd4/V6UW1Njeqv9vW3n7n6JRQKrXbXRkkwMrE1OXyi7YFJcWDs29RxaBGetSDhCQKtkCiJVqHhOzhLyGOAdm8Ezo/ndxI923m4f3/jru8v346GpmPzTXCd5ZJA9/AcD8W2ZGPy2LY8nC0Y217vj17q7Xw3HZs79Gjg9c2sbkACMA4jSZJQRnJK7NGOUUSoBT/WG+mDWv4jFI8ih/ip4+DeqK5p16HpeVYDZjwkYBLZNYypacHravzhjKY3GXBQTPDxiSnkUVWkyMpqe0L9kbtMztiFw3TNgleoHqdOWRmhxtREBHR2CIKlM4sxM0yKAlv9UbtwqFnSggsAEggPx9t6LFgPlxfyV7oTvSc77hYMFgmAzHGLdqBp94vZ+aWFxUSyPpXRVN0wnHAEsMARw6VI6WBgS6yjpXEIOANFWAVhapozeOU/dAeMNoDXgXvAneCt4Anw3+CvwEfAbdvQyPiRvA6TsIr5phnc5zOF9+sm4XnBjJcMvsgtJ/8DyYLwNvinaNYAAAAASUVORK5CYII=");
}

/* Retina support */
@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) {
  .stripe-connect span:before, .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAIbklEQVRoBdVZa5BURxU+fZ9z57mzs7PvF4i7srAQSCifMVDERC0jYlzUlJalKeGPlCnL/NEfywpWacoiVZRVJIYfGjGUu5bxj5qHFSAYyQOBEsJzYSHDvnd2dp535j66PX1vNgsULDPs1cr2Vs+9e7v79NfnnnP663MJYwwWYxEWI2iOedEClxabxgkBwjEvOuA9PQOOlSw64JMr4vK8GidYYMcOES4tVSEAAZ8FAUqon1GiAJEEEG0CjFB8cTaxZUMAo1gEqQA0UABprAjPbrUwXnkesgqKP8CBk5vDIenrE+BKmwI+MawA1MbCkdV10cBDflXuVmSxQRbFkCAQZ9U2ZTaONyxKcyXDHjMs83ImV3rz6njmDRPMUZB80zAJOuvvsflkXpTP7DrWyeXcYCqk75AEieawrEoty1vrvlcV0ja3VQdb1rVUQVd9EFqqNIj5ZfDJooPBsCnohq2ldDMynC42XZnW7z09lu25lMxDMl34y0gyvTsBwyewc84Z4MEPpWIzF/MBcLLtNzJISmxZU+PmWETbtqGzfvVja5uguyF02+kCIEJUk6Ex4oMV9XP9ZnQT/nZ24it7XrtoJ5LZ7SjAM+Bg2+0ckAOcbBkQIaZFVzY1bGurjezYfn87PNQZ5+13ZaQRXMzH26Lg8ymfUokQdAR59INOc53GQ6q/Jiiua6oJ7+h9uAPua47cHeLrwHEmQRmTGLHV6x4v+JYwWsOFCGRDn6RKem1rPPrkN9Y0uqAXLN4VwCgjYGEE8rBgMAjwKsF9S9WgLa9qjYcf+Po9jXdlGrfC5Wj8Vg0Lf+ZENAFmpGB9TWTLhmUxUD1UDg/gtudRnK+a4RtkgqQyO+RT5LVrmiLgJcN19gcGNojUWriS5yRQm7pcBTc/vyCKdW1RrWwzOTiYhGf+dRUmcgZosgDVfgWaMCS2V2tO+OzG0MiVjdUwiFiYm9a7O4kJAoZEooV9H4T0O0ofODkKr5+6+nY6V3heVZQpv6ZWaz55qSJJnXjtUBW5pT7k8xeK5u+B0PQdBVbQgTLq9HbQYthyNVSmTT6A/nB0aGpF0K99+trY1F7TNI9PZGXkKUVRtYjGZCIOV1dHR4Ynz8FSLV8BrjK6uiAlpLcmco1ipmgpAaU8rfesboCuumBg31uJbx6+qH0uX9D/em0i85xFhaslKZKA8/82RtYDhd/1MkCuBnjxrLgKB0EQSb5oWO+9O1bZrsy3+Kc3dcH+b99b07NuyXe6P9r8z/am+C9lkuqCjo4qGGkQES76qJcuz/2GOlUoFuVsQS+98frlaSeq8Gkqqctrg7Dz853wwrfugUfXtj3W3tJ8oCletRUEXy1SCSSYHhdu41gFqILcZCrzwkvnJmE0U3JtHefiL7eS2l7th11f7IQ9j65aVh+r+nlzbd2TELJrHPLmIXZX3wyBX8MTQMm8PJ0u9Pe9chGQYy9omvXouHu/thJqI+Ef1sZDm0AMBmfPiQsSPDuY2zhWwSH5ISU5Pjm98x9nRo7+7JVBB3wl5nJz35Vo/z/esBQUVf2+QlkD9Aw42/Ts3Au7ushdAhQ5UzJoOjE+OrV9/1tDR7cNnIax7N2bDX9nm1bUQXdz9Rp/MLwRoqAtDOzcaO7rvDrAWW8vhcatWVNjF6cmJre9embkz1947h3YfXgIUgVzblQldxgFH0ZOr/qULwM15k4Zlci4Vd9ZU5ltY71oObHBnBFQBidmUk8kEsOP7Hntwqsb974NfS8PAh7LKoo23Hw+2R4FQcSzKlDPgFOEyf8kx3HW94kQ7xJgRRdAJG7CyIWxgiXNUN0+k5nJLN83k3n8D8eHN3+1ux5+8uBHIKiWt1G1Rn3IJkiUCcQzU3G0h9qWHMeJdoSrwtr9dl6I6DNjFwRRyxiKnStSqkPJPsGSmZ+mp1P9z2dzOy3Klj31yMdmX9S8V75APEsomMZwT9fz9i6vkW9AvEgQyqrBQM2Dq9rrD0gCgXfHA0jpjIRm2Zcw+3CR2tZl27SnMZFSZ1lWcRwZITeDckresAEXaoKwwBh7/WQubgTOQj5BVjdv7KiBJz7bztMNcHIk03JiONNyfiK/ntv2VMHAMx6BjpoA/Gj9Emdjul7W7e6TeQNDK9WJLRm361P5c1drEmAaymaYoXpfjZoiOk7FHWuh5dxEHmzLHiXM9oyTz9FawRZw65f5yyzXBMpd0JGhFKB5nSwRMVvumDv2cxm4m1f5X4AuWhRePDUOtqEPQJVVGfWcBz1ahmPlTlxzqaJLquYZU1HTvjcTMD6dOULM0n+g5nKposHzdWbo7FgEkDBviWlYx++53XtQ33kvDU8dHAJm6L8usdwEZn09S3qiPed5lcCSLUpI0eEA8620zLbDl6bh8T+egkI+/7Rl6kegcTSPst1QUKaM+brhrjnF2yUQJNxnrGMnR7KbTw5nYFVjyAl98w2+VdvVlA67Dw3BgROjAKa+yyrpz0BKTbJnez1NT6AKrrnA1bEi1av2v3xaiL90dnxL2Kc0rsXc4WpcQEc8AEtiGrRiejmK6WWeMDIxtVwwKExijB5KFuBYIg1cy8dx0dTQ/yQVc78yBXMIqJ5i/VvvkqHdSjXuM/THKy7w2LQJ6fpJms38QiHGvlzBt+RwJv2JQ2elbjyRtjIi1AIRMAsKPuQduHVzr2YW+kIBE5BTwOzzxLKOiMX8QVuWh00IpqD+S0WHtLlzefpLBOZo/IYvEqQPnTX5dxmy4xookqaCjRuT4mMi8g3bxs2KCkj3GFj4+QSzA0RkeskU8iCJeUiBDv09Jt8OPEV6k7DlP3gxxh/dAPymPh/Kf5d897dIOd9P7H8oEd4G1JV8wPGbRadx52sgLmrRAZ99EZ5+LZgV+v+4Llrg/wX6HRCxgvzAAwAAAABJRU5ErkJggg==");
  }
  .stripe-connect.light-blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAHH0lEQVRoBdVZ628UVRS/857dme3strvblpaXCiI+WkCkpFAoECAgr0oqxASjiAZMiF9MiI80/AfqB+WD3/xABOMrKCgRJCBSLCACQUEIEai8ywJ97GNm/J3ZbizM7C7trpG9m7N39t5z7/2dM+eec+5dzrZtVoqFL0XQhLlkgYulpnGOYxxhLjngW7Zsdayk5IB3RyJSSWrcMP1aSQJPJfnwoIA3LFhTy3hrAdx+IzbIOMbsGkQAR3pM1Icdcxv1ZZtxf+D5OGPm3vbJo4/YbW0WLVSswglCLc3F5QtAzyx6ZbbA7Hc5jp8hCAIj4nmecTy2NyRwCqShOEZzWZbFTMtkpmky27Ku2Da36cC2j9vSjIV/b93RsZpmybo5n2htlct6yz6SReFlWZaZIitMURRGz6IkMoEXHPAOFAewnQacSrFkMsUSiTgoEU0kk4vBUzTgHM87GvcE3traKgTjxleyT5mvaTrTdY2pqo9JBNjReBp0v0sFLtI4tA2ClqFtIpPF43EIEdcd4Yr0hSWy23hnIvi2T/PPDwaDLBAIMFVRmSACbMY0XCDSImTCsOOvYDr0hqxUQnGxF9AA4/T2Ks2LXwsD9Iby8nIWNIJMVmTGZwWcAwFW4AWIYmfEycE7mC6OZfHjqviCYZT5gobhaIw24VALjRz6aO9Vsdm9I6eu6XN1mIcC8+ALAO0sS28qvY43iiG0csxydOHanJqm1ZFNk8vLp67hVeHjLfMbvx9ZHY7Fbvco17pi2vlL1youXemKXLh8Y8SV610jelPJIcDLP8QFXJHlELm77BsxPaltW6xx4vgDo2uiN6klZOh9RGNG1VzHz1Ogn6j99LkLcaqLXVzA4acRnIS82k6lTLbjx/aqhgmPvglQMZAMItcXAkVAw4nGjKq9hbroxQVcVeVenuN9//po7zUpQp44ffbZOSvWb48nEhv3fr5pBzhJu6TxP0E/g6iUpavifrt8VUXIuEC27eyrHDVFTtoLiqo2SKK4vem5tQebWl5dwW3ceO+c/4nG712EwUaPIhDmRU5RtMwoY5FwhIXg83VNmyxJ6uamY5ePNbWsXVFc/bpncwFfMnvqN4oi3iRTyfXh+zVO0bUyGmXRykpWXkEC6ONlWdo8c/m6L+atWpXJHt0rF9jiAq7rvpPzGuu/hqlYjjskr5mFKDiRB/Ijtw8FQywaibJKCEBvwOf3L032lf0wbcnqQIEYPYe7gIPrRPPU+kONk8Z/jVAPb38fH0gpiiLA+lgwaDgCRMJhJGf6FFXV3vNcucBGL+Am5ty2dM6UjkWzp3ziU+Vb+TZqpp9yGhLADwFCoXKYTgVD3vPSrBXr6wrE6RruBZyYzoK+nT7psdMb1rS8P+Hxh3bKstiT19X0S4CcGSmDzAzkO9gDHHL5510rF9jg8uMD5juC55jfry5aubBpb+xOz8Fd+3+rO3bqr6ndvX0VA/i8HyEEHT4CeoAl4/GFYHrLm3Fordk0npmNNP8haJeh+7uWzW04+M665R9MmzT+S0kU+jImkq2mJE1RFab6fA9nJixWnUvjmTUoS6K84xfQU0i+piya9fRhjrftfR2/L3M8TobToxYFEScnqehu0QW8ufX1eoGXJPNy6Mju3W2pAVgSeO4AHQLV+SR5pIVES+CQ1+QolPeoqlr0RMsFXJTkpXDbbVxVV/eclW+04wjTDod4HGe907aQuiImOV7RfbXVVdWNeqCMCUpu4ORM4Zl6csg2pC4X8GHRsNbdl6BrBs1MpWbh4DuLrhvoEGzZODVJHA7GPOuLJ5iG0ELAchUcn5mh63/n4hlKnwt4bW11uCvW65x+cLXAkgkQDgMpXDtQRkhAydXRKQnJVTqq5liZTv/V0dDJHCyD6rIZT5mU+15Fgk36/X7n/oQ0beGawQTgtMZxT4UP2a1zt4I6n8bxPlLNU+u+GxS6HMwch43lBZzu+tHpXPaIPDRKWi2gPDKi6sDo2sqjBUxx91CbOWdBN6r+hCqfJu+ezfuXEfCdX7lw+k70nvDmGHwr7KSbRrmA9+POa7v5lgwHA2debJn5KSIvxQBnsXxj7qcfwe4a8bmAD4tWnLp6s7uzN2lWw33kdhkeK/lUpat+3Kg9C2ZMPIzuC6A9HmxDbsJeozndwNesXLCf2mO376gnz3TW4Jph2I3Y7cidnr7ynt54MJky/ZZli8jFTZHnE7Ikdmt+9Ua0wjg/bvSwM0+OHXER0ZV2PqULn4EGBjH8LKzgJH+OZnBpHG3kczuNgF7dUD/2DJ6JBlO6wLwP9OtgBt0vr22a3hrHBHQnQkSXlTWgahBlg+WgIMgHIoEpb6cdTvZ7A3QRRFruBDm+FnXRiyhZ3jY+YCXKLwgI0QNTYkKPt1d5YBBmAaJdver48bx/pWQZ/781wx06nq7kgGc0lu8ElOF74OqSBf4P9hj31KSAw4AAAAAASUVORK5CYII=");
  }
}
.project-intro {
  font-size: 19px;
  line-height: 29px;
  max-width: 600px;
  min-height: 500px;
  color: #4a5658;
  margin: 20px 0;
  margin-top: 50px;
}
.project-intro input, .project-intro select {
  display: inline;
}
.project-intro input[type=text] {
  padding: 0 10px;
  height: 50px;
}
.project-intro select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 20px 30px;
  height: 68px;
  margin-bottom: 20px;
}
.project-intro h2 {
  font-size: 32px;
}
.project-intro .error-message {
  background: #faa;
  padding: 5px 10px;
  color: #fff;
  border-radius: 4px;
}
.project-intro .error-message.hide {
  display: none;
}
.project-intro .step {
  display: none;
  margin-bottom: 20px;
}
.project-intro .step.active {
  display: block;
}
.project-intro .step-body, .project-intro .step-actions {
  margin-bottom: 40px;
}
.project-intro .step-body button:focus, .project-intro .step-actions button:focus {
  outline: none;
}
.project-intro .step-description {
  margin-left: 20px;
  color: #aaa;
}
.project-intro .project-category {
  margin: 4px 0;
  width: 300px;
}
.project-intro .project-title {
  margin: 4px 0;
  width: 100%;
}
.project-intro .delay.d9s {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.project-intro .delay.d15s {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.project-intro .delay.d24s {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.project-intro .full-width {
  width: 700px;
}
.project-intro .mts {
  margin-top: 40px;
}

.project-metrics-component .title {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
.project-metrics-component .chart-header {
  *zoom: 1;
}
.project-metrics-component .chart-header:before, .project-metrics-component .chart-header:after {
  content: "";
  display: table;
}
.project-metrics-component .chart-header:after {
  clear: both;
}
.project-metrics-component .chart-header .title {
  float: left;
}
.project-metrics-component .chart-header .range-selector {
  float: right;
  margin-top: -10px;
  min-width: 250px;
  background-color: #FFF;
  height: 30px;
  border: 2px solid #eee;
}
.project-metrics-component .chart-data {
  margin-bottom: 30px;
}
.project-metrics-component .chart-data .title {
  margin-bottom: 15px;
}
.project-metrics-component .chart-data .traffic-sources .source {
  *zoom: 1;
  padding: 5px 10px;
}
.project-metrics-component .chart-data .traffic-sources .source:before, .project-metrics-component .chart-data .traffic-sources .source:after {
  content: "";
  display: table;
}
.project-metrics-component .chart-data .traffic-sources .source:after {
  clear: both;
}
.project-metrics-component .chart-data .traffic-sources .source .name {
  float: left;
}
.project-metrics-component .chart-data .traffic-sources .source .count {
  float: right;
}
.project-metrics-component .chart-data .traffic-sources .source:nth-child(odd) {
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.project-metrics-component .chart-data .traffic-sources .load-more {
  padding: 5px 10px;
}
.project-metrics-component .chart-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.project-metrics-component .tooltip {
  position: absolute;
  top: -1000px;
  left: 0;
  background-color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 14px;
}
.project-metrics-component .y.axis line {
  stroke: #eee;
  stroke-width: 2px;
}
.project-metrics-component .date {
  font-weight: 600;
}
.project-metrics-component .legend {
  width: 10px;
  height: 5px;
  margin-right: 5px;
}
.project-metrics-component .legend.pageviews {
  background-color: #059DD2;
  fill: #059DD2;
}
.project-metrics-component .legend.funding {
  background-color: #B3E1D8;
}
.project-metrics-component .legend-text {
  font-size: 13px;
}
.project-metrics-component .project-chart {
  height: 300px;
  margin-bottom: 40px;
  background-color: #FFF;
  border-radius: 6px;
}
.project-metrics-component .project-chart text {
  fill: #aaa;
}
.project-metrics-component .project-chart .loading-icon {
  position: relative;
  top: 110px;
  background-image: url(image_path("https://d3t9s8cdqyboc5.cloudfront.net/assets/nucleus/loading.gif"));
  width: 40px;
  height: 75px;
  margin: auto;
}
.project-metrics-component .project-chart .pageview {
  fill: #B3E1D8;
}
.project-metrics-component .project-chart .tooltip-hover {
  fill: transparent;
}
.project-metrics-component .project-chart .funding {
  fill: #B3E1D8;
}
.project-metrics-component .project-chart .axis {
  shape-rendering: crispEdges;
}
.project-metrics-component .project-chart .axis path {
  display: none;
}
.project-metrics-component .project-chart .line {
  stroke: #059DD2;
  stroke-width: 3;
  fill: none;
}
.project-metrics-component .project-chart .area {
  fill: #C8E4F0;
}
.project-metrics-component .project-chart .point {
  stroke: #19a8e1;
}
.project-metrics-component .project-chart .point.pageviews {
  fill: #19a8e1;
}
.project-metrics-component .project-chart .point.hover-only {
  visibility: hidden;
}
.project-metrics-component .project-chart .point.selected {
  visibility: visible;
  stroke: #11749B;
  stroke-width: 2px;
}
.project-metrics-component .table-wrapper {
  border: 3px solid #F2F3F4;
  border-radius: 6px;
  background-color: #FFF;
  overflow: hidden;
}
.project-metrics-component .table-wrapper th, .project-metrics-component .table-wrapper td {
  padding: 10px;
}
.project-metrics-component .table-wrapper th:first-child, .project-metrics-component .table-wrapper td:first-child {
  padding-left: 30px;
}
.project-metrics-component .table-wrapper th:last-child, .project-metrics-component .table-wrapper td:last-child {
  padding-right: 30px;
}
.project-metrics-component .table-wrapper table {
  width: 100%;
}
.project-metrics-component .table-wrapper th {
  border-bottom: 2px solid #F2F3F4;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 14px;
  color: #B6BFC3;
  -webkit-font-smoothing: antialiased;
}
.project-metrics-component .table-wrapper th:last-child {
  text-align: right;
}
.project-metrics-component .table-wrapper td {
  vertical-align: top;
  font-weight: 600;
  color: #3B4446;
  font-size: 18px;
}
.project-metrics-component .table-wrapper td.stat {
  text-align: right;
}
.project-metrics-component .table-wrapper .update-title {
  font-size: 16px;
  width: 50%;
}
.project-metrics-component .table-wrapper .update-title a {
  color: #000;
}
.project-metrics-component .table-wrapper .update-published {
  color: #aaa;
  font-size: 14px;
  font-weight: 400;
}
.project-metrics-component .table-wrapper .title {
  margin-bottom: 20px;
}
.project-metrics-component .table-wrapper .updates-table {
  *zoom: 1;
}
.project-metrics-component .table-wrapper .updates-table:before, .project-metrics-component .table-wrapper .updates-table:after {
  content: "";
  display: table;
}
.project-metrics-component .table-wrapper .updates-table:after {
  clear: both;
}
.project-metrics-component .table-wrapper .updates-table .past-month {
  text-align: right;
}
.project-metrics-component .table-wrapper .updates-table .blank-state {
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
}
.project-metrics-component .table-wrapper .updates-table .update-chart {
  height: 50px;
}
.project-metrics-component .table-wrapper .updates-table .update-chart .focus {
  fill: #fff;
  stroke: #1486b3;
}
.project-metrics-component .table-wrapper .updates-table .update-chart .line {
  stroke: #1486b3;
  stroke-width: 3;
  fill: none;
}

.project-metrics-chart-tooltip {
  padding: 10px 15px;
  background: #fff;
  color: #777;
  border: 1px solid #eee;
  border-radius: 5px;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  transition: 0.2s opacity;
  line-height: 1.4;
}
.project-metrics-chart-tooltip .date {
  font-weight: bold;
}

/*default from video.js/dist/video-js.css*/
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: transparent; /* overide */
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

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

.video-js[tabindex="-1"] {
  outline: none;
}

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

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 45%;
  left: 45%;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

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

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

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

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}

/* begin our custom video player styles*/
@media (min-width: 768px) {
  .vjs-preload {
    width: 640px;
    height: 360px;
    background: #f5f5f5;
    border-radius: 6px;
  }
}

.video-js {
  background-color: none;
  outline: none;
}
.video-js *:focus {
  outline: none;
  box-shadow: none;
}
.video-js .vjs-big-play-button {
  border: none;
  background-color: rgba(26, 32, 36, 0.5);
  margin: auto;
  height: 55px;
  width: 68.75px;
  font-size: 3.8em;
  border-radius: 6px;
}
.video-js .vjs-control-bar {
  bottom: 6px;
  width: 97%;
  margin: 0 auto;
  background: transparent;
}

.vjs-play-control {
  margin-right: 4px !important;
  border-radius: 4px;
  background-color: rgba(43, 51, 48, 0.7) !important;
}

.vjs-progress-control {
  border-radius: 4px;
  background-color: rgba(43, 51, 48, 0.7) !important;
}

.vjs-progress-control .vjs-progress-holder {
  height: 5px;
}
.vjs-progress-control .vjs-play-progress:before {
  content: none !important;
}

.vjs-load-progress div,
.vjs-load-progress {
  background: transparent !important;
}

.vjs-poster {
  border-radius: 5px;
  overflow: hidden;
}

#poster {
  background-color: none;
}

.vjs-tech {
  border-radius: 5px;
  background: #000;
}

.video-js:hover .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: none;
  background-color: #36ac9c;
  color: #FFF;
  transition: all 0s;
  outline: none;
}

.rewards {
  background: #FFF;
  border: 1px solid #9Ba5aa;
}
.rewards.modal {
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 99%;
  top: 0px;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 0;
}
.rewards.modal ::-webkit-scrollbar {
  width: 9px;
}
.rewards.modal ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
}
.rewards.modal ::-webkit-scrollbar-thumb {
  background-color: #dadada;
  outline: none;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .rewards.modal {
    width: 480px;
    min-height: 730px;
    right: 0;
    top: 10px;
    overflow: hidden;
    border-radius: 6px;
  }
}
@media screen and (max-height: 680px) and (min-device-width: 480px) {
  .rewards.modal {
    top: 0;
    min-height: 90vh;
  }
  .rewards.modal .reward-form-container {
    height: 65vh;
  }
  .rewards.modal .reward-selection-container {
    position: relative;
    z-index: 2;
  }
  .rewards.modal .header-image {
    height: 114px;
  }
}
.rewards.modal .header-container .header-image {
  height: 134px;
  background-size: cover;
}
.rewards.modal .header-container .header-title {
  padding: 0px 1%;
  padding-top: 14px;
}
@media (min-width: 768px) {
  .rewards.modal .header-container .header-title {
    padding: 10px 34px 10px 34px;
  }
}
.rewards.modal .header-container .header-title h3, .rewards.modal .header-container .header-title p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
}
.rewards.modal .header-container .header-title h3 {
  font-family: "Copernicus", Times;
  font-size: 17px;
}
.rewards.modal .modal-content {
  padding: 0px;
}
@media (min-width: 768px) {
  .rewards.modal .modal-content {
    padding: 30px 34px 30px 34px;
    height: auto;
  }
}
@media screen and (max-height: 680px) {
  .rewards.modal .modal-content {
    padding: 10px 25px 10px 34px;
    overflow-y: scroll;
  }
}
.rewards.modal .js-amount {
  width: 100% !important;
}
.rewards.modal .currency-label {
  right: 4% !important;
}
.rewards.modal .previously-backed {
  margin: 60px 0 24px 0;
  text-align: center;
  background-color: rgba(54, 172, 156, 0.1);
  border: 2px solid #ddd;
  border-radius: 3px;
  padding: 4px 0 10px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .rewards.modal .previously-backed {
    margin: 6px 0 24px 0;
  }
}
.rewards.modal .previously-backed img {
  height: 31px;
  width: 24px;
  position: relative;
  top: 7px;
  margin-right: 5px;
}
.rewards.modal .project-page .amount-fun-message {
  display: none !important;
}
.rewards:active, .rewards:focus {
  outline: none;
}
.rewards .pledge {
  color: #aaa;
}
.rewards .modal-close {
  float: right;
  top: 14px;
  left: -14px;
  position: relative;
  color: #ddd;
  cursor: pointer;
  font-weight: 600;
  display: block;
  font-size: 16px;
}
.rewards .modal-close:hover {
  color: #FFF;
}
.rewards .header-text {
  position: relative;
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
  .rewards .reward-form-container {
    min-height: 120px;
  }
}
@media (min-width: 768px) {
  .rewards .reward-form-container form {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
  }
}
.rewards .project-page .funding-box .fund-button-donation {
  padding: 0 1%;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .rewards .project-page .funding-box .fund-button-donation {
    padding: 0;
    margin-top: 0px !important;
  }
}
.rewards .reward-selection-container {
  padding: 0px 1%;
}
@media (min-width: 768px) {
  .rewards .reward-selection-container {
    padding: 0;
    padding-right: 10px;
    min-height: 230px;
    max-height: 47vh;
    width: 101%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.rewards .reward-selection-container .reward-selection-component {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 4px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.rewards .reward-selection-container .reward-selection-component:last-child {
  margin-bottom: 110px;
}
@media (min-width: 768px) {
  .rewards .reward-selection-container .reward-selection-component:last-child {
    margin-bottom: 10px;
  }
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container {
  padding-right: 12px;
  width: 100%;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container h3, .rewards .reward-selection-container .reward-selection-component .reward-details-container h5 {
  color: #4a5658;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container h3 {
  margin-right: 4px;
  display: inline-block;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container h5 {
  margin: 14px 0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .rewards .reward-selection-container .reward-selection-component .reward-details-container h5 {
    margin: 0 0 14px 0;
  }
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .rewards .reward-selection-container .reward-selection-component .reward-details-container p {
    font-size: 16px;
  }
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .pledge {
  color: #9Ba5aa;
  font-weight: 300;
  display: inline-block;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .no-reward {
  font-size: 1.3em;
  margin: 15px 0;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
  .rewards .reward-selection-container .reward-selection-component .reward-details-container .no-reward {
    font-size: 1.05em;
  }
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .block {
  width: 100%;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .limited,
.rewards .reward-selection-container .reward-selection-component .reward-details-container .user-bought,
.rewards .reward-selection-container .reward-selection-component .reward-details-container .filled {
  display: block;
  font-size: 12px;
}
@media (min-width: 768px) {
  .rewards .reward-selection-container .reward-selection-component .reward-details-container .limited,
  .rewards .reward-selection-container .reward-selection-component .reward-details-container .user-bought,
  .rewards .reward-selection-container .reward-selection-component .reward-details-container .filled {
    float: right;
    display: block;
  }
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .limited {
  color: #36ac9c;
  margin: 16px 6px 0 0;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .user-bought {
  color: #36ac9c;
  padding-top: 10px;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .user-bought img {
  width: 18px;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .user-bought svg {
  height: 18px;
  vertical-align: bottom;
}
.rewards .reward-selection-container .reward-selection-component .reward-details-container .user-bought svg path {
  fill: #36ac9c;
}
.rewards .reward-selection-container .reward-selection-component.disabled {
  background-color: #ddd;
  border: 2px solid #aaa;
  opacity: 0.3;
}
.rewards .reward-selection-container .reward-selection-component.bought {
  background-color: #f0f8f9;
  border: 2px solid #36ac9c;
}
.rewards .reward-selection-container .reward-selection-component.checked {
  background-color: #f0f8f9;
  border: 2px solid #36ac9c;
}
.rewards .reward-selection-container .reward-selection-component.checked h3, .rewards .reward-selection-container .reward-selection-component.checked h5, .rewards .reward-selection-container .reward-selection-component.checked .pledge {
  color: #1a2024;
}
.rewards .reward-selection-container .reward-selection-component:hover {
  transition-duration: 0.22s;
  border-color: #36ac9c;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container input[type=checkbox] {
  width: 25px;
  height: 25px;
  margin: 0 22px 0 0;
  padding: 0;
  z-index: 3;
  opacity: 0;
  display: block;
  position: relative;
  -webkit-appearance: none;
  background: transparent;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container input[type=checkbox]:hover {
  background-color: #ddd;
  border: 2px solid #aaa;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container input[type=checkbox]:hover ~ .checkbox {
  background-color: #ddd;
  box-shadow: 0px 0px 9px #eeeff0;
  opacity: 1;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container input[type=checkbox]:hover ~ .checkbox-tick {
  border-color: #F2F3F4;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container input[type=checkbox]:checked ~ .checkbox {
  display: block;
  pointer-events: none;
  background-color: #36ac9c;
  border: 2px solid #36ac9c;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container input[type=checkbox]:checked ~ .checkbox h3 {
  color: #1a2024;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container .checkbox {
  background-color: #f5f5f5;
  border: 2px solid #D4D9DB;
  height: 20px;
  width: 20px;
  position: relative;
  top: -10px;
  left: 14px;
  border-radius: 50%;
  transition: all ease-in-out 0.13s;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-container .checkbox-tick {
  left: 23px;
  top: -28px;
  position: relative;
  width: 4px;
  height: 8px;
  border: solid #F2F3F4;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: relative;
  transition: all ease-in-out 0.13s;
}
.rewards .reward-selection-container .reward-selection-component .checkbox.no-reward {
  top: -8px !important;
}
.rewards .reward-selection-container .reward-selection-component .checkbox-tick.no-reward {
  top: -27px !important;
}
.rewards .reward-button-container {
  position: fixed;
  bottom: 1%;
  width: 85%;
  margin: 0 auto;
  height: 47px;
  background: white;
  z-index: 1000;
  left: 6.5%;
  padding: 0px 1%;
  padding-top: 15px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .rewards .reward-button-container {
    min-height: 60px;
    height: 25%;
    bottom: 2px;
    position: relative;
    padding: 21px 0 0 0;
    left: 0;
    width: 100%;
  }
}
.rewards .reward-button-container .btn {
  margin-top: 12px;
  display: block;
  margin-top: 6px;
  width: 100%;
  margin: 0 auto;
}

.rewards-container .reward-card-container {
  border: 2px solid #D4D9DB;
  border-radius: 5px;
  margin: 12px 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.rewards-container .reward-card-container.loading {
  height: 200px;
  border: 2px solid #f0f2f2;
}
.rewards-container .reward-card-container .loading-content {
  background-color: #f0f2f2;
  height: 26px;
  width: 120px;
  border-radius: 4px;
  left: 20px;
  top: 20px;
  position: relative;
}
.rewards-container .reward-card-container .user-is-backer {
  background-color: #36ac9c;
  padding: 12px 18px;
}
.rewards-container .reward-card-container .user-is-backer h5 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  color: #FFF;
  font-size: 18px;
}
.rewards-container .reward-card-container .user-is-backer svg {
  left: -2px;
  position: relative;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline;
}
.rewards-container .reward-card-container .full {
  background: #ddd;
  opacity: 0.3;
}
.rewards-container .reward-card-container .reward-card-content {
  padding: 12px 22px;
}
.rewards-container .reward-card-container .reward-card-content h3 {
  margin-right: 4px;
  color: #36ac9c;
  display: inline-block;
}
.rewards-container .reward-card-container .reward-card-content p {
  font-size: 14px;
}
.rewards-container .reward-card-container .header h3 {
  color: #1a2024;
  font-size: 22px;
  margin-top: -5px;
}
.rewards-container .reward-card-container .header h5 {
  font-weight: 300;
  color: #9Ba5aa;
  display: inline-block;
  font-size: 16px;
}
.rewards-container .reward-card-container .description h5 {
  font-family: "Copernicus", Times;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
}
.rewards-container .reward-card-container .eligibility h5,
.rewards-container .reward-card-container .ship-date h5 {
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-weight: 600;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  color: #555;
  margin-bottom: 0px;
}
.rewards-container .reward-card-container .eligibility p,
.rewards-container .reward-card-container .ship-date p {
  margin-top: 3px;
  font-size: 12px;
}
.rewards-container .reward-card-container .backers .user-avatar {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  margin-left: -10px;
}
.rewards-container .reward-card-container .backers .user-avatar:first-child {
  margin-left: 0px;
}
.rewards-container .reward-card-container .backers .user-avatar img {
  border: 2px solid #FFF;
}
.rewards-container .reward-card-container .backers p {
  display: inline-block;
  color: #9Ba5aa;
  margin-left: 10px;
}
.rewards-container .reward-card-container .limited {
  margin: -20px 0 25px 0;
}
.rewards-container .reward-card-container .limited span, .rewards-container .reward-card-container .limited h5 {
  color: #36ac9c;
  font-size: 13px;
}
.rewards-container .reward-card-container .limited span {
  font-weight: 400;
  margin-left: 4px;
}
.rewards-container .reward-card-container:hover {
  transition-duration: 0.22s;
  background-color: #f0f8f9;
  border-color: #36ac9c;
}
.rewards-container .reward-card-container:hover .user-avatar img {
  border-color: #f0f8f9;
}
.rewards-container .reward-card-container.backer-of {
  border-color: #36ac9c;
}

.tag-selector-component .tag-selector-search {
  margin-bottom: 10px;
}
.tag-selector-component .tag-selector-search .search-input {
  margin-right: 4px;
}
.tag-selector-component .tag-selector-search .search-input, .tag-selector-component .tag-selector-search .add-button {
  height: 35px;
  box-sizing: border-box;
}
.tag-selector-component .tag-selector-tags {
  *zoom: 1;
}
.tag-selector-component .tag-selector-tags:before, .tag-selector-component .tag-selector-tags:after {
  content: "";
  display: table;
}
.tag-selector-component .tag-selector-tags:after {
  clear: both;
}
.tag-selector-component .tag-selector-tags .tag {
  -webkit-animation-duration: 0.17s;
          animation-duration: 0.17s;
  float: left;
  border: 2px solid #9Ba5aa;
  border-radius: 4px;
  padding: 0px 8px 2px 8px;
  font-size: 15px;
  font-weight: 400;
  margin-right: 5px;
  margin-bottom: 5px;
}
.tag-selector-component p {
  margin: 0;
}
.tag-selector-component .close-button {
  margin-left: 4px;
  color: #9Ba5aa;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  top: 1px;
}

.update-tags {
  margin-bottom: 20px;
  *zoom: 1;
}
.update-tags:before, .update-tags:after {
  content: "";
  display: table;
}
.update-tags:after {
  clear: both;
}
.update-tags span {
  float: left;
  font-weight: 600;
  color: #aaa;
  margin: 5px 8px 0 0;
}
.update-tags .update-tag {
  float: left;
  margin-right: 8px;
  margin-bottom: 5px;
  padding: 3px 7px 2px 7px;
  border: 2px solid #4a5658;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13.5px;
  color: #4a5658;
  background-color: #FFF;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.update-tags .update-tag.selected {
  background: #4a5658;
  border-color: #4a5658 !important;
  color: #FFF;
}
.update-tags .update-tag:hover {
  border-color: #4b5759;
  transition: all 0.18s ease;
}
.update-tags .update-tag:hover a {
  color: #4b5759;
}

.year-in-review-additional-data-component {
  background-color: #83D1BD;
}
.year-in-review-additional-data-component .bar-wrapper {
  margin-bottom: 70px;
}
.year-in-review-additional-data-component .bar,
.year-in-review-additional-data-component .bar-label {
  display: inline-block;
  vertical-align: top;
}
.year-in-review-additional-data-component .bar {
  width: 0;
  height: 80px;
  background-color: #00A585;
  margin-right: 20px;
}
.year-in-review-additional-data-component .bar-label {
  opacity: 0;
  margin-top: 5px;
}
.year-in-review-additional-data-component .bar-label .year,
.year-in-review-additional-data-component .bar-label .label {
  display: block;
  -webkit-font-smoothing: antialiased;
}
.year-in-review-additional-data-component .bar-label .year {
  font-size: 38px;
  line-height: 1;
  font-weight: 600;
  color: #FFF;
}
.year-in-review-additional-data-component .bar-label .degree-label {
  font-size: 24px;
  color: #797168;
}

.react-component .preload-spinner {
  color: #9Ba5aa;
  text-align: center;
}

.preload-shape {
  -webkit-animation: color-fade 6s 1;
  animation: color-fade 6s 1;
  background: white;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
}

@-webkit-keyframes color-fade {
  0% {
    background: #f5f5f5;
  }
  33% {
    background: #f5f5f5;
  }
  66% {
    background: #FFF;
  }
  100% {
    background: #f5f5f5;
  }
}
@keyframes color-fade {
  0% {
    background: #f5f5f5;
  }
  33% {
    background: #f5f5f5;
  }
  66% {
    background: #FFF;
  }
  100% {
    background: #F2F3F4;
  }
}
.grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none;
}

.js-loading-placeholder {
  position: absolute;
  z-index: 2000;
  height: 100%;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
}
.js-loading-placeholder img {
  display: block;
  margin: auto;
  margin-top: 30%;
  height: 50px;
  width: 30px;
}
.js-loading-placeholder p {
  position: fixed;
  top: 20%;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  opacity: 0.6;
}

#editor-write-nav,
.toolbar-wrapper {
  height: 82px;
  position: fixed;
  width: 100%;
  display: block;
  transition-duration: 0.2s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  background: #FFF;
  border-bottom: 1px solid #F2F3F4;
}
@media (min-width: 768px) {
  #editor-write-nav,
  .toolbar-wrapper {
    height: 50px;
  }
}
#editor-write-nav.fadeInDown,
.toolbar-wrapper.fadeInDown {
  opacity: 1;
  top: 0;
}
#editor-write-nav.fadeOutUp,
.toolbar-wrapper.fadeOutUp {
  opacity: 0;
  pointer-events: none;
}
#editor-write-nav a svg,
.toolbar-wrapper a svg {
  width: 110px;
}
@media (min-width: 768px) {
  #editor-write-nav a svg,
  .toolbar-wrapper a svg {
    width: auto;
  }
}
#editor-write-nav .main-links,
.toolbar-wrapper .main-links {
  margin: 0;
  width: 54%;
  text-align: right;
}
@media (min-width: 768px) {
  #editor-write-nav .main-links,
  .toolbar-wrapper .main-links {
    width: auto;
    text-align: left;
  }
}
#editor-write-nav .btn,
.toolbar-wrapper .btn {
  margin-top: -2px;
  display: inline-block;
}
@media (min-width: 768px) {
  #editor-write-nav .btn,
  .toolbar-wrapper .btn {
    margin-top: 8px;
  }
}
#editor-write-nav .action-label,
.toolbar-wrapper .action-label {
  display: none;
}
@media (min-width: 768px) {
  #editor-write-nav .action-label,
  .toolbar-wrapper .action-label {
    display: inline-block;
    width: 61%;
  }
}
#editor-write-nav .action-label .label, #editor-write-nav .action-label .title,
.toolbar-wrapper .action-label .label,
.toolbar-wrapper .action-label .title {
  display: block;
}
#editor-write-nav .action-label .title,
.toolbar-wrapper .action-label .title {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 6px;
}
#editor-write-nav .action-label .title a,
.toolbar-wrapper .action-label .title a {
  color: #1a2024;
}
#editor-write-nav .action-label .label,
.toolbar-wrapper .action-label .label {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  color: #9Ba5aa;
  font-size: 13px;
}
#editor-write-nav .save-message,
.toolbar-wrapper .save-message {
  margin: 0 4px 0 0;
  width: 50%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #aaa;
  display: inline-block;
  text-align: right;
  font-size: 12px;
}
@media (min-width: 768px) {
  #editor-write-nav .save-message,
  .toolbar-wrapper .save-message {
    margin: 16px 13px 0 0;
    width: auto;
  }
}
#editor-write-nav .btn-group,
.toolbar-wrapper .btn-group {
  float: right;
}
#editor-write-nav .editor-actions-wrapper,
.toolbar-wrapper .editor-actions-wrapper {
  top: 0px;
  text-align: center;
  width: 100%;
  display: inline;
  position: relative;
  color: #FFF;
}
@media (min-width: 768px) {
  #editor-write-nav .editor-actions-wrapper,
  .toolbar-wrapper .editor-actions-wrapper {
    float: right;
    width: auto;
    top: 0px;
    display: inline-block;
  }
}
#editor-write-nav .editor-actions-wrapper .btn-primary,
.toolbar-wrapper .editor-actions-wrapper .btn-primary {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #F2F3F4;
}
#editor-write-nav .editor-actions-wrapper .dropdown-toggle,
.toolbar-wrapper .editor-actions-wrapper .dropdown-toggle {
  padding: 6px 10px 6px 8px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
}
#editor-write-nav .editor-actions-wrapper .dropdown-toggle:hover,
.toolbar-wrapper .editor-actions-wrapper .dropdown-toggle:hover {
  background-color: #36ac9c;
}
#editor-write-nav .editor-actions-wrapper .dropdown-toggle:focus, #editor-write-nav .editor-actions-wrapper .dropdown-toggle:active,
.toolbar-wrapper .editor-actions-wrapper .dropdown-toggle:focus,
.toolbar-wrapper .editor-actions-wrapper .dropdown-toggle:active {
  outline: none;
}
#editor-write-nav .editor-actions-wrapper .btn-group .dropdown-menu,
.toolbar-wrapper .editor-actions-wrapper .btn-group .dropdown-menu {
  display: none;
}
#editor-write-nav .editor-actions-wrapper .btn-group.open .dropdown-menu,
.toolbar-wrapper .editor-actions-wrapper .btn-group.open .dropdown-menu {
  display: inline-block;
  -webkit-animation-duration: 0.18s;
          animation-duration: 0.18s;
}
#editor-write-nav .editor-actions-wrapper .dropdown .caret,
.toolbar-wrapper .editor-actions-wrapper .dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu {
  right: -77px;
  top: 31px;
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #FFF;
  border: 2px solid #ddd;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 2px 28px -14px rgba(0, 0, 0, 0.6);
  min-width: 190px;
  text-align: left;
}
@media (min-width: 768px) {
  #editor-write-nav .editor-actions-wrapper .dropdown-menu,
  .toolbar-wrapper .editor-actions-wrapper .dropdown-menu {
    right: 0px;
    top: 100%;
  }
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu a,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu a {
  font-size: 14px;
  padding-left: 23px;
  cursor: pointer;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li {
  margin: 4px 0;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li > a,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li > a {
  color: #1a2024;
  margin: 10px 0;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li > a.selected,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li > a.selected {
  color: #1a2024;
  font-weight: 600;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li > a.selected .fa,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li > a.selected .fa {
  display: inline-block;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li > a .fa,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li > a .fa {
  position: relative;
  top: 0px;
  left: -9px;
  color: #1a2024;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li:hover a,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li:hover a {
  color: #36ac9c;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu > li .checkmark,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu > li .checkmark {
  display: inline-block;
  width: 17px;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu .delete-button,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu .delete-button {
  margin: 0 10px 0 19px;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu .calendar-container,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu .calendar-container {
  margin: 5px 10px;
  color: #4a5658;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu .calendar-container input,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu .calendar-container input {
  font-size: 14px;
  margin: 0;
  padding: 2px 4px;
}
#editor-write-nav .editor-actions-wrapper .dropdown-menu .calendar-container input:focus,
.toolbar-wrapper .editor-actions-wrapper .dropdown-menu .calendar-container input:focus {
  border: 2px solid #36ac9c;
  border-radius: 3px;
  transition-duration: 0.2s;
}
#editor-write-nav .editor-actions-wrapper .toggle-backer-only,
.toolbar-wrapper .editor-actions-wrapper .toggle-backer-only {
  border-top: 1px solid #F2F3F4;
  display: block;
  margin-top: 8px;
  padding-top: 5px;
}
#editor-write-nav .editor-actions-wrapper .toggle-backer-only .toggle-switch,
.toolbar-wrapper .editor-actions-wrapper .toggle-backer-only .toggle-switch {
  display: inline-block;
  width: 19px;
  vertical-align: top;
  position: relative;
  padding: 15px 0 0 7px;
}
#editor-write-nav .editor-actions-wrapper .toggle-backer-only .toggle-switch input,
.toolbar-wrapper .editor-actions-wrapper .toggle-backer-only .toggle-switch input {
  margin-left: 10px;
}
#editor-write-nav .editor-actions-wrapper .toggle-backer-only .description,
.toolbar-wrapper .editor-actions-wrapper .toggle-backer-only .description {
  display: inline-block;
  width: 157px;
  margin-left: 7px;
}
#editor-write-nav .editor-actions-wrapper .toggle-backer-only p,
.toolbar-wrapper .editor-actions-wrapper .toggle-backer-only p {
  color: #1a2024;
  font-size: 14px;
  padding-left: 10px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
#editor-write-nav .editor-actions-wrapper .toggle-backer-only .text-muted,
.toolbar-wrapper .editor-actions-wrapper .toggle-backer-only .text-muted {
  font-size: 11px;
  color: #9Ba5aa;
  line-height: 14px;
}

.save-button,
.cancel-button {
  border-radius: 4px;
  margin-right: 10px;
  padding: 4px 15px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  background-color: #36ac9c;
}
.save-button:hover,
.cancel-button:hover {
  background-color: #3cbfae;
}

.cancel-button {
  background-color: #ccc;
}
.cancel-button:hover {
  background-color: #d9d9d9;
}

article.core-content ::-moz-selection {
  background: #E1F0EE; /* WebKit/Blink Browsers */
}

article.core-content ::selection {
  background: #E1F0EE; /* WebKit/Blink Browsers */
}
article.core-content ::-moz-selection {
  background: #E1F0EE; /* Gecko Browsers */
}
article.core-content p {
  font-size: 0.968em;
  color: #333b3c;
  line-height: 1.7;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  article.core-content p {
    font-size: 1.1em;
  }
}
article.core-content b, article.core-content strong {
  font-weight: 600;
  color: #2e3637;
}
article.core-content a {
  color: #36ac9c;
  text-decoration: none;
}
article.core-content a strong, article.core-content a b {
  color: #36ac9c;
}
article.core-content ul,
article.core-content ol {
  font-size: 0.968em;
  margin: 0 0 20px 24px;
}
@media (min-width: 768px) {
  article.core-content ul,
  article.core-content ol {
    font-size: 1.1em;
  }
}
article.core-content ul ul, article.core-content ul ol,
article.core-content ol ul,
article.core-content ol ol {
  margin-bottom: 0;
}
article.core-content ul li,
article.core-content ol li {
  margin: 11px 0 18px 0;
  line-height: 1.7;
}
article.core-content ul li p,
article.core-content ol li p {
  line-height: 29px;
  margin: 6px 0 6px 10px;
}
article.core-content ul li ul, article.core-content ul li ol,
article.core-content ol li ul,
article.core-content ol li ol {
  display: inline-block;
  margin: 1px 0 0 20px;
}
article.core-content ul li ul li, article.core-content ul li ol li,
article.core-content ol li ul li,
article.core-content ol li ol li {
  margin-left: 10px;
}
article.core-content li > * {
  font-size: 1em;
  margin-left: 10px;
  text-align: left;
  word-break: break-word;
  vertical-align: top;
}
article.core-content dl {
  margin-top: 0;
  margin-bottom: 10px;
}
article.core-content dt,
article.core-content dd {
  line-height: 1.7;
}
article.core-content dt {
  font-weight: bold;
}
article.core-content dd {
  margin-left: 0;
}
article.core-content h1 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Copernicus", Times;
  font-weight: 600;
}
article.core-content h2, article.core-content h3 {
  line-height: 1.34;
}
article.core-content h2, article.core-content h3, article.core-content h4, article.core-content h5 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
article.core-content h1, article.core-content h2, article.core-content .title {
  margin-bottom: 24px;
}
article.core-content h1, article.core-content .h1 {
  font-weight: 600;
  line-height: 1.3;
  font-size: 1.2em;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  article.core-content h1, article.core-content .h1 {
    font-size: 1.8em;
    line-height: 1.37;
    letter-spacing: -0.012em;
  }
}
article.core-content h2, article.core-content .h2 {
  font-size: 1.188em;
}
@media (min-width: 768px) {
  article.core-content h2, article.core-content .h2 {
    font-size: 1.35em;
  }
}
article.core-content h3, article.core-content .h3 {
  font-size: 0.968em;
}
@media (min-width: 768px) {
  article.core-content h3, article.core-content .h3 {
    font-size: 1.1em;
  }
}
article.core-content h4, article.core-content .h4 {
  font-size: 0.968em;
}
@media (min-width: 768px) {
  article.core-content h4, article.core-content .h4 {
    font-size: 1.1em;
  }
}
article.core-content h5, article.core-content .h5 {
  font-size: 0.968em;
}
@media (min-width: 768px) {
  article.core-content h5, article.core-content .h5 {
    font-size: 1.1em;
  }
}
article.core-content h6, article.core-content .h6 {
  font-size: 0.88em;
}
@media (min-width: 768px) {
  article.core-content h6, article.core-content .h6 {
    font-size: 1em;
  }
}
article.core-content img.image-node {
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  margin: 20px 0;
  width: 100%;
}
article.core-content img.image-node:first-child {
  margin-bottom: 10px;
}
article.core-content .image-caption-input,
article.core-content .image-caption {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
  color: #9Ba5aa;
  text-align: center;
  font-size: 15px;
}
article.core-content figure.image-container.inContainer {
  margin: 20px 0;
}
article.core-content iframe {
  cursor: pointer;
  border: none;
  outline: none;
}
article.core-content .video-player {
  cursor: pointer;
}
article.core-content .code, article.core-content pre, article.core-content code {
  background-color: #F2F3F4;
  color: #333b3c;
  padding: 4px 7px;
  margin: 14px 0;
  border-radius: 4px;
  font-size: 0.946em;
}
article.core-content pre.code {
  overflow-x: auto;
  overflow-y: hidden;
}
article.core-content .table-anchor {
  overflow-x: scroll;
  position: relative;
  display: table;
  width: 100vw;
  left: 50%;
}
article.core-content .table-container {
  margin: 20px 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: -50%;
  max-width: 80vw;
  max-height: 700px;
  overflow: scroll;
}
article.core-content table {
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-radius: 4px;
  margin: 0 auto;
  min-width: 680px;
}
article.core-content table tbody {
  border-radius: 4px;
}
article.core-content table tr {
  border: none;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  flex-direction: row;
  flex-wrap: nowrap;
  display: table-row;
}
article.core-content table tr:hover {
  background-color: #fafafa;
}
article.core-content table thead,
article.core-content table tr:first-child {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F2F3F4;
  color: #1a2024;
  font-weight: 600;
  font-size: 0.968em;
}
article.core-content table thead th, article.core-content table thead td,
article.core-content table tr:first-child th,
article.core-content table tr:first-child td {
  border-radius: 4px 4px 0 0;
}
@media (min-width: 768px) {
  article.core-content table thead,
  article.core-content table tr:first-child {
    font-size: 1.1em;
  }
}
article.core-content table td {
  min-width: 60px;
  border: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
  border-right: none;
  flex: 1;
  word-break: break-word;
  padding: 8px 10px;
}
article.core-content table td span,
article.core-content table td p {
  font-size: 16px;
  margin: 4px 0;
}
article.core-content table tr:last-child {
  border-radius: 0 0 4px 4px;
}
article.core-content blockquote {
  padding: 13px 22px;
  margin: 30px 0;
  font-size: 1.1em;
  border-left: 5px solid #455152;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 1.7;
}
article.core-content blockquote p,
article.core-content blockquote span,
article.core-content blockquote ul,
article.core-content blockquote ol,
article.core-content blockquote li {
  color: #272d2e;
}
article.core-content blockquote p:last-child,
article.core-content blockquote span:last-child,
article.core-content blockquote ul:last-child,
article.core-content blockquote ol:last-child,
article.core-content blockquote li:last-child {
  margin-bottom: 0;
}
article.core-content blockquote footer,
article.core-content blockquote small,
article.core-content blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.7;
  color: #4a5658;
}
article.core-content blockquote footer:before,
article.core-content blockquote small:before,
article.core-content blockquote .small:before {
  content: "— ";
}

body[data-controller=updates] {
  overflow-x: hidden;
}

button.inline {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 26px;
  width: 19px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.inline:active, button.inline:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.inline.active {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: 0px -25px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 26px;
  width: 19px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.inline.active:active, button.inline.active:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.inContainer {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -19px 0px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 26px;
  width: 20px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.inContainer:active, button.inContainer:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.inContainer.active {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -19px -25px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 26px;
  width: 20px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.inContainer.active:active, button.inContainer.active:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.full {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -38px 0px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 26px;
  width: 30px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.full:active, button.full:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.full.active {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -38px -25px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 26px;
  width: 30px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.full.active:active, button.full.active:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

.fa-icon-header-one {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: 0px -68px;
  background-size: 99px 146.5px;
  background-color: transparent;
  height: 13px;
  width: 22px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
@media (min-width: 768px) {
  .fa-icon-header-one {
    background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
    background-repeat: no-repeat;
    background-position: 0px -50px;
    background-size: 66px 110px;
    background-color: transparent;
    height: 11px;
    width: 14px;
    display: inline-block;
    margin: 0 12px;
    border: none;
  }
  .fa-icon-header-one:active, .fa-icon-header-one:focus {
    border: none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
  }
}
.fa-icon-header-one:active, .fa-icon-header-one:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

.fa-icon-header-two {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -24px -67px;
  background-size: 99px 146.5px;
  background-color: transparent;
  height: 14px;
  width: 22px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
@media (min-width: 768px) {
  .fa-icon-header-two {
    background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
    background-repeat: no-repeat;
    background-position: -16px -50px;
    background-size: 66px 110px;
    background-color: transparent;
    height: 11px;
    width: 13px;
    display: inline-block;
    margin: 0 12px;
    border: none;
  }
  .fa-icon-header-two:active, .fa-icon-header-two:focus {
    border: none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
  }
}
.fa-icon-header-two:active, .fa-icon-header-two:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

.fa-icon-blockquote {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -48px -67px;
  background-size: 99px 146.5px;
  background-color: transparent;
  height: 14px;
  width: 22px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
@media (min-width: 768px) {
  .fa-icon-blockquote {
    background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
    background-repeat: no-repeat;
    background-position: -32px -50px;
    background-size: 66px 110px;
    background-color: transparent;
    height: 10px;
    width: 14px;
    display: inline-block;
    margin: 0 12px;
    border: none;
  }
  .fa-icon-blockquote:active, .fa-icon-blockquote:focus {
    border: none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
  }
}
.fa-icon-blockquote:active, .fa-icon-blockquote:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.insert-column {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -26px -60px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.insert-column:active, button.insert-column:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.insert-row {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: 0px -67px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.insert-row:active, button.insert-row:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.remove-column {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -26px -82px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 24px;
  width: 15px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.remove-column:active, button.remove-column:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.remove-row {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: 0px -82px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 24px;
  width: 26px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.remove-row:active, button.remove-row:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

button.remove-table {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/image-menu-sprites-89e508e7a2b2d54ecf4a5cf27ed84194c4c5bda7e0c1aa2bcd3a8f1d28b132d4.png);
  background-repeat: no-repeat;
  background-position: -40px -83px;
  background-size: 66px 110px;
  background-color: transparent;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
button.remove-table:active, button.remove-table:focus {
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
}

article.supporting-content {
  padding-bottom: 50px;
}
article.supporting-content p, article.supporting-content a, article.supporting-content span {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
article.supporting-content .supplement-label {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
article.supporting-content .supplement-label:hover .hoverable {
  opacity: 1 !important;
  display: inline-block !important;
}
article.supporting-content .supplement-label .hoverable {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 12;
  text-align: center;
  background-color: #4a5658;
  color: #FFF;
  font-weight: 600;
  font-size: 13px;
  padding: 8px 12px 0px 6px;
  border-radius: 4px;
  height: 23px;
  top: -2px;
  left: -104px;
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article.supporting-content .supplement-label .hoverable p {
  margin: 0;
  padding: 0;
}
article.supporting-content .supplement-label .arrowRight {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #4a5658;
  left: 91px;
  position: relative;
  display: inline-table;
}
article.supporting-content .supplement-label i {
  vertical-align: top;
  color: #344453;
  display: inline-block;
  font-size: 21px;
  margin-top: 3px;
}
article.supporting-content .item-list {
  width: 82%;
  margin-left: 4px;
  display: inline-block;
  color: #4a5658;
  font-size: 14px;
}
@media (min-width: 768px) {
  article.supporting-content .item-list {
    width: 650px;
    margin-left: 10px;
  }
}
article.supporting-content .close-icon,
article.supporting-content .close-button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 6px;
  color: #9Ba5aa;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  top: 2px;
  cursor: pointer;
}
article.supporting-content .labnote-citations {
  display: block;
  margin: 16px 0;
}
article.supporting-content .labnote-citations .citation-row {
  margin: 0px;
  border-radius: 6px;
  padding: 4px 3px;
  transition-duration: 0.4s;
}
article.supporting-content .labnote-citations .citation-row:hover {
  background-color: #f5f5f5;
}
article.supporting-content .labnote-citations a {
  word-break: break-word;
  line-height: 15px;
}
article.supporting-content .labnote-citations ul.citation-row-data {
  margin: 0;
  padding: 0;
  padding-top: 6px;
}
article.supporting-content .labnote-citations li.citation-data {
  list-style: none;
  width: 100%;
  display: inline-block;
  margin: 0;
  line-height: 19px;
}
article.supporting-content .labnote-citations.render i.fa-bookmark {
  position: relative;
  top: 0px;
  left: 1px;
}
article.supporting-content .labnote-citations.render .content {
  display: inline-block;
  width: 90%;
}
article.supporting-content .labnote-citations.render .citation-row-data {
  background-color: transparent;
}
article.supporting-content .labnote-citations.render .citation-data {
  padding: 3px 8px;
  border-radius: 4px;
  margin: -6px 0 0 -6px;
  transition: all 0.7s ease-in-out;
}
article.supporting-content .labnote-citations.render .citation-data a {
  transition: all 0.7s ease-in-out;
}
article.supporting-content .labnote-citations.render .citation-data.active {
  color: #f89406;
  background-color: #FCEFC1;
}
article.supporting-content .labnote-citations.render .citation-data.active a {
  color: #d07c05;
}
article.supporting-content .labnote-files {
  display: block;
  margin: 16px 0 4px 0;
}
article.supporting-content .labnote-files .file-attachments {
  word-break: break-word;
}
article.supporting-content .labnote-files .file-attachments ul {
  margin: 0;
}
article.supporting-content .labnote-files.render .file-attachment-list {
  padding-bottom: 0px;
}
article.supporting-content .labnote-files.render .attachment-link a {
  color: #4a5658;
  font-size: 14px;
}
article.supporting-content .labnote-files.render .text-muted {
  color: #b2b2b2;
  font-size: 14px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article.supporting-content .labnote-tags {
  display: block;
  margin: 4px 0;
}
article.supporting-content .labnote-tags .tag-selector-tags {
  *zoom: 1;
}
article.supporting-content .labnote-tags .tag-selector-tags:before, article.supporting-content .labnote-tags .tag-selector-tags:after {
  content: "";
  display: table;
}
article.supporting-content .labnote-tags .tag-selector-tags:after {
  clear: both;
}
article.supporting-content .labnote-tags .tag-selector-tags .tag {
  -webkit-animation-duration: 0.17s;
          animation-duration: 0.17s;
  float: left;
  border: 2px solid #9Ba5aa;
  border-radius: 4px;
  padding: 0px 8px 2px 8px;
  font-weight: 400;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #4a5658;
  display: inline-block;
}
article.supporting-content .labnote-tags.render {
  text-align: left;
  display: inline-block;
}
article.supporting-content .labnote-tags.render a {
  color: #4a5658;
}
article.supporting-content .labnote-tags.render .each-tag {
  font-size: 16px;
  height: 20px;
  margin-bottom: 4px;
  margin-right: 9px;
  display: inline-block;
  padding-bottom: 0px;
  border-bottom: 1px solid #344453;
}
@media (min-width: 768px) {
  article.supporting-content .labnote-tags.render .each-tag {
    font-size: 14px;
    height: 16px;
  }
}
article.supporting-content .supporting-information-content {
  width: 100%;
  display: block;
  margin-top: 60px;
}
article.supporting-content .supporting-information-content section {
  display: block;
  margin-top: 25px;
}
article.supporting-content .supporting-information-content .header {
  color: #344453;
  font-size: 14px;
  width: 28px;
  display: inline;
  font-weight: 600;
  letter-spacing: 0.025em;
}
article.supporting-content .supporting-information-content .header i {
  margin: 0 6px 0 3px;
  font-size: 14px;
}
article.supporting-content .supporting-information-content .content {
  width: 100%;
  color: #4a5658;
  font-size: 14px;
  padding: 0px;
  margin: 0;
}
@media (min-width: 768px) {
  article.supporting-content .supporting-information-content .content {
    min-width: 560px;
    width: 88%;
  }
}

.labnote-tags .tt-dropdown-menu {
  width: 99.5%;
  background-color: #FFF;
  border: 2px solid #ddd;
  border-radius: 3px;
  display: block;
  right: auto;
  text-align: left;
  padding: 14px 14px 20px 20px;
}
.labnote-tags .tt-suggestion {
  padding: 0;
  margin: 7px 7px 0 0;
  display: inline-block;
  border: 2px solid #9Ba5aa;
  border-radius: 4px;
}
.labnote-tags .tt-suggestion.tt-cursor {
  cursor: pointer;
  background-color: #36ac9c;
  border-color: #36ac9c;
}
.labnote-tags .tt-suggestion.tt-cursor p {
  color: white;
}
.labnote-tags .tt-suggestion p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #536163;
  padding: 4px 7px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.references-container {
  margin-bottom: 40px;
}
.references-container h3#references-header {
  display: inline-block;
  margin-right: 10px;
}
.references-container .citation-row[id*=citation-] {
  color: #4a5658;
  font-size: 15px;
  margin-bottom: 5px;
  border-radius: 6px;
}
.references-container .edit-labnote-citation {
  margin: 4px 0;
}

.citations {
  width: 556px;
  min-height: 300px;
}
.citations .results-status {
  font-style: italic;
  color: #aaa;
  padding-top: 8px;
}
.citations .search-options-row {
  display: inline;
  float: right;
  margin-top: 3px;
}
@media (min-width: 768px) {
  .citations .search-options-row {
    margin-top: 12px;
  }
}
.citations .search-options-row .selected {
  color: #004E6D;
  font-weight: 400;
}
.citations .search-options-row .search-option {
  margin-left: 13px;
}
.citations .citations-form-container {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .citations .citations-form-container {
    padding-top: 40px;
  }
}
.citations .citations-form-container .cross-ref-form {
  width: 100%;
}
@media (min-width: 768px) {
  .citations .citations-form-container .cross-ref-form {
    width: 100%;
    padding-bottom: 12px;
  }
}
.citations .citations-form-container .cross-ref-form input, .citations .citations-form-container .cross-ref-form button {
  width: 100%;
  margin-left: 0px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .cross-ref-form input, .citations .citations-form-container .cross-ref-form button {
    margin-left: 5px;
  }
}
@media (min-width: 768px) {
  .citations .citations-form-container .cross-ref-form input {
    margin-left: 0px;
  }
}
.citations .citations-form-container label {
  font-size: 14px;
}
@media (min-width: 768px) {
  .citations .citations-form-container label {
    font-size: 18px;
  }
}
.citations .citations-form-container .results-status-container {
  height: 50px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .results-status-container {
    height: 25px;
  }
}
.citations .citations-form-container .results-list-container {
  max-height: 34vh;
  overflow-y: scroll;
  padding: 0;
  background-color: #f5f5f5;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .results-list-container {
    max-height: 250px;
  }
}
.citations .citations-form-container .results-list-container .crossref-result:hover {
  background-color: #efefef;
}
.citations .citations-form-container .results-list-container .crossref-result {
  padding: 10px 5px 7px 0px;
  border-bottom: 1px solid #ddd;
  margin-left: 0px;
  margin-right: 0px;
}
.citations .citations-form-container .results-list-container .crossref-result .result-text {
  width: 100%;
  display: inline-block;
  font-size: 12px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .results-list-container .crossref-result .result-text {
    display: inline-block;
    width: 90%;
    font-size: 12px;
    width: 475px;
  }
}
.citations .citations-form-container .results-list-container .crossref-result .crossref-result-buttton-container {
  display: inline;
}
.citations .citations-form-container .citations-form-fields-container, .citations .citations-form-container .citations-button-container {
  display: block;
}
@media (min-width: 768px) {
  .citations .citations-form-container .citations-form-fields-container, .citations .citations-form-container .citations-button-container {
    display: inline-block;
  }
}
.citations .citations-form-container .citations-error {
  margin-bottom: 20px;
  margin-top: 0px;
}
.citations .citations-form-container .citations-button-container {
  width: 100%;
}
@media (min-width: 768px) {
  .citations .citations-form-container .citations-button-container {
    width: 18%;
    vertical-align: top;
    margin-left: 2%;
  }
}
.citations .citations-form-container .citations-button-container button {
  margin-right: 0px;
  width: 100%;
  font-size: 18px;
  padding: 10px 10px;
  height: 60px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .citations-button-container button {
    height: 30px;
    vertical-align: top;
    margin-right: 0px;
    font-size: 12px;
    padding: 5px 10px;
  }
}
.citations .citations-form-container .crossref-button-container {
  display: inline;
}
.citations .citations-form-container .crossref-button-container input, .citations .citations-form-container .crossref-button-container button {
  height: 60px;
  font-size: 16px;
}
.citations .citations-form-container .crossref-button-container input {
  width: 100%;
}
@media (min-width: 768px) {
  .citations .citations-form-container .crossref-button-container input {
    height: 40px;
  }
}
.citations .citations-form-container .crossref-button-container .btn {
  width: 100%;
  margin-left: 0;
}
@media (min-width: 768px) {
  .citations .citations-form-container .crossref-button-container .btn {
    height: 40px;
    width: 17%;
    font-size: 14px;
  }
}
.citations .citations-form-container .citations-form-fields-container :-moz-placeholder {
  color: #aaa;
}
.citations .citations-form-container .citations-form-fields-container ::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
}
.citations .citations-form-container .citations-form-fields-container ::-webkit-input-placeholder {
  color: #aaa;
}
.citations .citations-form-container .citations-form-fields-container :-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
.citations .citations-form-container .citations-form-fields-container textarea, .citations .citations-form-container .citations-form-fields-container input {
  width: 100%;
}
.citations .citations-form-container .citations-form-fields-container textarea {
  height: 110px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .citations-form-fields-container textarea {
    height: 80px;
  }
}
@media (min-width: 768px) {
  .citations .citations-form-container .citations-form-fields-container {
    width: 80%;
  }
  .citations .citations-form-container .citations-form-fields-container textarea, .citations .citations-form-container .citations-form-fields-container input {
    min-width: 100%;
    font-size: 14px;
    line-height: 18px;
  }
}
.citations .citations-form-container .crossref-result-buttton-container .btn.btn {
  vertical-align: top;
  width: 40px;
}
@media (min-width: 768px) {
  .citations .citations-form-container .crossref-result-buttton-container {
    width: 40px;
  }
}
.citations .citations-form-container label :first-child {
  display: inline;
  margin-left: 2px;
  margin-top: 0px;
  font-size: 22px;
}
@media (min-width: 768px) {
  .citations .citations-form-container label {
    margin-top: 1px;
  }
}
.citations .citations-form-container label i {
  display: inline;
  margin-left: 12px;
}
.citations .citations-form-container label .fa-circle {
  color: #ddd;
}
.citations .citations-form-container label .fa-question {
  margin-left: 7px;
  margin-top: -11px;
  color: #FFF;
  font-size: 14px;
}
.citations .tab {
  margin-right: 40px;
  font-size: 14px;
}
.citations .tab i {
  margin-right: 3px;
}
.citations .tab.selected {
  color: #004E6D;
  font-weight: 600;
}
@media (min-width: 768px) {
  .citations .tab {
    font-size: 16px;
  }
}
.citations .search-options-container {
  display: inline;
  font-size: 16px;
  font-weight: 400;
  color: #9Ba5aa;
}
.citations .search-options-container .search-option {
  display: inline;
}

.project-milestone-labnote {
  margin-bottom: 40px;
  position: relative;
}
.project-milestone-labnote .milestones-menu {
  width: 98%;
}
@media (min-width: 768px) {
  .project-milestone-labnote .milestones-menu {
    width: 100%;
    right: 15px;
    top: 60px;
    min-width: 400px;
  }
}
.project-milestone-labnote .milestones-menu .footer {
  margin: 0;
  text-align: center;
}
.project-milestone-labnote .milestones-menu .footer a {
  margin: 14px 0 10px 0;
  font-size: 14px;
  display: inline-block;
}
@media (min-width: 768px) {
  .project-milestone-labnote .milestones-menu .footer a {
    margin: 20px 6px 12px 6px;
  }
}
.project-milestone-labnote .milestones-menu .completed {
  background-color: #ECF6F2;
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #C6E3DB;
  width: auto;
}
.project-milestone-labnote .milestones-menu .completed .subheader {
  font-weight: 300;
  color: #4a5658;
}
.project-milestone-labnote .milestones-menu .non-declared-container {
  height: 130px;
  margin: 10px 20px;
  padding: 17px;
  background-color: #f5f5f5;
  line-height: 120px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.project-milestone-labnote .milestones-menu .non-declared-container h3 {
  vertical-align: middle;
  display: inline-block;
}
.project-milestone-labnote .milestones-menu .non-declared-container h3 a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 18px;
}
.project-milestone-labnote .milestones-menu table {
  width: 90%;
  margin-bottom: -5px;
}
@media (min-width: 768px) {
  .project-milestone-labnote .milestones-menu table {
    width: 100%;
  }
}
.project-milestone-labnote .milestones-menu table thead {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #9Ba5aa;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.project-milestone-labnote .milestones-menu table thead tr {
  padding: 2px 4px;
  padding-bottom: 10px;
  vertical-align: top;
  display: table-cell;
}
.project-milestone-labnote .milestones-menu table thead tr:first-child {
  padding-left: 20px;
}
.project-milestone-labnote .milestones-menu table tr {
  padding: 0 14px;
  margin: 6px 0;
}
.project-milestone-labnote .milestones-menu table tr td {
  font-size: 14px;
}
.project-milestone-labnote .milestones-menu table tr td:first-child {
  padding: 0 8px;
  width: 50px;
}
.project-milestone-labnote .milestones-menu table tr:hover td {
  background-color: #f5f5f5;
}
.project-milestone-labnote .milestones-menu table tr.disabled td {
  opacity: 1;
}
.project-milestone-labnote .milestones-menu table tr.disabled td input[type=checkbox] ~ .checkbox,
.project-milestone-labnote .milestones-menu table tr.disabled td input[type=checkbox]:hover ~ .checkbox {
  background-color: #75928E;
  border-color: #75928E;
  opacity: 0.7;
}
.project-milestone-labnote .milestones-menu table tr.disabled td .project-milestone-title {
  color: #75928E;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox] {
  opacity: 0.2;
  width: 50px;
  height: 25px;
  margin: 0;
  padding: 0;
  z-index: 3;
  position: relative;
  top: 15px;
  -webkit-appearance: none;
  background: transparent;
  display: inline-block;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox]:focus {
  border-style: none;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox]:hover ~ .checkbox {
  background-color: #ddd;
  box-shadow: 0px 0px 9px #eeeff0;
  opacity: 1;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox]:hover ~ .checkbox-tick {
  border-color: #F2F3F4;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox]:hover:checked ~ .checkbox {
  border: 1px solid #46c5b4;
  background-color: #36ac9c;
  opacity: 1;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox]:hover:checked ~ .checkbox-tick {
  border-color: #FFF;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox]:checked ~ .checkbox {
  display: block;
  pointer-events: none;
  background-color: #36ac9c;
  border: 1px solid #30998a;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox] ~ .checkbox {
  display: block;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 16px;
  width: 16px;
  opacity: 0.8;
  position: relative;
  top: -10px;
  left: 14px;
  border-radius: 2px;
  transition: all ease-in-out 0.13s;
}
.project-milestone-labnote .milestones-menu table input[type=checkbox] ~ .checkbox-tick {
  left: 21px;
  top: -25px;
  width: 3px;
  height: 8px;
  border: solid #F2F3F4;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: relative;
  transition: all ease-in-out 0.13s;
}
.project-milestone-labnote .milestones-menu table .project-milestone-date {
  margin: 0;
  padding: 0;
  color: #9Ba5aa;
}
@media (min-width: 768px) {
  .project-milestone-labnote .milestones-menu table .project-milestone-date {
    width: 200px;
  }
}
.project-milestone-labnote .milestones-menu table .project-milestone-title {
  margin: 4px 0 1px 0;
  padding: 0;
}
.project-milestone-labnote .completed-milestones {
  margin-bottom: 20px;
}
.project-milestone-labnote .completed-milestones .completed-project-milestone {
  width: auto;
  padding: 2px 10px;
  border: 2px solid #9Ba5aa;
  border-radius: 4px;
  margin: 0px 14px;
  margin-top: 20px;
  display: inline-block;
}
@media (min-width: 768px) {
  .project-milestone-labnote .completed-milestones .completed-project-milestone {
    margin-top: -8px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.project-milestone-labnote .completed-milestones .completed-project-milestone h3 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  font-weight: 400;
}
.project-milestone-labnote .completed-milestones .completed-project-milestone span {
  margin-left: 4px;
  color: #9Ba5aa;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  top: 1px;
}
.project-milestone-labnote .completed-milestones .completed-project-milestone h3, .project-milestone-labnote .completed-milestones .completed-project-milestone span {
  display: inline;
}
.project-milestone-labnote .completed-milestones .cm-text {
  display: block;
  background-color: #000;
}

.labnote-modal {
  width: 80%;
  top: 5%;
  padding: 15px;
  margin: 0 auto;
  bottom: inherit;
  border: 2px solid #ddd;
  background: #FFF;
}
@media (min-width: 768px) {
  .labnote-modal {
    width: 556px;
    right: 0;
    top: 10%;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 30px;
    padding-right: 30px;
    bottom: inherit;
  }
}
.labnote-modal:active, .labnote-modal:focus {
  outline: none;
}
.labnote-modal .header {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .labnote-modal .header {
    margin-bottom: 40px;
  }
}
.labnote-modal .header h1 {
  font-size: 22px;
  font-weight: 400;
  color: #004E6D;
}
.labnote-modal .header h2 {
  font-size: 16px;
  font-weight: 400;
  color: #9Ba5aa;
}
.labnote-modal .fa-close {
  float: right;
  position: relative;
  color: #ddd;
}
.labnote-modal.labnote-tags {
  padding-bottom: 40px;
}
.labnote-modal.labnote-tags .form {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.labnote-modal.labnote-tags .form input {
  height: 50px;
  padding: 6px 12px;
  border-width: 2px;
}
.labnote-modal.labnote-tags .twitter-typeahead {
  width: 64%;
}
@media (min-width: 768px) {
  .labnote-modal.labnote-tags .twitter-typeahead {
    width: 80%;
  }
}
.labnote-modal.labnote-tags .search-input {
  width: 100%;
}
.labnote-modal.labnote-tags button {
  margin-left: 4px;
  height: 50px;
  border: 0;
  padding: 10px 17px;
  position: relative;
  top: -1px;
  font-weight: 600;
  font-size: 15px;
}

.notification-tag-container {
  display: inline;
}

.notification-callout {
  position: absolute;
  top: 0;
  padding: 10px 8px 10px 20px;
  border: 2px solid #83c5cd;
  border-radius: 6px;
  color: #439ca7;
  background-color: #f0f8f9;
  margin-top: 14px;
  margin-left: 675px;
  width: 230px;
}
.notification-callout p {
  margin-top: 2px;
  margin-bottom: 2px;
}
.notification-callout .fa {
  font-size: 10px;
  float: right;
}
.notification-callout:before, .notification-callout:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left: 0;
}
.notification-callout:before {
  top: 10px;
  left: -11px;
  border-right-color: #83c5cd;
  border-width: 10px;
}
.notification-callout:after {
  top: 12px;
  left: -8px;
  border-right-color: #f0f8f9;
  border-width: 8px;
}

.image-container {
  transition-duration: 0s;
}
.image-container.full {
  width: 99.2vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}
.image-container.full img.image-node {
  border-radius: 0;
}
.image-container.inline {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 10px;
  left: 50%;
  right: 50%;
}
.image-container.inline img.image-node {
  width: auto;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .image-container.inline .image-caption {
    width: 680px;
    margin: 0 auto;
  }
}
.image-container .loading {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 700;
  opacity: 0.4;
}
.image-container .image-caption {
  padding: 0px;
  margin-top: 2px;
}

.image-caption-input {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  border: none;
}
.image-caption-input textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
  margin: 0 auto;
  padding: 1px 0px;
  width: 100%;
  display: block;
  overflow: hidden;
  resize: none;
  border: none;
  color: #9Ba5aa;
  text-align: center;
  font-size: 15px;
  height: 100%;
}
.image-caption-input textarea:active, .image-caption-input textarea:focus {
  color: #4a5658;
  border: none;
  transition-duration: 0.1s;
}

.image-menu {
  z-index: 275;
  padding: 18px 10px 18px 12px;
  margin: 0 auto;
  width: 100%;
  max-width: 148px;
  border-radius: 4px;
  margin-top: -8px;
  border: 2px solid #ddd;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .image-menu {
    padding: 0px 10px;
    padding-left: 20px;
  }
}
.image-menu button {
  background-color: #FFF;
  border: none;
  box-shadow: none;
  margin: 0 12px;
}
.image-menu .active {
  border: none;
  color: #36ac9c;
}

@media (min-width: 768px) {
  .image-menu:after, .image-menu:before {
    display: block;
    position: relative;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    border-width: 9px;
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .image-menu:after {
    border-color: rgba(213, 213, 211, 0);
    border-top-color: #FFF;
    left: 60px;
    top: 17px;
  }
}

@media (min-width: 768px) {
  .image-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ddd;
    left: 60px;
    top: 69px;
  }
}

.table-menu {
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  width: 218px;
  height: 25px;
  padding: 20px 10px;
  margin: 0 auto;
  background-color: #FFF;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: left;
}
@media (min-width: 768px) {
  .table-menu {
    padding: 0px 10px;
    height: 58px;
  }
}
.table-menu button {
  background-color: #FFF;
  border: none;
  box-shadow: none;
  margin: 0 10px;
  border-radius: 3px;
}

@media (min-width: 768px) {
  .table-menu:after, .table-menu:before {
    display: block;
    position: relative;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .table-menu:after {
    border-color: rgba(213, 213, 211, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    left: 0px;
    top: -61px;
  }
}

@media (min-width: 768px) {
  .table-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ddd;
    border-width: 9px;
    left: 0px;
    top: -18px;
  }
}

.menu {
  display: inline-block;
  margin-left: 15px;
}

.hover-menu {
  position: fixed;
  bottom: 3px;
  width: 100%;
  height: 45px;
  display: inline-block;
  overflow-y: hidden;
  overflow-x: scroll;
}
@media (min-width: 768px) {
  .hover-menu {
    width: auto;
    height: 310px;
    overflow: visible;
    position: absolute;
    top: -10000px;
    left: -10000px;
    opacity: 0;
  }
}

.toolbar-menu {
  position: relative;
  bottom: 0;
  opacity: 1;
  overflow-x: scroll;
  border-radius: 0px;
  padding: 12px 0px 12px 11px;
  border-top: 2px solid #ddd;
  z-index: 275;
  transition: opacity 0.55s;
  background: #FFF;
}
@media (min-width: 768px) {
  .toolbar-menu {
    width: 160px;
    height: 236px;
    border-radius: 4px;
    padding: 8px 0px;
    margin-top: -8px;
    border: 2px solid #ddd;
    overflow: visible;
    box-shadow: 0 2px 28px -14px rgba(0, 0, 0, 0.6);
  }
}

@media (min-width: 768px) {
  .toolbar-menu:after, .toolbar-menu:before {
    display: block;
    position: absolute;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .toolbar-menu:after {
    border-color: rgba(213, 213, 211, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    margin-left: 72px;
    margin-top: -264px;
  }
}

@media (min-width: 768px) {
  .toolbar-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ddd;
    border-width: 9px;
    margin-left: 72px;
    top: -19px;
  }
}

.toolbar-menu .button {
  display: inline;
  padding: 12px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a5658;
  font-size: 13px;
  font-weight: 600;
  transition-duration: 0.2s;
}
@media (min-width: 768px) {
  .toolbar-menu .button {
    display: block;
    padding: 1px 10px 1px 4px;
  }
}

.toolbar-menu .button span {
  display: none;
}
@media (min-width: 768px) {
  .toolbar-menu .button span {
    display: inline-block;
  }
}

.toolbar-menu .button i {
  font-size: 19px;
}
.toolbar-menu .button i.fa-icon-header-one, .toolbar-menu .button i.fa-icon-header-two {
  width: 23.5px;
  position: relative;
  top: 2px;
  margin: 0;
}
.toolbar-menu .button i.fa-icon-blockquote {
  width: 23px;
  position: relative;
  top: 2px;
  left: 1px;
  margin: 0;
}
@media (min-width: 768px) {
  .toolbar-menu .button i {
    display: inline-block;
    font-size: 12px;
    width: 17px;
    margin: 0 11px;
  }
  .toolbar-menu .button i.fa-icon-header-one, .toolbar-menu .button i.fa-icon-header-two {
    width: 16px;
    position: relative;
    top: 2px;
    margin: 0 11px;
    left: -1px;
  }
  .toolbar-menu .button i.fa-icon-blockquote {
    width: 14px;
    position: relative;
    top: 1px;
    left: 1px;
    margin: 0 14px 0 11px;
  }
  .toolbar-menu .button i.fa-bookmark-o {
    position: relative;
    left: 1px;
  }
}

.toolbar-menu .button:hover {
  cursor: pointer;
  background: #f5f5f5;
}

.toolbar-menu .button[data-active=true] {
  color: #444;
}

.editor-sidebar .sidebar-jewel {
  background: #FFF;
  border: 2px solid #ddd;
  outline: 5px solid transparent;
  border-radius: 30px;
  position: absolute;
  opacity: 0;
  left: -1000px;
  height: 27px;
  width: 27px;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.editor-sidebar .sidebar-jewel:hover {
  cursor: pointer;
  box-shadow: 0 0 14px #F2F3F4;
  transition-duration: 0.2s;
  border-color: lightgray;
  background-color: #f5f5f5;
}
.editor-sidebar .sidebar-jewel:active {
  transition-duration: 0.3s;
  border-color: #bebebe;
  background-color: #fafafa;
  color: #1a2024;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.8);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.8);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.8);
  transition: all 200ms ease-in;
  transform: scale(0.8);
}
.editor-sidebar .sidebar-jewel.fadeOut {
  pointer-events: none;
}
.editor-sidebar span {
  width: 100%;
  height: 100%;
  display: block;
}
.editor-sidebar .fa-plus {
  vertical-align: bottom;
  position: relative;
  left: 7.5px;
  top: -1px;
}

.sidebar-menu {
  top: -80px;
  left: 30px;
  position: relative;
  width: 170px;
  padding: 10px 0;
  background: #FFF;
  border: 2px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 28px -14px rgba(0, 0, 0, 0.6);
}
@media (min-width: 768px) {
  .sidebar-menu {
    padding: 8px 0px;
    z-index: 275;
    transition: opacity 0.75s;
    width: 148px;
    top: 48px;
    left: -65px;
  }
}

.sidebar-menu:after, .sidebar-menu:before {
  display: block;
  position: absolute;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .sidebar-menu:after, .sidebar-menu:before {
    display: block;
    position: absolute;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
  }
}

.sidebar-menu:after {
  border-color: rgba(213, 213, 211, 0);
  border-right-color: #FFF;
  border-width: 9px;
  margin-left: -16px;
  top: 83px;
}
@media (min-width: 768px) {
  .sidebar-menu:after {
    border-color: rgba(213, 213, 211, 0);
    border-bottom-color: #FFF;
    border-width: 9px;
    margin-left: 67px;
    top: -17px;
  }
}

.sidebar-menu:before {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ddd;
  border-width: 9px;
  margin-left: -18px;
  top: 83px;
}
@media (min-width: 768px) {
  .sidebar-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ddd;
    border-width: 9px;
    margin-left: 67px;
    top: -20px;
  }
}

.sidebar-menu .button {
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a5658;
  padding: 2px 10px 2px 4px;
  font-weight: 600;
  transition-duration: 0.2s;
}
@media (min-width: 768px) {
  .sidebar-menu .button {
    font-size: 13px;
  }
}

.sidebar-menu .button i {
  font-size: 14px;
  margin: 0 8px;
  width: 17px;
  display: inline-block;
}
@media (min-width: 768px) {
  .sidebar-menu .button i {
    font-size: 12px;
  }
}

.sidebar-menu .button:hover {
  cursor: pointer;
  background: #f5f5f5;
}

.sidebar-menu .button[data-active=true] {
  color: #444;
}

.comment-toolbar {
  position: absolute;
  height: 80px;
  top: -2000px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .comment-toolbar {
    height: 80px;
    width: 140px;
    top: 0;
  }
}
.comment-toolbar .toolbar-menu {
  height: 23px;
  width: 140px;
  background-color: #4a5658;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  overflow: visible;
  margin-top: 0;
}
@media (min-width: 768px) {
  .comment-toolbar .toolbar-menu {
    height: 30px;
    width: 140px;
  }
}
.comment-toolbar p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  padding: 0;
  color: #FFF;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .comment-toolbar p {
    padding: 5px 10px 8px 10px;
  }
}
.comment-toolbar .toolbar-menu:after {
  display: block;
  position: absolute;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(213, 213, 211, 0);
  border-top-color: #4a5658;
  border-width: 9px;
  margin-left: 62px;
  margin-top: 5px;
}
.comment-toolbar .toolbar-menu:before {
  display: none;
}
.comment-toolbar:hover .toolbar-menu {
  box-shadow: 1px 1px 14px -3px #aaa;
}

.editor-side-comment-button {
  background: #FFF;
  border: 2px solid #ddd;
  outline: 5px solid transparent;
  border-radius: 30px;
  position: absolute;
  opacity: 1;
  left: 0px;
  height: 27px;
  width: 27px;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.editor-side-comment-button i {
  position: relative;
  left: 7px;
  font-size: 13px;
}
.editor-side-comment-button:hover {
  cursor: pointer;
  box-shadow: 0 0 14px #F2F3F4;
  transition-duration: 0.2s;
  border-color: lightgray;
  background-color: #f5f5f5;
}
.editor-side-comment-button:active {
  transition-duration: 0.3s;
  border-color: #bebebe;
  background-color: #fafafa;
  color: #1a2024;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.8);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.8);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.8);
  transition: all 200ms ease-in;
  transform: scale(0.8);
}
.editor-side-comment-button.fadeOut {
  pointer-events: none;
}

.editor-side-avatar-button {
  max-width: 220px;
  text-align: right;
  display: inline-block;
}
.editor-side-avatar-button img {
  float: right;
  height: 20px;
  width: 20px;
  display: inline;
  vertical-align: top;
  margin-left: 5px;
  border-radius: 10px;
}
.editor-side-avatar-button img:active {
  transition-duration: 0.3s;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.9);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.9);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.9);
  transition: all 200ms ease-in;
  transform: scale(0.9);
}
.editor-side-avatar-button span {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  text-align: right;
  float: right;
  color: #9Ba5aa;
  font-size: 14px;
  margin-right: 4px;
  transition-duration: 0.2s;
}
.editor-side-avatar-button:hover {
  cursor: pointer;
}
.editor-side-avatar-button:hover span {
  opacity: 1;
}

.comment-gutter {
  z-index: 101;
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  top: 0px;
  overflow: scroll;
  overflow-x: hidden;
  -webkit-animation-duration: 0.18s;
          animation-duration: 0.18s;
}
.comment-gutter ::-webkit-scrollbar-track,
.comment-gutter ::-webkit-scrollbar-thumb,
.comment-gutter :-webkit-scrollbar {
  display: none;
}
.comment-gutter .comments {
  position: absolute;
  top: 38vh;
  padding: 0px;
  width: 100%;
  left: 0;
}
@media (min-width: 768px) {
  .comment-gutter .comments {
    left: 4vw;
    width: 342px;
  }
}
.comment-gutter .new-comment-form {
  width: 90%;
  margin: 0 auto;
  padding: 20px;
  display: block;
  min-height: 20vh;
  position: relative;
  top: 0;
  left: 0;
  background-color: #FFF;
  border-radius: 2px;
  border: 1px solid #F2F3F4;
  box-shadow: 0 1px 17px -3px #D4D9DB;
}
@media (min-width: 768px) {
  .comment-gutter .new-comment-form {
    width: 390px;
    display: inline-block;
    margin: auto;
    padding: 10px;
    min-height: 0;
  }
}
.comment-gutter .new-comment-form form textarea {
  width: 100%;
  display: block;
  overflow: hidden;
  overflow-y: scroll;
  resize: none;
  min-height: 90px;
  line-height: 22px;
  outline: none;
  padding: 2px;
  border: none !important;
}
@media (min-width: 768px) {
  .comment-gutter .new-comment-form form textarea {
    width: 390px;
    margin-bottom: 4px;
  }
}
.comment-gutter .new-comment-form:hover {
  transition-duration: 0.3s;
}
.comment-gutter .new-comment-form:hover ::-webkit-scrollbar-thumb {
  background-color: #D4D9DB;
}
.comment-gutter .new-comment-form ::-webkit-scrollbar {
  border-radius: 3px;
  transition-duration: 0.3s;
  width: 6px;
}
.comment-gutter .new-comment-form ::-webkit-scrollbar-thumb:hover,
.comment-gutter .new-comment-form ::-webkit-scrollbar-thumb:active {
  background-color: #9Ba5aa;
}
.comment-gutter .new-comment-form ::-webkit-scrollbar-thumb {
  background-color: transparent;
  transition-duration: 0.3s;
  border-radius: 3px;
  width: 6px;
}
.comment-gutter .new-comment-form .quoted-text {
  color: #9Ba5aa;
  border-left: 3px solid #4a5658;
  padding-left: 8px;
  margin: 20px 0 20px 10px;
  max-height: 120px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .comment-gutter .new-comment-form .quoted-text {
    width: 300px;
  }
}
.comment-gutter .new-comment-form .in-reply-to {
  font-size: 13px;
  margin-bottom: 10px;
  color: #9Ba5aa;
}
.comment-gutter .new-comment-form .btn {
  float: right;
}
.comment-gutter .new-comment-form .error {
  display: inline;
  font-size: 13px;
  position: relative;
  top: 4px;
  color: #FF7979;
}
.comment-gutter .inline-comment {
  position: relative;
  left: 0;
  padding: 20px;
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  background-color: #FFF;
  border: 1px solid #F2F3F4;
  box-shadow: 0 2px 17px -3px #D4D9DB;
  overflow-wrap: break-word;
  width: 90%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .comment-gutter .inline-comment {
    width: 370px;
    display: inline-block;
    margin: 0;
  }
}
.comment-gutter .inline-comment .comment-header {
  margin-bottom: 14px;
}
.comment-gutter .inline-comment .comment-header img {
  width: 35px;
  height: 35px;
  display: inline;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: 4px;
  border-radius: 30px;
}
.comment-gutter .inline-comment .comment-header a {
  color: #4a5658;
}
.comment-gutter .inline-comment .comment-header .image-holder,
.comment-gutter .inline-comment .comment-header .details-holder {
  vertical-align: top;
  display: inline-block;
}
.comment-gutter .inline-comment .comment-header .comment-user {
  display: inline;
  color: #4a5658;
  font-size: 14px;
  margin: 0;
}
.comment-gutter .inline-comment .comment-header .comment-user a {
  margin: 0;
}
.comment-gutter .inline-comment .comment-header .comment-date {
  color: #9Ba5aa;
  margin: 0;
  font-size: 14px;
}
.comment-gutter .inline-comment .comment-text {
  word-break: break-word;
}
.comment-gutter .inline-comment .comment-quote {
  color: #9Ba5aa;
  border-left: 3px solid #4a5658;
  padding-left: 8px;
  margin: 10px 0 20px 0;
  width: 300px;
  max-height: 120px;
  display: block;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-gutter .inline-comment .delete {
  font-size: 12px;
  color: #D4D9DB;
}
.comment-gutter .inline-comment .delete:hover {
  cursor: pointer;
  opacity: 1;
  color: #B86969;
  transition-duration: 0.3s;
}

.file-attachment-sprite {
  background-image: url(image_path("https://d3t9s8cdqyboc5.cloudfront.net/assets/file_attachments/sprites_small.png"));
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-size: 230px 26px;
  margin: 1px 7px 3px 0px;
  width: 22px;
  height: 24px;
}
.file-attachment-sprite.audio {
  background-position: -115px -1px;
}
.file-attachment-sprite.code {
  background-position: -23px -1px;
}
.file-attachment-sprite.generic {
  background-position: -1px 0px;
}
.file-attachment-sprite.image {
  background-position: -161px -1px;
}
.file-attachment-sprite.pdf {
  background-position: -46px -1px;
}
.file-attachment-sprite.powerpoint {
  background-position: -92px -1px;
}
.file-attachment-sprite.spreadsheet {
  background-position: -69px -1px;
}
.file-attachment-sprite.text {
  background-position: -207px -1px;
}
.file-attachment-sprite.video {
  background-position: -138px -1px;
}
.file-attachment-sprite.zip {
  background-position: -184px -1px;
}

.attachment-container {
  overflow: hidden;
}
.attachment-container .file-attachments .attachment-header {
  display: inline-block;
}
.attachment-container .file-attachments .attachment-header-show {
  text-transform: uppercase;
  color: #555;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.4px;
  margin-bottom: 20px;
}
.attachment-container .file-attachments .attachment-files {
  position: relative;
}
.attachment-container .file-attachments .attachment-files .header {
  padding-left: 3px;
}
.attachment-container .file-attachments .attachment-files .btn.btn-inverse {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .attachment-container .file-attachments .attachment-files .btn.btn-inverse {
    float: right;
  }
}
.attachment-container .file-attachments .attachment-files .file-attachment-list {
  display: inline-block;
  padding-bottom: 20px;
  margin-right: 10px;
}
.attachment-container .file-attachments .attachment-files .file-attachment-list .each-attachment {
  padding-bottom: 3px;
}
.attachment-container .file-attachments .attachment-files .file-attachment-list .close-icon {
  font-size: 17px;
}
.attachment-container .file-attachments .attachment-files .file-attachment-list .file_attachment_icon {
  vertical-align: middle;
  height: 25px;
  width: 25px;
}
.attachment-container .file-attachments .attachment-files ul {
  list-style-type: none;
  margin-top: 0px;
}
.attachment-container .file-attachments .attachment-files p {
  display: inline;
  font-size: inherit;
}
.attachment-container .file-attachments .attachment-files .text-muted {
  font-size: 15px;
  color: #9Ba5aa;
}
.attachment-container .file-attachments .attachment-files .attachment-link {
  display: inline-block;
  font-weight: 300;
  margin: 3px 7px 3px 0px;
}
.attachment-container .file-attachments .attachment-files .attachment-link a {
  color: #4a5658;
  font-weight: 400;
  font-size: 14px;
}

/*!
 * Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}


#write article.supporting-content {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  #write article.supporting-content {
    padding-bottom: 2vh;
  }
}
#write .slate-editor {
  margin-top: 40px;
}
@media (min-width: 768px) {
  #write .slate-editor {
    margin-top: 15vh;
    padding-bottom: 0px;
  }
}
#write .slate-editor .editor > p:last-child {
  padding-bottom: 120px;
}
#write .slate-editor .image-container p:last-child {
  padding-bottom: 10px;
}
#write .slate-editor .hover-message {
  position: fixed;
  z-index: 1000;
  background: rgba(215, 227, 229, 0.4);
  top: -80px;
  left: 0;
  height: 110%;
  width: 100%;
  pointer-events: none;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
#write .slate-editor .hover-message p {
  color: #9Ba5aa;
  margin: 0 auto;
  display: block;
  top: 41vh;
  width: 58vw;
  max-width: 680px;
  position: relative;
  text-align: center;
  font-size: 21px;
  border: 2px dashed #9Ba5aa;
  padding: 5vh 0px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 1px 30px #f5f5f5;
}
#write .slate-editor.delay {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
#write .image-container img {
  border: 2px solid #f5f5f5;
}
#write img.active {
  transition-delay: 0;
  transition-duration: 0.24s;
  border: 2px solid #36ac9c;
  box-shadow: 0 0 19px -5px #6D978D;
}
#write #editor-write-nav .fadeInDown {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
#write #editor-write-nav .fadeOut {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#write #helper-buttons {
  bottom: 60px;
  position: fixed;
  right: 10px;
  width: 100%;
  text-align: right;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@media (min-width: 768px) {
  #write #helper-buttons {
    bottom: 20px;
  }
}
@media (min-width: 768px) {
  #write #helper-buttons:hover .motivational-quote {
    opacity: 1;
  }
}
#write #helper-buttons .action {
  background-color: #FFF;
  border: 2px solid #ddd;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding: 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  transition-duration: 0.2s;
  text-align: left;
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
}
#write #helper-buttons .action:hover {
  background-color: #f5f5f5;
  border-color: lightgray;
  box-shadow: 0 0 14px #F2F3F4;
}
#write #helper-buttons .action:active {
  transition-duration: 0.32s;
  background-color: #fafafa;
  border-color: #bebebe;
  color: #1a2024;
  transition-delay: 0.08s;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(0.8);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(0.8);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(0.8);
  transition: all 200ms ease-in;
  transform: scale(0.8);
}
#write #helper-buttons i.fa-magic {
  padding: 6px 8px;
}
#write #helper-buttons i.fa-question {
  padding: 5px 9px;
  font-size: 20px;
}
#write #helper-buttons i.fa-headphones {
  padding: 6px;
  font-size: 19px;
}
#write #helper-buttons .shortcuts:hover .shortcut-menu {
  display: block;
}
#write #helper-buttons .motivational-quote {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 50%;
  color: #c9cfd2;
  font-size: 14px;
  opacity: 0;
  transition-duration: 0.6s;
  position: relative;
  top: 11px;
  margin-right: 10px;
  background-color: #FFF;
  padding: 3px;
}
@media (min-width: 768px) {
  #write #helper-buttons .motivational-quote {
    display: inline;
    width: 100%;
  }
}
#write .code #hover-message,
#write pre #hover-message,
#write code #hover-message {
  color: #aaa;
  font-size: 10.5px;
  position: relative;
  float: right;
  display: block;
  margin-top: 2px;
  opacity: 0;
  pointer-events: none;
}
#write .code:hover #hover-message,
#write pre:hover #hover-message,
#write code:hover #hover-message {
  opacity: 0.6 !important;
  transition-duration: 0.2s;
}

.editor-menu {
  background: #FFF;
  border: 2px solid #F2F3F4;
  border-radius: 6px;
  padding: 20px 30px 30px 30px;
  position: fixed;
  right: 24px;
  bottom: 76px;
  box-shadow: 0px 0px 32px -9px #ddd;
}
.editor-menu h3 {
  font-size: 15px;
}
.editor-menu.template-menu button {
  height: 160px;
  width: 130px;
  border: 2px solid #F2F3F4;
  border-radius: 3px;
  background-color: #FFF;
  transition-duration: 0.6s;
  padding: 20px;
  margin-right: 14px;
  margin-bottom: 8px;
  font-size: 14px;
  word-break: break-word;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.editor-menu.template-menu button:last-child {
  margin-right: 0;
}
.editor-menu.template-menu button:focus, .editor-menu.template-menu button:active {
  outline: 0;
}
.editor-menu.template-menu button:hover {
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: translate(0, -6px);
  -ms-transition: all 200ms ease-in;
  -ms-transform: translate(0, -6px);
  -moz-transition: all 200ms ease-in;
  -moz-transform: translate(0, -6px);
  transition: all 200ms ease-in;
  transform: translate(0, -6px);
  background-color: #f9f9f9;
}
.editor-menu.template-menu i {
  border: 2px solid #F2F3F4;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  padding: 15px;
  font-size: 26px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 12px;
}
.editor-menu.shortcut-menu {
  border: 2px solid #F2F3F4;
  border-radius: 8px;
  text-align: left;
  padding: 20px 35px;
}
@media (min-width: 768px) {
  .editor-menu.shortcut-menu {
    min-height: 250px;
    width: 400px;
  }
}
.editor-menu.shortcut-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.editor-menu.shortcut-menu ul li {
  display: inline-block;
  width: 100%;
  margin: 3px 0;
}
.editor-menu.shortcut-menu ul li p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin: 0;
}
.editor-menu.shortcut-menu ul li h4 {
  font-weight: 500;
  color: #90794E;
  display: inline;
  font-size: 13px;
  margin: 8px 0;
  text-align: right;
  padding: 3px 3px 2px 3px;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 0px 1px #C1BAB4;
  background-color: #FFF7E8;
  border-radius: 3px;
  float: right;
  margin: 0;
}
@media (min-width: 768px) {
  .editor-menu.sound-menu {
    width: 420px;
  }
}
.editor-menu.sound-menu .col-md-6 {
  margin: 0 0 0 -4px;
  padding: 0;
}
.editor-menu.sound-menu p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}
.editor-menu.sound-menu button {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  margin: 3px 0;
  cursor: pointer;
}
.editor-menu.sound-menu button:focus {
  outline: none;
}
.editor-menu.sound-menu i {
  display: inline-block;
  padding: 7px;
  margin-right: 6px;
  height: 20px;
  width: 8px;
  text-align: center;
  vertical-align: middle;
  margin-left: -18px;
  position: relative;
}
.editor-menu.sound-menu .science {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/sound-sprites-b79807720a0257712f931791e2df9dfd9868ef0a6f2f25c498c794a65d116771.png);
  background-repeat: no-repeat;
  background-position: 4px 0px;
  background-size: 153px 28px;
  background-color: transparent;
  height: 20px;
  width: 10px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
.editor-menu.sound-menu .coffee {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/sound-sprites-b79807720a0257712f931791e2df9dfd9868ef0a6f2f25c498c794a65d116771.png);
  background-repeat: no-repeat;
  background-position: -20px 0px;
  background-size: 153px 28px;
  background-color: transparent;
  height: 20px;
  width: 12px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
.editor-menu.sound-menu .hogwarts {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/sound-sprites-b79807720a0257712f931791e2df9dfd9868ef0a6f2f25c498c794a65d116771.png);
  background-repeat: no-repeat;
  background-position: -46px 0px;
  background-size: 153px 28px;
  background-color: transparent;
  height: 20px;
  width: 12px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
.editor-menu.sound-menu .campfire {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/sound-sprites-b79807720a0257712f931791e2df9dfd9868ef0a6f2f25c498c794a65d116771.png);
  background-repeat: no-repeat;
  background-position: -73px 0px;
  background-size: 153px 28px;
  background-color: transparent;
  height: 20px;
  width: 12px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
.editor-menu.sound-menu .space {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/sound-sprites-b79807720a0257712f931791e2df9dfd9868ef0a6f2f25c498c794a65d116771.png);
  background-repeat: no-repeat;
  background-position: -100px 0px;
  background-size: 153px 28px;
  background-color: transparent;
  height: 20px;
  width: 13px;
  display: inline-block;
  margin: 0 12px;
  border: none;
}
.editor-menu.sound-menu .zelda {
  background-image: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/sprites/sound-sprites-b79807720a0257712f931791e2df9dfd9868ef0a6f2f25c498c794a65d116771.png);
  background-repeat: no-repeat;
  background-position: -130px 0px;
  background-size: 153px 28px;
  background-color: transparent;
  height: 20px;
  width: 13px;
  display: inline-block;
  margin: 0 12px;
  border: none;
  top: 3px;
  left: 3px;
}
.editor-menu.sound-menu p {
  display: inline;
}
.editor-menu.sound-menu .fa-space-ship {
  font-size: 16px;
  padding-top: 8px;
  height: 19px;
}

.introduction-modal {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  border: 1px solid #F2F3F4;
  border-radius: 4px;
  background-color: #FFF;
  padding: 30px;
  width: 100%;
  display: block;
  position: relative;
  top: 7vh;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .introduction-modal {
    width: 500px;
  }
}
.introduction-modal h3 {
  font-weight: 500;
  text-align: center;
}
.introduction-modal h4 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-size: 13px;
  color: #36ac9c;
  margin-top: 0px;
  margin-bottom: 40px;
}
.introduction-modal .description-item {
  width: 94%;
  display: block;
  margin: 0 auto;
  padding: 12px 0;
}
.introduction-modal .image-holder {
  text-align: left;
  display: inline-block;
  width: 20%;
}
@media (min-width: 768px) {
  .introduction-modal .image-holder {
    text-align: right;
    padding-right: 20px;
    vertical-align: top;
  }
}
.introduction-modal .image-holder img {
  height: 43px;
}
.introduction-modal .image-holder img#graph {
  height: 37px;
}
.introduction-modal .description {
  width: 70%;
  display: inline-block;
  margin-left: 4px;
}
.introduction-modal .description .header {
  font-size: 16px;
  display: block;
  font-weight: 600;
  margin-bottom: 1px;
}
.introduction-modal .description p {
  display: block;
  margin-top: 3px;
  font-size: 15px;
}
.introduction-modal .actions {
  text-align: center;
  margin: 18px 0;
  font-size: 15px;
}
.introduction-modal .actions .underline {
  color: #4a5658;
  padding-bottom: 2px;
  border-bottom: 2px solid #D4D9DB;
}
.introduction-modal .actions a {
  margin: 0 4px;
}
.introduction-modal .actions .btn {
  font-weight: 600;
}
.introduction-modal .js-close {
  color: #D4D9DB;
  position: absolute;
  right: 36px;
  font-size: 15px;
  cursor: pointer;
}

.solution-statement-template {
  border: 2px solid #D4D9DB;
  border-radius: 6px;
  padding: 21px;
  background-color: #F9FBFB;
  margin-top: -90px;
  margin-bottom: 40px;
  position: relative;
}
.solution-statement-template h3 {
  color: #4a5658;
  padding: 0;
  margin: 0;
}
.solution-statement-template p, .solution-statement-template li {
  font-size: 15px !important;
  color: #4a5658;
}
.solution-statement-template .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.solution-statement-template .collapse-button {
  cursor: pointer;
}
.solution-statement-template .collapse-button span {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #9Ba5aa;
  letter-spacing: 1.2px;
}
.solution-statement-template .collapse-button i {
  color: #9Ba5aa;
}
.solution-statement-template .collapsable {
  display: none;
}
.solution-statement-template .collapsable.show {
  display: block !important;
}
.solution-statement-template .submitted {
  background-color: #8BCEA3;
  color: #FFF;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-block;
}

#read .push-top {
  z-index: 50;
}
#read .push-top li .dropdown-container, #read .push-top .dropdown {
  z-index: 99;
}
#read .wrap {
  padding: 0 25px;
  height: 120px;
  z-index: 2 !important;
  text-align: center;
  display: none;
  width: 95%;
}
@media (min-width: 768px) {
  #read .wrap {
    height: 65px;
    text-align: left;
    padding: 0 40px;
    top: 100px;
    opacity: 0;
  }
}
#read .wrap .button-holder {
  display: inline-block;
}
#read .wrap .button-holder .btn {
  position: relative;
  top: 70px;
  text-align: center;
  display: inline-block;
  margin: auto;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 7px 6px 9px;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
  #read .wrap .button-holder .btn {
    display: inline-block;
    position: relative;
    left: 3%;
    top: 12px;
    margin: 0;
    text-align: center;
    width: 150px;
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  #read .wrap .button-holder {
    position: relative;
  }
}
#read .wrap .next-project-title {
  position: absolute;
  width: 70%;
  text-align: center;
  left: 15%;
  right: 15%;
  z-index: 5;
}
@media (min-width: 768px) {
  #read .wrap .next-project-title {
    position: relative;
    display: inline-block;
    top: 15px;
    width: 46%;
    height: 36px;
    left: 0;
    margin-left: 22px;
    vertical-align: middle;
    text-align: left;
  }
}
#read .wrap .next-project-title a {
  color: #1a2024;
  z-index: 5;
}
#read .wrap .next-project-title p {
  display: inline-block;
  margin: 2px 0 0 0;
  padding: 0;
  float: left;
  font-size: 14px;
  line-height: 16px;
  width: 95%;
  text-align: center;
}
@media (min-width: 768px) {
  #read .wrap .next-project-title p {
    text-align: left;
    top: 0px;
  }
}
#read .wrap .next-project-title .project {
  top: -16px;
  position: relative;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}
@media (min-width: 768px) {
  #read .wrap .next-project-title .project {
    text-align: left;
    top: 0px;
    font-size: 14px;
    line-height: 16px;
  }
}
#read .wrap .view-next {
  z-index: 3;
  display: none;
}
@media (min-width: 768px) {
  #read .wrap .view-next {
    display: inline-block;
    float: right;
    font-size: 13px;
    width: 26%;
    position: relative;
    top: 11px;
    right: 1%;
    margin-right: 20px;
    line-height: 15px;
  }
  #read .wrap .view-next p {
    margin: 0;
    padding: 0;
  }
  #read .wrap .view-next strong {
    color: #4a5658;
    margin: 1px 0;
    display: inline-block;
  }
  #read .wrap .view-next a {
    color: #9Ba5aa;
    float: right;
    text-align: right;
  }
}
#read #content {
  position: relative;
}
#read .content-width {
  width: 100%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  #read .content-width {
    width: 700px;
  }
}
#read nav.nucleus-nav li.start-a-project {
  display: none;
}
#read .labnote-header {
  margin-top: -30px;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
}
@media (min-width: 768px) {
  #read .labnote-header {
    margin-top: 60px;
    margin-bottom: 20px;
    height: 44px;
  }
}
#read .author {
  width: 100%;
  float: left;
  text-align: left;
}
@media (min-width: 768px) {
  #read .author {
    width: 60%;
    margin-top: 3px;
  }
}
#read .author img {
  width: 40px;
  height: 40px;
  float: left;
}
#read .author .project-title {
  margin-left: 60px;
  position: relative;
}
@media (min-width: 768px) {
  #read .author .project-title {
    display: inline-block;
    margin: 0;
  }
}
#read .author .project-title a {
  color: #1a2024;
  font-size: 14px;
}
#read .author .project-title p {
  font-size: 14px;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: -6px;
  text-align: left;
  float: left;
}
@media (min-width: 768px) {
  #read .author .project-title p {
    display: block;
    margin-left: 9px;
  }
}
#read .author .project-title .title {
  font-weight: 600;
}
#read .author .project-title .label {
  color: #9Ba5aa;
}
#read .author .project-title .label a {
  color: #9Ba5aa;
  -webkit-font-smoothing: antialiased;
}
#read .author .project-title .label a:hover {
  color: #4a5658;
}
#read .author .project-title strong {
  margin-left: 3px;
}
#read .header-actions {
  margin-top: 30px;
  display: inline-block;
}
@media (min-width: 768px) {
  #read .header-actions {
    width: 40%;
    margin-top: 3px;
  }
}
#read .header-views,
#read .header-comments,
#read .header-likes,
#read .header-edit,
#read .header-download {
  margin: 0 12px 0 0;
  display: inline;
  width: auto;
  float: right;
}
@media (min-width: 768px) {
  #read .header-views,
  #read .header-comments,
  #read .header-likes,
  #read .header-edit,
  #read .header-download {
    margin: 0 0 0 12px;
  }
}
#read .header-views span, #read .header-views a,
#read .header-comments span,
#read .header-comments a,
#read .header-likes span,
#read .header-likes a,
#read .header-edit span,
#read .header-edit a,
#read .header-download span,
#read .header-download a {
  padding-right: 0px;
  font-size: 14px;
  color: #4a5658;
  font-weight: 600;
}
#read .header-views i,
#read .header-comments i,
#read .header-likes i,
#read .header-edit i,
#read .header-download i {
  font-size: 16px;
  padding: 0 6px 0 2px;
}
@media (min-width: 768px) {
  #read .header-views i,
  #read .header-comments i,
  #read .header-likes i,
  #read .header-edit i,
  #read .header-download i {
    font-size: 14px;
  }
}
#read .header-comments {
  cursor: pointer;
  margin-right: 15px;
}
#read .header-comments .react-component {
  display: inline-block;
}
@media (min-width: 768px) {
  #read .header-comments i {
    width: 13px;
  }
}
#read .header-comments i span {
  color: #4a5658;
}
#read .header-views svg path {
  fill: #1a2024;
}
#read .header-views svg {
  vertical-align: middle;
}
@media (min-width: 768px) {
  #read .header-likes {
    margin-right: 8px;
  }
}
#read .header-likes:hover i {
  color: #FF746F;
}
#read .header-likes .fa-heart {
  display: inline-block;
  color: #DB5854;
}
#read .header-likes .like {
  cursor: pointer;
}
#read .header-likes .like-count {
  display: inline-block;
  font-size: 14px;
  margin-right: 2px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  color: #4a5658;
}
#read .header-likes i {
  color: #D97471;
}
#read .header-likes i:hover {
  color: #FF746F;
}
#read .header-likes i.liked {
  color: #DB5854;
  -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
@keyframes heartPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
}
#read .author-actions {
  margin-top: -40px;
  position: relative;
  display: inline-block;
  float: right;
}
@media (min-width: 768px) {
  #read .author-actions {
    margin: 0;
  }
}
#read .author-actions span {
  font-size: 12px;
}
#read .author-actions i {
  font-size: 13px;
}
#read .author-actions a {
  color: #4a5658;
}
#read .labnote-title {
  position: relative;
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 23px;
  padding: 0 30px;
  text-align: center;
  font-size: 17px;
}
#read .labnote-title h1 span {
  text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  #read .labnote-title {
    position: relative;
    text-align: center;
    margin-top: 50px;
    padding: 0;
    margin-bottom: 10px;
    letter-spacing: 0.02rem;
    width: 72%;
  }
}
#read .labnote-title a {
  color: #fff;
}
#read .labnote-title a:hover {
  opacity: 0.8;
  transition: all 0.08s ease-in;
  text-decoration: none;
}
#read .labnote-title .labnote-header-tag {
  background-color: #004E6D;
  border-radius: 5px;
  color: #FFF;
  padding: 3px 6px;
  font-size: 14px;
  display: inline-block;
  margin: 0px 10px;
}
#read .labnote-title .labnote-header-tag p {
  margin: 0;
}
@media (min-width: 768px) {
  #read article.core-content {
    width: 700px;
    margin: 0 auto;
    min-height: 260px;
  }
}
#read article.core-content.animated {
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
}
#read article.core-content .js-loading-placeholder {
  background: transparent;
}
@media (min-width: 768px) {
  #read article.core-content .js-loading-placeholder {
    width: 700px;
  }
}
#read article.supporting-content .each-tag {
  margin-top: 3px;
}
#read article.supporting-content .each-attachment {
  margin-top: 11px;
}
#read article .slate-editor {
  margin-top: 30px;
  padding: 0px;
  min-height: 250px;
}
@media (min-width: 768px) {
  #read article .slate-editor {
    min-height: 350px;
  }
}
#read section.likes-container {
  color: #4a5658;
}
#read section.likes-container .like-count {
  color: #9Ba5aa;
}
#read section.likes-container .like .like-count {
  display: none;
}
#read section.likes-container .like {
  vertical-align: top;
  display: inline-block;
}
#read section.likes-container .liked-by {
  display: inline-block;
  width: 90%;
  margin-top: -20px;
}
#read section.likes-container .avatars {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
#read section.likes-container i {
  margin-right: 6px;
  color: #D97471;
  font-size: 22px;
}
#read section.likes-container i:hover {
  color: #FF746F;
  cursor: pointer;
}
#read section.likes-container i.fa-heart {
  color: #DB5854;
  -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
#read section.likes-container span {
  margin-left: -12px;
}
#read section.likes-container span:first-child {
  margin: 0;
}
#read section.likes-container span:last-child {
  margin-left: 2px;
}
#read section.likes-container span a:hover {
  opacity: 1;
}
#read section.likes-container span a:hover img {
  top: 7px;
}
#read section.likes-container img {
  border: 2px solid #FFF;
  position: relative;
  height: 26px;
  width: 26px;
  margin-right: 3px;
  top: 9px;
}
#read section.likes-container span {
  font-size: 15px;
}
#read section.comments-container {
  min-height: 230px;
  margin-top: 14px;
}
@media (min-width: 768px) {
  #read section.comments-container {
    padding-top: 0px;
  }
}
#read section.comments-container .comments-count {
  margin: 28px 0 6px 0;
  text-align: left;
}
@media (min-width: 768px) {
  #read section.comments-container .comments-count {
    text-align: left;
  }
}
#read section.comments-container .root-comment-container .root-comment {
  position: relative;
  text-align: center;
}
#read section.comments-container .root-comment-container .user-avatar img {
  display: none;
}
#read section.comments-container .root-comment-container .new-comment-form {
  width: 100%;
}
#read section.comments-container .root-comment-container .new-comment-form textarea {
  min-height: 70px;
}
@media (min-width: 768px) {
  #read section.comments-container .root-comment-container .new-comment-form textarea {
    min-height: 70px;
  }
}
#read section.comments-container .root-comment-container .btn-primary {
  font-weight: 600;
}
#read section.comments-container .new-comment-form {
  left: 0px;
  top: 0px;
  width: 90%;
}
#read section.comments-container .new-comment-form textarea {
  width: 100%;
  padding: 12px;
}
@media (min-width: 768px) {
  #read section.comments-container .new-comment-form textarea {
    width: 100%;
    min-height: 60px;
  }
}
#read section.comments-container .new-comment-form button {
  float: right;
  margin: 6px 0;
}
@media (min-width: 768px) {
  #read section.comments-container .new-comment-form button {
    margin: 8px 0 0 0;
  }
}
#read section.comments-container .comments-list {
  margin-top: -20px;
}
#read section.comments-container .comments-list .hidden {
  display: none;
}
#read section.comments-container .comments-list .shadowbanned {
  opacity: 0.3;
}
#read section.comments-container .comments-list .no-comments {
  margin: 25px 0;
}
#read section.comments-container .comments-list .comment {
  text-align: left;
  margin-top: 10px;
  margin-left: 0px;
  background: white;
  border-radius: 5px;
}
#read section.comments-container .comments-list .comment.highlighted {
  background-color: #FCEFC1;
  border-radius: 5px;
  transition-duration: 4s;
}
#read section.comments-container .comments-list .comment .comment-content {
  width: 100%;
  margin-left: 0px;
}
#read section.comments-container .comments-list .comment .comment-content p {
  font-size: 15px;
  margin: 5px 0;
}
#read section.comments-container .comments-list .comment .comment-content .actions {
  margin-top: 2px;
}
#read section.comments-container .comments-list .comment .comment-content .comment-text {
  color: #4a5658;
  word-break: break-word;
  font-size: 16px;
  margin-left: 45px;
  margin-top: 3px;
  line-height: 24px;
}
#read section.comments-container .comments-list .comment .comment-content .name {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  font-size: 16px;
  margin-left: 5px;
}
#read section.comments-container .comments-list .comment .comment-content .name a {
  color: #4a5658;
}
#read section.comments-container .comments-list .comment .comment-content .date {
  font-size: 13px;
  margin-right: 12px;
  color: #aaa;
}
#read section.comments-container .comments-list .comment .comment-content .actions {
  margin-left: 45px;
  margin-top: 4px;
}
#read section.comments-container .comments-list .comment .comment-content .new-comment-form {
  margin-left: 45px;
  margin-top: 20px;
}
#read section.comments-container .comments-list .comment .comment-content .highlighted-text {
  color: #617174;
  border-left: 3px solid #4a5658;
  padding-left: 8px;
  margin: 20px 0 10px 45px;
  max-height: 120px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#read section.comments-container .comments-list .comment .comment-content .highlighted-text p {
  display: inline;
  background: #E1F0EE;
  color: #4a5658;
  margin: 0;
}
#read section.comments-container .comments-list .comment .comment-content .new-comment-form {
  width: 100%;
}
#read section.comments-container .comments-list .comment .comment-content .label {
  padding: 3px 4px 2px 4px;
  position: relative;
  top: -2px;
  left: 3px;
}
#read section.comments-container .comments-list .comment .comment-content .error {
  display: inline;
  font-size: 13px;
  position: relative;
  top: 4px;
  color: #FF7979;
}
#read section.comments-container .comments-list .comment li {
  list-style: none;
}
#read section.comments-container .comments-list .comment .like button {
  float: right;
  outline: none;
  margin: 0;
  display: inline;
  vertical-align: top;
  padding: 0;
  border: 0;
  background: none;
  font-size: 12px;
  color: #999;
}
#read section.comments-container .comments-list .comment .like.comment i {
  color: #fc596a;
  display: none;
}
#read section.comments-container .comments-list .comment .like.comment:hover i {
  display: inline;
}
#read section.comments-container .comments-list .comment .user-avatar {
  float: left;
  width: 40px;
}
#read section.comments-container .comments-list .comment .user-avatar img {
  border-radius: 20px;
  height: 36px;
  width: 36px;
}
#read section.comments-container .comments-list .comment .comment-reply {
  display: none;
  margin: 0 -25px;
  padding: 10px 25px;
  margin-bottom: -1px;
}
#read section.comments-container .comments-list .comment .comment-reply form {
  position: relative;
  margin: 0;
}
#read section.comments-container .comments-list .comment .comment-reply textarea {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 6px 8px;
  font-size: 15px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  #read section.comments-container .comments-list .comment .comment-reply textarea {
    width: calc(100% - 45px);
  }
}
#read section.comments-container .comments-list .comment .comment-reply input.button {
  position: absolute;
  bottom: 5px;
  right: 30px;
  width: 80px;
}
#read section.comments-container .comments-list .comment:last-child {
  margin-bottom: 10px;
}
#read section.comments-container .comments-list .comment.depth {
  margin-top: 0;
  margin-bottom: 0;
  padding: 11px 40px 15px 0;
}
#read section.comments-container .comments-list .comment.depth .new-comment-form {
  width: 90%;
}
#read section.comments-container .comments .logged-out-label {
  text-align: center;
  font-size: 14px;
  background: #FAFAFA;
  padding: 27px 8px;
  margin: 10px 0 40px 0;
  width: 100%;
  border-radius: 5px;
}
#read section.comments-container .comments .logged-out-label a {
  margin-left: 7px;
  font-weight: 700;
  padding: 4px 9px;
}
#read section.comments-container .comments .no-comments {
  margin: auto;
  width: 300px;
  text-align: center;
  padding: 25px 0;
  color: #aaa;
  border-radius: 5px;
  margin-bottom: 40px;
}
#read section.comments-container .comment-placeholder {
  width: 100%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  min-height: 120px;
  border-radius: 5px;
  margin: 10px 0;
  padding: 20px 30px 30px 30px;
  border: 2px solid #F2F3F4;
}
@media (min-width: 768px) {
  #read section.comments-container .comment-placeholder {
    width: 617px;
  }
}
#read section.comments-container .comment-placeholder .comment-content-placeholder {
  background-color: #F2F3F4;
  display: inline-block;
}
#read section.comments-container .comment-placeholder .avatar-placeholder {
  height: 36px;
  width: 36px;
  margin-top: 10px;
  border-radius: 18px;
  vertical-align: top;
}
#read section.comments-container .comment-placeholder .name-placeholder {
  width: 120px;
  height: 18px;
  border-radius: 4px;
  margin-left: 4px;
  margin-top: 12px;
  vertical-align: top;
}
#read section.comments-container .comment-placeholder .text-placeholder {
  width: 380px;
  height: 24px;
  border-radius: 5px;
  margin-left: 4px;
  margin-top: 16px;
  display: block;
}
@media (min-width: 768px) {
  #read section.about-this-grant,
  #read section.about-this-project {
    width: 700px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #read section.about-this-grant .container,
  #read section.about-this-project .container {
    width: auto;
  }
}
#read section.about-this-grant .about-the-program,
#read section.about-this-grant .about-the-project,
#read section.about-this-project .about-the-program,
#read section.about-this-project .about-the-project {
  background-color: #FFF;
  border-radius: 4px;
  margin: 0 auto;
  display: inline-block;
}
@media (min-width: 768px) {
  #read section.about-this-grant .about-the-program,
  #read section.about-this-grant .about-the-project,
  #read section.about-this-project .about-the-program,
  #read section.about-this-project .about-the-project {
    width: 700px;
    margin: 0 auto;
  }
}
#read section.about-this-grant .thumb,
#read section.about-this-project .thumb {
  width: 100%;
  margin-bottom: 20px;
  vertical-align: top;
  display: inline-block;
}
@media (min-width: 768px) {
  #read section.about-this-grant .thumb,
  #read section.about-this-project .thumb {
    width: 180px;
    margin-bottom: 0;
  }
}
#read section.about-this-grant .thumb a,
#read section.about-this-grant .thumb img,
#read section.about-this-project .thumb a,
#read section.about-this-project .thumb img {
  width: 100%;
  border-radius: 4px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  #read section.about-this-grant .thumb a,
  #read section.about-this-grant .thumb img,
  #read section.about-this-project .thumb a,
  #read section.about-this-project .thumb img {
    width: 156px;
  }
}
#read section.about-this-grant .thumb img,
#read section.about-this-project .thumb img {
  background-color: #D4D9DB;
  border: 1px solid #f0f0f0;
}
@media (min-width: 768px) {
  #read section.about-this-grant .thumb img,
  #read section.about-this-project .thumb img {
    width: 156px;
    height: 93px;
  }
}
#read section.about-this-grant .thumb a,
#read section.about-this-project .thumb a {
  font-size: 15px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read section.about-this-grant .description,
#read section.about-this-project .description {
  display: inline-block;
}
@media (min-width: 768px) {
  #read section.about-this-grant .description,
  #read section.about-this-project .description {
    width: 511px;
  }
}
#read section.about-this-grant .description .project-title,
#read section.about-this-project .description .project-title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Copernicus", Times;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: -3px;
  letter-spacing: -0.32px;
}
#read section.about-this-grant .description .project-title a,
#read section.about-this-project .description .project-title a {
  color: #1a2024;
}
#read section.about-this-grant .description .abstract,
#read section.about-this-project .description .abstract {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  color: #4a5658;
  line-height: 22px;
}
#read section.about-this-grant .description .institution-name,
#read section.about-this-project .description .institution-name {
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  #read section.suggested-labnotes {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 0 0;
  }
}
@media (min-width: 768px) {
  #read section.suggested-labnotes .container {
    width: 700px;
  }
}
#read section.suggested-labnotes .row {
  margin: 0 -9px;
}
@media (min-width: 768px) {
  #read section.suggested-labnotes .row {
    width: 717px;
  }
}
@media (min-width: 768px) {
  #read section.suggested-labnotes .col-md-4 {
    padding: 0 9px;
  }
}
#read section.suggested-labnotes .suggested-labnote {
  vertical-align: top;
  text-align: left;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #read section.suggested-labnotes .suggested-labnote {
    min-height: 240px;
  }
}
#read section.suggested-labnotes .suggested-labnote a:hover {
  opacity: 1;
}
#read section.suggested-labnotes .preview-thumb {
  height: 147px;
  width: 100%;
  display: block;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  background-size: cover;
}
@media (min-width: 768px) {
  #read section.suggested-labnotes .preview-thumb {
    height: 130px;
    width: 100%;
    display: block;
  }
}
#read section.suggested-labnotes .suggested-labnote-title {
  color: #4a5658;
  margin: 8px 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read section.suggested-labnotes .suggested-labnote-published-at {
  color: #9Ba5aa;
  font-size: 13px;
  margin-bottom: 12px;
}
#read section.suggested-projects {
  background: linear-gradient(180deg, #FFF, #FAFAFA);
}
@media (min-width: 768px) {
  #read section.suggested-projects {
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
    height: 560px;
  }
}
#read section.suggested-projects h3 {
  color: #4a5658;
  font-size: 18px;
  text-align: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read section.suggested-projects h4.sub-label {
  text-align: center;
}
#read section.suggested-projects .project-card {
  margin-bottom: 0px;
}
#read section.suggested-projects .project-card .project-card-content {
  height: 58px;
  padding: 16px 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
#read section.suggested-projects .project-card .project-card-content #content-tags {
  display: none;
}
#read section.suggested-projects .project-card .project-thumb {
  min-height: 135px;
}
#read section.suggested-projects .project-card .description {
  display: none;
}
#read section.suggested-projects .project-card .project-title {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  text-align: left;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read section.suggested-projects .project-card .project-title a {
  color: #4a5658;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#read section.suggested-projects .project-card .category_container.more-tags {
  display: none;
}
#read section.suggested-projects .project-card .project-card-footer {
  background-color: #FFF;
  border-top: 0px;
  padding: 8px 18px 0px 16px;
  height: 107px;
}
#read section.suggested-projects .project-card .project-card-footer h4 {
  color: #96a1a6;
  font-size: 13px;
  font-weight: 300;
  position: relative;
  margin: 3px 0 0 0;
}
#read section.suggested-projects .project-card .project-card-footer small {
  color: #96a1a6;
  font-size: 13px;
  margin-left: 5px;
  font-weight: 300;
}
#read section.suggested-projects .project-card .project-card-footer img {
  display: none;
}
#read section.suggested-projects .project-card .project-card-footer br {
  display: none;
}
#read section.suggested-projects .project-card .project-card-footer #funding-goal {
  display: none;
}
#read section.suggested-projects .project-card .project-card-footer #footer-tags {
  display: none;
}
#read section.suggested-projects .project-card .project-card-footer .progress {
  margin-top: 10px;
}
#read section.suggested-projects .project-card .project-card-footer .time-remaining {
  display: none;
}
#read section.suggested-projects .project-card .project-card-footer .researcher-info {
  font-size: 14px;
}
#read section.suggested-projects .project-card .project-card-footer .researcher-info .institution {
  color: #96a1a6;
  opacity: 1;
  width: 205px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  margin-top: 2px;
}
#read section.suggested-projects .project-card .project-card-footer .tag-row {
  margin-top: 40px;
  position: inherit;
  float: right;
  bottom: 60px;
  left: 17px !important;
  top: -63px !important;
}
@media (min-width: 768px) {
  #read section.suggested-projects .project-card .project-card-footer .tag-row {
    left: 46px;
    left: 32px !important;
  }
}
#read section.suggested-projects .project-card .project-card-footer .tag-row .category_text {
  font-size: 11px;
}
#read section.suggested-projects .project-card .project-card-footer .tag-row .category_container {
  margin: 17px 18px 0 0;
  padding: 0px 8px 0px 8px;
  margin-right: 31px;
}
@media (min-width: 768px) {
  #read section.suggested-projects .project-card .project-card-footer .tag-row .category_container {
    margin: 0 18px 0 0;
  }
}
#read section.suggested-projects .project-card .project-card-footer .tag-row span {
  color: #FFF;
}
#read section.suggested-projects .project-card .project-card-footer .tag-row i {
  display: none;
}
#read section.suggested-projects .container {
  width: auto;
}
@media (min-width: 768px) {
  #read section.suggested-projects .col-md-4 {
    padding: 0 7px;
  }
}
#read section.suggested-projects .projects-row {
  margin: 0 auto;
  margin-top: 15px;
  text-align: left;
}
@media (min-width: 768px) {
  #read section.suggested-projects .projects-row {
    height: 340px;
    width: 714px;
  }
}
#read section.suggested-projects .small-project-card {
  display: block;
  height: auto;
  box-shadow: 0px 7px 35px -9px #ddd;
}
#read section.suggested-projects .small-project-card:hover {
  box-shadow: 0px 7px 56px -9px #ccc;
  transition: 0.24s;
}
#read section.suggested-projects .researcher-info {
  width: auto;
}
#read section.suggested-projects .researcher-info a {
  color: #4a5658;
}
#read section.suggested-projects .experiment-logo svg path {
  fill: #E2E2E2;
}
#read section.suggested-projects .blast-off {
  text-align: center;
  margin: 0 auto;
}
#read h4.sub-label {
  text-transform: uppercase;
  letter-spacing: 1.1px;
  color: #9Ba5aa;
  text-weight: 700;
  text-align: left;
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read .code #hover-message,
#read pre #hover-message,
#read code #hover-message {
  display: none;
}
#read #bottom-nav {
  height: 82px;
  padding: 0;
  display: block;
  position: fixed;
  width: 100%;
  bottom: 0px;
  z-index: 100;
  background-color: #FFF;
  border-top: 2px solid #F2F3F4;
}
#read #bottom-nav.show {
  display: block;
}
@media (min-width: 768px) {
  #read #bottom-nav {
    height: 35px;
    padding: 16px 0;
  }
}
#read #bottom-nav .actions-container {
  display: inline;
  vertical-align: top;
}
#read #bottom-nav .actions-container .fund-button {
  display: inline;
  vertical-align: top;
}
#read #bottom-nav .actions-container .fund-button .btn-primary {
  font-weight: 600;
  vertical-align: top;
}
#read #bottom-nav svg {
  height: 14px;
  vertical-align: middle;
  width: 11px;
  margin-right: 5px;
  margin-top: -1px;
}
#read #bottom-nav svg path {
  fill: #36ac9c;
}
#read #bottom-nav .badge {
  display: inline-block;
  padding: 6px 9px;
  border: 1px solid #36ac9c;
  border-radius: 3px;
  margin: 1px 0 0 0;
  vertical-align: top;
  color: #36ac9c;
  font-size: 13px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read #bottom-nav .project-title {
  display: none;
  margin-left: 60px;
  position: relative;
}
@media (min-width: 768px) {
  #read #bottom-nav .project-title {
    display: inline-block;
    margin: 0 0 0 6px;
  }
}
#read #bottom-nav .project-title a {
  color: #1a2024;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  display: inline;
}
#read #bottom-nav .project-title p {
  font-size: 13px;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: -6px;
  text-align: left;
  float: left;
}
@media (min-width: 768px) {
  #read #bottom-nav .project-title p {
    width: 100%;
    margin-left: 9px;
  }
}
#read #bottom-nav .project-title strong {
  margin-left: 3px;
}
#read #bottom-nav .project-title .title {
  margin-top: -1px;
}
#read #bottom-nav .project-title .label {
  color: #aaa;
}
#read #bottom-nav .project-title .label a {
  color: #aaa;
  -webkit-font-smoothing: antialiased;
}
#read #bottom-nav .project-title .label a:hover {
  color: #4a5658;
}
#read #bottom-nav .social-share {
  display: inline;
  float: right;
  color: #aaa;
  font-size: 14px;
  margin-top: 8px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#read #bottom-nav .social-share a {
  color: #aaa;
  transition-duration: 0.25s;
}
#read #bottom-nav .social-share a:hover {
  opacity: 1;
}
#read #bottom-nav .social-share i {
  margin-left: 7px;
}
#read #bottom-nav .social-share .fa {
  position: relative;
  display: inline-block;
}
#read #bottom-nav .social-share .fa-twitter {
  font-size: 18px;
  top: 2px;
}
#read #bottom-nav .social-share .fa-reddit-alien {
  font-size: 16px;
  top: 1px;
}
#read #bottom-nav .social-share .fa-facebook {
  font-size: 15px;
  top: 1px;
}
#read #bottom-nav .social-share .fa-facebook:hover {
  color: #3B5998;
}
#read #bottom-nav .social-share .fa-twitter:hover {
  color: #00AAF1;
}
#read #bottom-nav .social-share .fa-reddit-alien:hover {
  color: #FF3A00;
}

.redactor-toolbar .re-insert-image i.fa-image {
  position: relative;
  top: 0px;
}

#redactor-modal .js-uploader {
  margin: 0 auto;
  display: block;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
}
#redactor-modal .js-uploader input {
  margin: 0 auto;
  display: block;
  width: 100%;
}
#redactor-modal .js-uploader .core-progress-bar-container {
  display: none;
}

.redactor-image-upload .placeholder {
  background-color: #f5f5f5;
  height: 300px;
}
.redactor-image-upload .placeholder .spinner {
  position: relative;
  top: 110px;
  height: 50px;
  width: 50px;
  margin: auto;
  background: url(http://d3t9s8cdqyboc5.cloudfront.net/assets/loading-transparent-161761aa3974c7a2885c07ef8f45314c0c62b64b8a169636c52def93f84a3451.gif) no-repeat;
}
.redactor-image-upload .placeholder .percent {
  position: relative;
  top: 110px;
  text-align: center;
  font-size: 1.5em;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.redactor-image-upload > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.toggle-switch {
  border-radius: 17px;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  position: relative;
  width: 28px;
}
.toggle-switch input[type=checkbox] {
  display: none;
}
.toggle-switch input[type=checkbox] + .checkbox {
  transition: all 0.3s ease;
  background: #e8e8e8;
  border-radius: 17px;
  border: none;
  cursor: pointer;
  height: 17px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 28px;
  z-index: 0;
}
.toggle-switch input[type=checkbox] + .checkbox:before {
  transform: scale(1);
  transition: all 0.3s ease;
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 2px;
  background: white;
  border-radius: 17px;
  content: "";
  height: 13px;
  width: 24px;
  z-index: 1;
}
.toggle-switch input[type=checkbox] + .checkbox:after {
  transition: all 0.3s ease;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 2px;
  background: white;
  border-radius: 13px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  content: "";
  z-index: 2;
}
.toggle-switch input[type=checkbox]:checked + .checkbox {
  background: #36ac9c;
}
.toggle-switch input[type=checkbox]:checked + .checkbox:before {
  transform: scale(0);
}
.toggle-switch input[type=checkbox]:checked + .checkbox:after {
  left: 13px;
}

/*
  Redactor II

  http://imperavi.com/redactor/

  Copyright (c) 2009-2016, Imperavi LLC.
  License: http://imperavi.com/redactor/license/
*/
.redactor-box {
  position: relative;
  overflow: visible;
}

.redactor-editor,
.redactor-box {
  background: #fff;
}

.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto;
}

.redactor-link-tooltip {
  z-index: 99;
}

.redactor-toolbar {
  z-index: 100;
}

.redactor-box-fullscreen {
  z-index: 1051;
}

.redactor-air,
.redactor-dropdown {
  z-index: 1052;
}

#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1053;
}

.redactor-body-fullscreen .redactor-link-tooltip {
  z-index: 1099;
}

.redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  display: block;
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal !important;
}

.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0;
  padding: 24px 32px 12px 32px;
  outline: none;
  white-space: normal;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.redactor-relative {
  position: relative;
}

.redactor-in {
  cursor: text;
}

.redactor-editor:focus,
.redactor-in:focus {
  outline: none;
}

.redactor-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.redactor-script-tag {
  display: none;
}

.redactor-editor img {
  cursor: pointer;
}

.redactor-voice-label {
  display: none;
}

.redactor-voice-alert {
  position: absolute;
  left: -3000px;
}

.redactor-toolbar {
  position: relative;
  padding: 0 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}

.redactor-toolbar li a {
  color: rgba(0, 0, 0, 0.75);
}

.redactor-toolbar li a:hover {
  outline: none;
  background-color: #3d79f2;
  color: #fff;
}

.redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act {
  outline: none;
  background-color: #eee;
  color: #444;
}

.redactor-toolbar li a.redactor-button-disabled {
  opacity: 0.3;
}

.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}

.redactor-toolbar li a.redactor-button-focus {
  color: #fff;
  background: #000;
}

.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.redactor-air {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  padding: 0;
  max-width: 600px;
  min-width: 200px;
  border-radius: 4px;
  border: none;
}

.redactor-air li a {
  color: rgba(255, 255, 255, 0.75);
}

.redactor-air li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}

.redactor-air li a:active, .redactor-air li a.redactor-act {
  outline: none;
  background-color: #333;
  color: rgba(255, 255, 255, 0.5);
}

.redactor-air li a.redactor-button-disabled {
  opacity: 0.3;
}

.redactor-air li a.redactor-button-disabled:hover {
  color: rgba(255, 255, 255, 0.3);
  outline: none;
  background-color: transparent !important;
  cursor: default;
}

.redactor-air li a.redactor-button-focus {
  color: #333;
  background: #eee;
}

.redactor-air,
.redactor-toolbar {
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  margin: 0 !important;
  list-style: none !important;
  line-height: 1 !important;
}

.redactor-air li,
.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
}

.redactor-air li a,
.redactor-toolbar li a {
  font-size: 13px;
  display: block;
  text-align: center;
  padding: 15px 14px 14px;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
}

.redactor-air li a.re-bold,
.redactor-toolbar li a.re-bold {
  font-weight: bold;
}

.redactor-air li a.re-italic,
.redactor-toolbar li a.re-italic {
  font-style: italic;
}

.redactor-air li a.re-deleted,
.redactor-toolbar li a.re-deleted {
  text-decoration: line-through;
}

.redactor-air li a.re-underline,
.redactor-toolbar li a.re-underline {
  text-decoration: underline;
}

.redactor-link-tooltip {
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  position: absolute;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
  font-size: 12px;
}

.redactor-link-tooltip a {
  font-size: 12px;
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}

.redactor-link-tooltip a:hover {
  color: #fff;
}

.redactor-structure h1, .redactor-structure h2, .redactor-structure h3, .redactor-structure h4, .redactor-structure h5, .redactor-structure h6, .redactor-structure div {
  position: relative;
}

.redactor-structure h1:before, .redactor-structure h2:before, .redactor-structure h3:before, .redactor-structure h4:before, .redactor-structure h5:before, .redactor-structure h6:before, .redactor-structure div:before {
  width: 24px;
  position: absolute;
  font-size: 10px;
  font-weight: normal;
  opacity: 0.3;
  left: -32px;
  text-align: right;
}

.redactor-structure h1:before {
  content: "H1";
}

.redactor-structure h2:before {
  content: "H2";
}

.redactor-structure h3:before {
  content: "H3";
}

.redactor-structure h4:before {
  content: "H4";
}

.redactor-structure h5:before {
  content: "H5";
}

.redactor-structure h6:before {
  content: "H6";
}

.redactor-structure div:before {
  content: "DIV";
}

#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 64px 24px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}

#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}

#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}

#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  margin-left: 64px;
  color: rgba(0, 0, 0, 0.7);
}

.redactor-image-dragover {
  outline: 2px solid #3d79f2;
}

#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}

#redactor-progress span {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes redactorSlideUp {
  to {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
  }
}
@keyframes redactorSlideUp {
  to {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
  }
}
.redactor-slideUp {
  overflow: hidden;
  -webkit-animation-name: redactorSlideUp;
  animation-name: redactorSlideUp;
}

@-webkit-keyframes redactorSlideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@keyframes redactorSlideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.redactor-slideDown {
  overflow: hidden;
  -webkit-animation-name: redactorSlideDown;
  animation-name: redactorSlideDown;
}

@-webkit-keyframes redactorFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes redactorFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.redactor-fadeIn {
  -webkit-animation-name: redactorFadeIn;
  animation-name: redactorFadeIn;
}

@-webkit-keyframes redactorFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes redactorFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.redactor-fadeOut {
  -webkit-animation-name: redactorFadeOut;
  animation-name: redactorFadeOut;
}

.redactor-dropdown {
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  min-width: 220px;
  max-height: 254px;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  overflow: auto;
  list-style: none;
}

.redactor-dropdown li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.redactor-dropdown li:last-child {
  border-bottom: none;
}

.redactor-dropdown li:hover {
  background-color: #3d79f2;
}

.redactor-dropdown li:hover a {
  color: #fff !important;
  text-decoration: none;
}

.redactor-dropdown li.redactor-dropdown-link-inactive {
  background: none;
}

.redactor-dropdown li.redactor-dropdown-link-inactive a,
.redactor-dropdown li.redactor-dropdown-link-inactive a:hover {
  background: none;
  cursor: default;
  color: #000 !important;
  opacity: 0.4;
  background: none;
}

.redactor-dropdown a {
  display: block;
  padding: 16px 16px 15px 16px;
  color: #000;
  text-decoration: none;
}

.redactor-dropdown a span {
  padding: 1px 4px;
  display: inline-block;
  border-radius: 3px;
  line-height: 1.4;
}

.redactor-dropdown a:focus {
  outline: none;
}

.redactor-dropdown a.selected {
  background-color: #000;
  color: #fff;
}

.redactor-dropdown a.redactor-dropdown-link-selected {
  color: #fff;
  background: #000;
}

.redactor-dropdown-box-inline .redactor-dropdown-marked span {
  background-color: #ffd61e;
  color: #000;
  text-decoration: none;
}

.redactor-dropdown-box-inline .redactor-dropdown-code span {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background: rgba(0, 0, 0, 0.05);
}

.redactor-dropdown-box-inline .redactor-dropdown-sample span {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background: #46a9fc;
  color: rgba(255, 255, 255, 0.9);
}

.redactor-dropdown-box-inline .redactor-dropdown-variable span {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: rgba(0, 0, 0, 0.5);
}

.redactor-dropdown-box-inline .redactor-dropdown-shortcut span {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background: #000;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
}

.redactor-dropdown-box-inline .redactor-dropdown-cite span {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

.redactor-dropdown-box-inline .redactor-dropdown-sup span,
.redactor-dropdown-box-inline .redactor-dropdown-sub span {
  font-size: 12px;
}

.redactor-dropdown-box-format .redactor-dropdown-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}

.redactor-dropdown-box-format .redactor-dropdown-pre {
  font-family: monospace, sans-serif;
}

.redactor-dropdown-box-format .redactor-dropdown-h1,
.redactor-dropdown-box-format .redactor-dropdown-h2,
.redactor-dropdown-box-format .redactor-dropdown-h3,
.redactor-dropdown-box-format .redactor-dropdown-h4,
.redactor-dropdown-box-format .redactor-dropdown-h5,
.redactor-dropdown-box-format .redactor-dropdown-h6 {
  line-height: 24px;
  font-weight: bold;
}

.redactor-dropdown-box-format .redactor-dropdown-h1 {
  font-size: 40px;
  line-height: 32px;
}

.redactor-dropdown-box-format .redactor-dropdown-h2 {
  font-size: 32px;
  line-height: 32px;
}

.redactor-dropdown-box-format .redactor-dropdown-h3 {
  font-size: 24px;
}

.redactor-dropdown-box-format .redactor-dropdown-h4 {
  font-size: 18px;
}

.redactor-dropdown-box-format .redactor-dropdown-h5 {
  font-size: 16px;
}

.redactor-dropdown-box-format .redactor-dropdown-h6 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#redactor-modal {
  position: relative;
  margin: auto;
  margin-top: 16px;
  padding: 0;
  background: #fff;
  color: #000;
  border-radius: 5px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

@media (max-width: 768px) {
  #redactor-modal {
    font-size: 16px !important;
  }
}
#redactor-modal #redactor-modal-header {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 20px 24px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: #f5f5f5;
}

#redactor-modal #redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 4px;
  width: 30px;
  height: 40px;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  background: none;
  outline: none;
}

#redactor-modal #redactor-modal-close:hover {
  color: #000;
}

#redactor-modal #redactor-modal-body {
  overflow: auto;
  padding: 40px 48px 24px 48px;
}

#redactor-modal #redactor-modal-body section {
  margin-bottom: 24px;
}

#redactor-modal #redactor-modal-body label {
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-bottom: 4px;
}

#redactor-modal #redactor-modal-body label .desc {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
}

#redactor-modal #redactor-modal-body label.checkbox {
  font-weight: normal;
  font-size: inherit;
}

@media (max-width: 768px) {
  #redactor-modal #redactor-modal-body {
    padding: 24px;
  }
}
#redactor-modal select,
#redactor-modal input[type=text],
#redactor-modal input[type=password],
#redactor-modal input[type=email],
#redactor-modal input[type=url],
#redactor-modal textarea {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 8px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: white;
  box-shadow: none;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

@media (max-width: 768px) {
  #redactor-modal select,
  #redactor-modal input[type=text],
  #redactor-modal input[type=password],
  #redactor-modal input[type=email],
  #redactor-modal input[type=url],
  #redactor-modal textarea {
    font-size: 16px;
  }
}
#redactor-modal select:focus,
#redactor-modal input[type=text]:focus,
#redactor-modal input[type=password]:focus,
#redactor-modal input[type=email]:focus,
#redactor-modal input[type=url]:focus,
#redactor-modal textarea:focus {
  transition: border 0.3s ease-in;
  outline: none;
  border-color: #aaa;
}

#redactor-modal textarea {
  display: block;
  line-height: 1.4em;
}

#redactor-modal button {
  padding: 13px 24px 14px 24px;
  margin: 0;
  margin-bottom: 8px;
  margin-right: 8px;
  height: 40px;
  outline: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #eee;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  line-height: 1;
  cursor: pointer;
}

#redactor-modal button:hover {
  color: #777;
  background: none;
  background: #ddd;
  text-decoration: none;
}

#redactor-modal button.redactor-modal-button-offset {
  margin-left: 24px;
}

#redactor-modal button#redactor-modal-button-delete {
  background: none;
  border-color: #f23d3d;
  color: #f23d3d;
}

#redactor-modal button#redactor-modal-button-delete:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #f23d3d;
}

#redactor-modal button#redactor-modal-button-action {
  background: none;
  color: #fff;
  background-color: #3d79f2;
}

#redactor-modal button#redactor-modal-button-action:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #3263c6;
}

#redactor-modal .redactor-group:after {
  content: "";
  display: table;
  clear: both;
}

#redactor-modal .redactor-modal-tab-side {
  float: left;
  width: 26%;
  margin-right: 6%;
}

#redactor-modal .redactor-modal-tab-area {
  float: left;
  width: 66%;
}

@media (max-width: 768px) {
  #redactor-modal .redactor-modal-tab-side {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 24px;
  }
  #redactor-modal .redactor-modal-tab-area {
    float: none;
    width: auto;
  }
}
#redactor-modal-tabber {
  margin-bottom: 40px;
  font-size: 12px;
}

#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}

#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}

#redactor-modal-tabber a.active {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.05);
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.5);
}

#redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: auto;
}

#redactor-modal-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

#redactor-modal-list li:last-child {
  border-bottom: none;
}

#redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}

#redactor-modal-list a:hover {
  background-color: #eee;
}

.redactor-editor {
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #222;
}

.redactor-editor[dir=rtl] {
  direction: rtl;
  unicode-bidi: embed;
}

.redactor-editor[dir=rtl] ul li,
.redactor-editor[dir=rtl] ol li {
  text-align: right;
}

.redactor-editor[dir=rtl] ul,
.redactor-editor[dir=rtl] ol,
.redactor-editor[dir=rtl] ul ul,
.redactor-editor[dir=rtl] ol ol,
.redactor-editor[dir=rtl] ul ol,
.redactor-editor[dir=rtl] ol ul {
  margin: 0 24px 0 0;
}

@media (max-width: 768px) {
  .redactor-editor {
    font-size: 16px;
  }
}
.redactor-editor a {
  color: #256bc9;
}

.redactor-editor a:focus, .redactor-editor a:hover {
  color: #e21e3b;
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: bold;
  color: #000;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

.redactor-editor h1 {
  font-size: 40px;
  line-height: 44px;
}

.redactor-editor h2 {
  font-size: 32px;
  line-height: 36px;
}

.redactor-editor h3 {
  font-size: 24px;
  line-height: 32px;
}

.redactor-editor h4 {
  font-size: 18px;
  line-height: 24px;
}

.redactor-editor h5 {
  font-size: 16px;
  line-height: 24px;
}

.redactor-editor h6 {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor hr,
.redactor-editor pre,
.redactor-editor table,
.redactor-editor figure,
.redactor-editor address {
  padding: 0;
  margin: 0;
}

.redactor-editor ul,
.redactor-editor ol,
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 0 0 0 24px;
}

.redactor-editor ul li,
.redactor-editor ol li {
  text-align: left;
}

.redactor-editor ol ol li {
  list-style-type: lower-alpha;
}

.redactor-editor ol ol ol li {
  list-style-type: lower-roman;
}

.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor hr,
.redactor-editor pre,
.redactor-editor table,
.redactor-editor figure,
.redactor-editor address {
  margin-bottom: 16px;
}

.redactor-editor blockquote {
  position: relative;
  font-style: italic;
  color: rgba(0, 0, 0, 0.6);
}

.redactor-editor blockquote cite {
  font-size: 80%;
}

@media (min-width: 768px) {
  .redactor-editor blockquote {
    padding-left: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.redactor-editor address {
  font-style: normal;
}

.redactor-editor dl dt {
  font-weight: bold;
}

.redactor-editor dd {
  margin-left: 24px;
}

.redactor-editor cite {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

.redactor-editor s,
.redactor-editor del {
  text-decoration: line-through;
}

.redactor-editor abbr[title],
.redactor-editor dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

.redactor-editor strong,
.redactor-editor b {
  font-weight: bold;
}

.redactor-editor em,
.redactor-editor i {
  font-style: italic;
}

.redactor-editor sub,
.redactor-editor sup {
  font-size: 10px;
  line-height: 0;
  position: relative;
  margin-left: 0.2rem;
}

.redactor-editor sup {
  top: -0.4rem;
}

.redactor-editor sub {
  bottom: -0.2rem;
}

figcaption {
  margin: 0.3rem 0;
  font-size: 11px;
  font-style: italic;
  text-align: left;
}

.redactor-editor ins,
.redactor-editor u {
  text-decoration: underline;
}

.redactor-editor mark {
  background-color: #ffd61e;
  color: #000;
  text-decoration: none;
}

.redactor-editor pre,
.redactor-editor code,
.redactor-editor kbd,
.redactor-editor samp,
.redactor-editor var,
.redactor-editor output {
  font-size: 90%;
  font-style: normal;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.redactor-editor pre {
  margin-top: 16px;
  font-size: 90%;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.75);
  overflow: auto;
  background: rgba(0, 0, 0, 0.03);
  padding: 24px;
  word-wrap: normal;
}

.redactor-editor mark,
.redactor-editor code,
.redactor-editor samp,
.redactor-editor kbd {
  padding: 0.2rem 0.4rem;
  display: inline-block;
  line-height: 1;
  border-radius: 4px;
}

.redactor-editor code {
  background: rgba(0, 0, 0, 0.05);
}

.redactor-editor pre code {
  font-size: 100%;
  border: none;
  padding: 0;
  background: none;
  line-height: 24px;
}

.redactor-editor var {
  color: rgba(0, 0, 0, 0.5);
}

.redactor-editor samp {
  background: #46a9fc;
  color: rgba(255, 255, 255, 0.9);
}

.redactor-editor kbd {
  background: #000;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
}

.redactor-editor hr {
  display: block;
  box-sizing: content-box;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.redactor-editor img,
.redactor-editor video,
.redactor-editor audio,
.redactor-editor embed,
.redactor-editor object {
  max-width: 100%;
}

.redactor-editor img,
.redactor-editor video,
.redactor-editor embed,
.redactor-editor object {
  height: auto;
}

.redactor-editor embed,
.redactor-editor object {
  height: 100%;
}

.redactor-editor img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.redactor-editor table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
  empty-cells: show;
}

.redactor-editor table caption {
  text-transform: uppercase;
  padding: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
}

.redactor-editor table th,
.redactor-editor table td {
  border: 1px solid #eee;
  padding: 16px;
  padding-bottom: 15px;
}

.redactor-editor table tfoot th,
.redactor-editor table tfoot td {
  color: rgba(0, 0, 0, 0.5);
}

.redactor-editor .video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 16px;
}

.redactor-editor .video-container iframe,
.redactor-editor .video-container object,
.redactor-editor .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Styles for character limit indicator */
.redactor-box {
  padding-bottom: 30px !important;
}

.redactor-box .indicator {
  position: absolute;
  bottom: 5px;
  right: 14px;
  zindex: 30;
}

.redactor-editor {
  border: none;
  padding: 10px 13px;
}
.redactor-editor iframe {
  display: block;
}

.redactor-box.over-limit,
.redactor-box.over-limit .redactor-editor {
  background-color: #FFEFEF;
}

.redactor-box.over-limit .indicator {
  color: #EC9797;
}

/* Our styles clash a bit with redactors so
   this fixes it */
#redactor-modal-body {
  overflow-x: hidden !important;
}

#redactor-modal-body input[type=checkbox] {
  display: inline-block !important;
}

/* Brand override styles */
.redactor-toolbar li a:hover {
  outline: none;
  background-color: #61bda0;
  color: #fff;
}

#redactor-modal-tabber a:hover {
  background-color: #61bda0;
  border-color: #61bda0;
  color: #fff;
}

.redactor-dropdown a:hover {
  background-color: #61bda0;
  color: #fff !important;
  text-decoration: none;
}

#redactor-modal #redactor-modal-button-action {
  background: none;
  color: #fff;
  background-color: #61bda0;
}

#redactor-modal #redactor-modal-button-action:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #25A37A;
}

#redactor-image-box {
  display: block;
  text-align: center;
  border: 2px solid #61bda0;
  outline: none;
}

article.core-content .container,
article.supporting-content .container {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  article.core-content .container,
  article.supporting-content .container {
    max-width: 680px;
  }
}
article.core-content .slate-editor,
article.supporting-content .slate-editor {
  padding-top: 50px;
}
article.core-content .slate-editor:focus,
article.supporting-content .slate-editor:focus {
  min-height: 300px;
  border-radius: 3px;
}

.admin-dashboard {
  font-size: 14px;
  padding-bottom: 100px;
}
.admin-dashboard .active-stats {
  margin-bottom: 40px;
}
.admin-dashboard .review-overview {
  margin: 20px auto 40px;
  width: 1100px;
  text-align: center;
}
.admin-dashboard .best_in_place {
  cursor: pointer;
}
.admin-dashboard .best_in_place textarea {
  width: 100%;
}
.admin-dashboard .muted {
  color: #aaa;
  font-size: 10px;
  line-height: 11px;
  display: inherit;
}
.admin-dashboard .project-table {
  margin: auto;
  width: 1200px;
  font-size: 14px;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.admin-dashboard .project-table th {
  background-color: #fafafa;
  -webkit-font-smoothing: antialiased;
}
.admin-dashboard .project-table th, .admin-dashboard .project-table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.admin-dashboard .researcher-link {
  *zoom: 1;
}
.admin-dashboard .researcher-link:before, .admin-dashboard .researcher-link:after {
  content: "";
  display: table;
}
.admin-dashboard .researcher-link:after {
  clear: both;
}
.admin-dashboard .researcher-link .media-img {
  float: left;
  display: block;
  margin-right: 1rem;
}
.admin-dashboard .researcher-link .media-body {
  overflow: hidden;
  zoom: 1;
  text-align: left;
}
.admin-dashboard .researcher-link .mini-avatar {
  width: 30px;
  margin-right: 5px;
  margin-bottom: 10px;
}
.admin-dashboard .project-action-form input {
  background-color: #FFF;
  margin-bottom: 5px;
  color: #555;
}
.admin-dashboard .project-action-form input:hover {
  color: #000;
  border-color: #aaa;
}

.modal.project-review-modal {
  position: absolute;
  width: 600px;
  padding: 10px;
}
.modal.project-review-modal #action-mail-text {
  min-height: 200px;
}

.admin-undo-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff0bc;
  z-index: 1100;
  display: none;
}
.admin-undo-bar .container {
  padding: 10px 25px;
  text-align: center;
}
.admin-undo-bar .undo-button {
  cursor: pointer;
  text-decoration: underline;
}

.labnote-admin-preview {
  margin-bottom: 30px;
  color: #999;
}
.labnote-admin-preview:hover {
  opacity: 0.7;
}

.admin-funnel {
  padding-top: 70px;
  margin-bottom: 150px;
  -webkit-font-smoothing: antialiased;
}
.admin-funnel .completion-rate {
  float: right;
  padding: 10px;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  line-height: 1;
  color: #aaa;
}
.admin-funnel .completion-rate span {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.admin-funnel .completion-rate:hover {
  background-color: #e1f6f3;
  color: #000;
}
.admin-funnel .funnel {
  *zoom: 1;
  margin-bottom: 40px;
  border: 2px solid #f5f5f5;
  border-radius: 4px;
  padding: 25px;
}
.admin-funnel .funnel:before, .admin-funnel .funnel:after {
  content: "";
  display: table;
}
.admin-funnel .funnel:after {
  clear: both;
}
.admin-funnel .steps {
  margin-left: -10px;
  width: 1200px;
}
.admin-funnel .title {
  font-weight: 200;
  margin-bottom: 0;
  font-size: 26px;
}
.admin-funnel .time-period {
  color: #aaa;
  font-size: 18px;
  margin-bottom: 30px;
}
.admin-funnel .subtext {
  font-size: 13px;
}
.admin-funnel .step-conversion {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding: 0 5px;
  font-size: 18px;
}
.admin-funnel .step-conversion:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  right: -10px;
  width: 18px;
  height: 18px;
  background-color: #FFF;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-transform: rotate(-45deg);
  z-index: -1;
}
.admin-funnel .step {
  position: relative;
  display: inline-block;
  width: 110px;
  vertical-align: top;
  border-radius: 4px;
  padding: 10px;
  margin-right: 5px;
  color: #aaa;
}
.admin-funnel .step:hover {
  background-color: #e1f6f3;
  color: #000;
}
.admin-funnel .step .name {
  font-size: 20px;
  line-height: 1.1;
}
.admin-funnel .step .count {
  color: #000;
  font-size: 32px;
  font-weight: 600;
  line-height: 0.9;
}
.admin-funnel .mixpanel-link {
  float: right;
  margin-top: 10px;
  margin-bottom: -10px;
}

.feedback-new .header,
.newsletter-container .header {
  margin: 20px 0 50px 0;
}
.feedback-new .header h1,
.newsletter-container .header h1 {
  font-size: 38px;
  margin: 60px 0 15px 0;
  font-weight: 400;
}
.feedback-new .header h4,
.newsletter-container .header h4 {
  margin-bottom: 5px;
}
.feedback-new .header p,
.newsletter-container .header p {
  color: #555;
}
.feedback-new .form,
.newsletter-container .form {
  font-size: 14px;
  margin-top: 18px;
  margin-bottom: 60px;
  -webkit-font-smoothing: antialiased;
}
.feedback-new .form input, .feedback-new .form select,
.newsletter-container .form input,
.newsletter-container .form select {
  width: 100%;
  color: #555;
}
@media (min-width: 768px) {
  .feedback-new .form input, .feedback-new .form select,
  .newsletter-container .form input,
  .newsletter-container .form select {
    width: 270px;
  }
}
.feedback-new .form .btn-primary,
.newsletter-container .form .btn-primary {
  color: #FFF;
}
.feedback-new .form textarea,
.newsletter-container .form textarea {
  height: 200px;
  width: 100%;
}
@media (min-width: 768px) {
  .feedback-new .form textarea,
  .newsletter-container .form textarea {
    width: 550px;
  }
}
.feedback-new h4,
.newsletter-container h4 {
  color: #36ac9c;
  letter-spacing: 1.8px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
}
.feedback-new p,
.newsletter-container p {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-size: 18px;
  margin: 12px 0;
  line-height: 26px;
}
@media (min-width: 768px) {
  .feedback-new p,
  .newsletter-container p {
    width: 650px;
  }
}
.feedback-new i,
.newsletter-container i {
  color: red;
}
.feedback-new a,
.newsletter-container a {
  color: #333;
  text-decoration: none;
}
.feedback-new a:hover,
.newsletter-container a:hover {
  color: #000;
}
.feedback-new #feedback_category,
.newsletter-container #feedback_category {
  height: 34px;
}
.feedback-new .checkbox input,
.newsletter-container .checkbox input {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-right: 4px;
  display: inline;
}
.feedback-new .checkbox label,
.newsletter-container .checkbox label {
  font-size: 16px;
  height: 24px;
}
.feedback-new .note,
.newsletter-container .note {
  vertical-align: middle;
  padding-top: 32px;
  margin-left: 12px;
}

.preload {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.birthday {
  overflow: hidden;
}
.birthday .share-btns .twitter:hover i {
  color: #00AAF1;
}
.birthday .share-btns .fb:hover i {
  color: #3B5998;
}
.birthday .share-btns .reddit:hover i {
  color: #FF3A00;
}
.birthday .share-btns i {
  font-size: 40px;
  padding-right: 5px;
  padding-left: 5px;
  color: #9Ba5aa;
}
.birthday .share-url {
  color: #4E8FED;
  padding: 4px;
  border-radius: 3px;
  border: 1px solid #4E8FED;
  width: 160px;
}
.birthday h1, .birthday h2, .birthday h3, .birthday h4 {
  text-align: center;
}
.birthday h2, .birthday h3 {
  font-family: "Copernicus", Times;
}
.birthday h4 {
  font-weight: 400;
}
.birthday h2 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}
@media (min-width: 768px) {
  .birthday h2 {
    font-size: 38px;
  }
}
.birthday section.hero {
  height: 520px;
  min-height: 520px;
  background-color: #000;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  text-align: center;
  margin: 0 0 40px 0;
  /* 1. No object-fit support: */
  /* 2. If supporting object-fit, overriding (1): */
}
@media (min-width: 768px) {
  .birthday section.hero {
    height: 520px;
  }
}
.birthday section.hero .video-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.birthday section.hero .video-background > video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Old shadow dom for play button */
  /* New shadow dom for play button */
  /* This one works */
}
.birthday section.hero .video-background > video *::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}
.birthday section.hero .video-background > video *::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}
.birthday section.hero .video-background > video *::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
@media (min-aspect-ratio: 16/9) {
  .birthday section.hero .video-background > video {
    height: 300%;
    top: -100%;
    width: 100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .birthday section.hero .video-background > video {
    width: 300%;
    left: -100%;
  }
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .birthday section.hero .video-background > video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.birthday section.hero .video-cover {
  width: auto;
  height: auto;
  background-color: #5B68E5;
  position: absolute;
  opacity: 0.1;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  min-height: 100%;
  min-width: 100%;
  mix-blend-mode: normal;
}
@media (min-width: 768px) {
  .birthday section.hero .video-cover {
    padding: 0;
    width: 100%;
    min-width: 900px;
    height: 520px;
  }
}
.birthday section.hero .container {
  width: 100%;
  padding: 0px;
  position: absolute;
  top: -10px;
  height: 110%;
}
@media (min-width: 768px) {
  .birthday section.hero .container {
    width: 100%;
  }
}
.birthday section.hero .container svg {
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 120px;
  width: 133px;
  height: 27px;
}
.birthday section.hero .container svg path {
  fill: #FFF;
}
.birthday section.hero .container img {
  width: 80%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .birthday section.hero .container img {
    width: 455px;
    height: 102px;
  }
}
.birthday section.hero .container h1, .birthday section.hero .container p, .birthday section.hero .container a {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.birthday section.hero .container h1 {
  opacity: 0;
  font-size: 30px;
  margin-top: 230px;
  font-family: "Copernicus", Times;
  font-weight: 400;
  letter-spacing: 0.04rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 0;
  text-rendering: optimizeLegibility;
}
@media (min-width: 768px) {
  .birthday section.hero .container h1 {
    opacity: 0;
    font-size: 38px;
  }
}
.birthday section.hero .container h4 {
  text-transform: uppercase;
  letter-spacing: 1.9px;
  font-weight: 300;
  font-size: 31px;
  color: #FFDC1E;
}
.birthday section.hero .container p.cta {
  color: #FFF;
  font-size: 12px;
  padding-top: 110px;
}
.birthday section.hero .container p.cta-six {
  color: #FFF;
  font-size: 12px;
  padding-top: 280px;
}
.birthday section.hero .container i.fa-caret-down {
  color: #FFF;
  position: relative;
  top: -16px;
}
.birthday section.hero .container .first {
  animation-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
}
.birthday section.hero .container .second {
  animation-delay: 2.9s !important;
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  -ms-animation-delay: 2.9s;
  -o-animation-delay: 2.9s;
}
.birthday section.hero .container .third {
  animation-delay: 3.7s;
  -webkit-animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  -ms-animation-delay: 3.7s;
  -o-animation-delay: 3.7s;
}
.birthday section.hero .container .fourth {
  animation-delay: 5.7s;
  -webkit-animation-delay: 5.7s;
  -moz-animation-delay: 5.7s;
  -ms-animation-delay: 5.7s;
  -o-animation-delay: 5.7s;
}
.birthday section.introduction .header {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -ms-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  margin-top: 40px;
  text-align: center;
}
.birthday section.introduction .header .sub-header {
  color: #5D28EE;
  margin: 28px 0 0 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
}
.birthday section.introduction .header .date-header {
  display: inline-block;
  margin: 0;
  color: #5D28EE;
  font-size: 14px;
}
.birthday section.introduction .header .date-header svg {
  display: inline;
  vertical-align: middle;
  width: 12px;
  height: 10px;
  position: relative;
  top: -1.5px;
}
.birthday section.introduction .header .date-header svg path {
  fill: #5D28EE;
}
.birthday section.introduction .body {
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -ms-animation-delay: 6s;
  -o-animation-delay: 6s;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 80%;
  margin: 0 auto;
  font-size: 19px;
  margin-top: 70px;
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .birthday section.introduction .body {
    width: 600px;
  }
}
.birthday section.introduction .body p {
  padding-bottom: 20px;
  line-height: 29px;
}
.birthday section.introduction .footnote {
  color: #aaa;
  font-size: 12px;
  padding-top: 20px;
}
.birthday section.introduction h2 {
  font-size: 30px;
  font-family: "Copernicus", Times;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 0;
  text-rendering: optimizeLegibility;
}
@media (min-width: 768px) {
  .birthday section.introduction h2 {
    font-size: 38px;
  }
}
.birthday section.gallery {
  width: 100%;
  min-width: 100%;
  min-height: 400px;
  height: 14vh;
  display: block;
  background: url("https://d1sg0ksu7mr16v.cloudfront.net/admin_uploads/birthday/happy_collage.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.birthday section.timeline {
  background-color: #FFF;
  padding-top: 100px;
  padding-bottom: 80px;
}
.birthday section.timeline .event-card {
  background-color: #FFF;
  border: 2px solid #CBE3ED;
  border-radius: 6px;
  padding-top: 40px;
  padding-bottom: 60px;
  margin: 0 auto;
  text-align: center;
}
.birthday section.timeline .event-card .event-contents {
  width: 70%;
  margin: 0 auto;
}
.birthday section.timeline .event-card .event-contents p.profile-photo {
  width: 50px;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: -30px;
}
.birthday section.timeline .event-card .event-contents p.date {
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #9Ba5aa;
  font-size: 13px;
  font-weight: 600;
  margin: 0 auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.birthday section.timeline .event-card .event-contents p.description {
  font-weight: 500;
  font-size: 25px;
  color: #1a2024;
  margin: 14px 0;
}
.birthday section.timeline .event-card .event-contents p.blurb {
  color: #1a2024;
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  width: 80%;
}
@media (min-width: 768px) {
  .birthday section.timeline .event-card .event-contents p.blurb {
    max-width: 450px;
  }
}
.birthday section.timeline .event-card .event-contents p.blurb .profile-photo {
  margin-bottom: 40px;
}
.birthday section.timeline .event-card .event-contents a {
  color: #2a8579;
  font-weight: 600;
}
.birthday section.timeline .event-card .event-contents .image {
  padding-bottom: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.birthday section.timeline .event-card .event-contents .image img {
  border-radius: 4px;
  width: 100%;
  max-width: 400px;
}
.birthday section.timeline .event-card .event-contents .share {
  font-size: 17px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #4E8FED;
  padding-bottom: 45px;
  font-size: 14px;
}
.birthday section.timeline .event-card .event-contents .share i {
  padding-left: 4px;
  padding-right: 2px;
  color: #4E8FED;
}
.birthday section.timeline .event-card .event-contents .share-link {
  font-size: 10px;
  margin-top: 6px;
}
.birthday section.timeline .event-card .event-contents .share-link .share-url {
  color: #4E8FED;
  padding: 4px;
  border-radius: 3px;
  border: 1px solid #4E8FED;
  width: 160px;
}
.birthday section.timeline .event-card .banner-holder {
  width: 100%;
  margin: 0 auto;
  display: block;
  height: 250px;
}
@media (min-width: 768px) {
  .birthday section.timeline .event-card .banner-holder {
    width: 310px;
  }
}
.birthday section.timeline .event-card .banner-holder .banner-cover {
  height: 182px;
  width: 100%;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  top: -187px;
  opacity: 0.5;
}
.birthday section.timeline .event-card .banner-holder .banner-image {
  position: relative;
}
.birthday section.timeline .event-card .banner-holder .banner-image img {
  height: 182px;
  width: 100%;
  border-radius: 4px;
}
.birthday section.timeline .event-card .banner-holder .project-title {
  height: 182px;
  margin: 0 auto;
  left: 0;
  top: -372px;
  position: relative;
  display: table-cell;
  font-family: "Copernicus", Times;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .birthday section.timeline .event-card .banner-holder .project-title {
    width: 60%;
    padding: 0 27px;
  }
}
.birthday section.timeline .event-card .banner-holder .project-title a {
  color: #FFF;
  text-align: center;
  display: flex;
  height: 169px;
  justify-content: center;
  align-items: center;
}
.birthday section.timeline .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  transition: opacity 0.2s;
}
.birthday section.timeline .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100px;
  display: block;
  overflow: hidden;
  padding-bottom: 20px;
  width: 62%;
  margin: 0 auto;
}
.birthday section.timeline .cd-horizontal-timeline .events-wrapper::after, .birthday section.timeline .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
}
.birthday section.timeline .cd-horizontal-timeline .events-wrapper::before {
  pointer-events: none;
  display: block;
  width: 32px;
  height: 60px;
  top: 15px;
  left: 0;
  background-image: linear-gradient(to right, #FFF, rgba(250, 250, 250, 0));
}
.birthday section.timeline .cd-horizontal-timeline .events-wrapper::after {
  pointer-events: none;
  display: block;
  width: 32px;
  height: 60px;
  top: 15px;
  right: 0;
  background-image: linear-gradient(to left, #FFF, rgba(250, 250, 250, 0));
}
.birthday section.timeline .cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 59px;
  height: 6px;
  /* width will be set using JavaScript */
  background: -webkit-linear-gradient(left, #BFEBFF, #C0EBFF);
  transition: transform 0.4s;
}
.birthday section.timeline .cd-horizontal-timeline .year a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  transform: translateZ(0);
  pointer-events: none;
}
.birthday section.timeline .cd-horizontal-timeline .year a::after {
  /* this is used to create the event spot for active/past events*/
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -5px;
  height: 12px;
  width: 3px !important;
  border-radius: 0 !important;
  border: none !important; /* color of inactive spots */
  background-color: #9Ba5aa !important;
}
.birthday section.timeline .cd-horizontal-timeline .year-label {
  height: 30px;
  width: 30px;
  color: #4a5658;
  position: relative;
  top: -42px;
}
.birthday section.timeline .cd-horizontal-timeline .year-label::after {
  background-color: none;
}
.birthday section.timeline .cd-horizontal-timeline .year-label h4 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 13px;
  color: #9Ba5aa;
}
.birthday section.timeline .cd-horizontal-timeline .avatar {
  height: 30px;
  width: 30px;
  background-size: cover;
}
.birthday section.timeline .cd-horizontal-timeline .avatar:after {
  background-color: none;
}
.birthday section.timeline .cd-horizontal-timeline .avatar img {
  height: 20px;
  border: 2px solid #FFF;
  border-radius: 50%;
}
.birthday section.timeline .cd-horizontal-timeline .avatar .line {
  width: 3px;
  height: 13px;
  margin: auto;
  position: relative;
  overflow: hidden;
  display: block;
  vertical-align: top;
  top: -2px;
  background: #BFEBFF;
}
.birthday section.timeline .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(left, #226FEB, #2D73FB);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s;
}
.birthday section.timeline .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  transform: translateZ(0);
}
.birthday section.timeline .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot for active/past events*/
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 3px solid #FFF; /* color of inactive spots */
  background-color: #1CACEA;
  transition: background-color 0.3s, border-color 0.3s;
}
.birthday section.timeline .cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: "mobile";
  display: none;
}
.birthday section.timeline .cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.birthday section.timeline .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.birthday section.timeline .cd-horizontal-timeline .events a.selected .line {
  background-color: #2D73FB;
}
.birthday section.timeline .cd-horizontal-timeline .events a.selected::after {
  background-color: #075FBE;
  border-color: #0c7df6;
}
.birthday section.timeline .cd-horizontal-timeline .events a.older-event .line {
  background-color: #2D73FB;
}
.birthday section.timeline .cd-horizontal-timeline .events a.older-event::after {
  border-color: #E9F5FF;
  background-color: #2087f7;
}
.birthday section.timeline .cd-horizontal-timeline .events li {
  list-style: none;
}
.birthday section.timeline .cd-horizontal-timeline .events li:hover .avatar img {
  position: relative;
  margin-top: -3px;
  transition-duration: 0.2s;
}
.birthday section.timeline .no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #075FBE;
  border-color: #075FBE;
}
@media only screen and (min-width: 1100px) {
  .birthday section.timeline .cd-horizontal-timeline {
    margin: 2em auto;
  }
  .birthday section.timeline .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
.birthday section.timeline .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 0 0 2em 0;
  overflow: hidden;
  transition: height 0.4s;
}
.birthday section.timeline .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  list-style: none;
  margin: 0;
  padding: 0;
}
.birthday section.timeline .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}
.birthday section.timeline .cd-horizontal-timeline .events-content li.enter-right, .birthday section.timeline .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.birthday section.timeline .cd-horizontal-timeline .events-content li.enter-left, .birthday section.timeline .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.birthday section.timeline .cd-horizontal-timeline .events-content li.leave-right, .birthday section.timeline .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.birthday section.timeline .cd-horizontal-timeline .events-content li > * {
  max-width: 1000px;
  margin: 0 auto;
}
.birthday section.timeline .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.birthday section.timeline .cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.birthday section.timeline .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
.birthday section.timeline .cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.birthday section.timeline .cd-horizontal-timeline .events-content em, .birthday section.timeline .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
.birthday section.timeline .cd-horizontal-timeline .session {
  display: block;
  margin: 0 auto;
}
.birthday section.timeline .cd-horizontal-timeline .session span {
  color: #4a5658;
  text-align: right;
}
.birthday section.timeline .cd-horizontal-timeline .session .btn {
  background-color: #2070E5;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.birthday section.timeline .cd-horizontal-timeline .session .btn:hover {
  background-color: #4587e9;
  transition-duration: 0.2s;
}
@media only screen and (min-width: 768px) {
  .birthday section.timeline .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .birthday section.timeline .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .birthday section.timeline .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}
.birthday section.timeline .timeline-navigation {
  width: 85%;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -59px;
  margin: 0 auto;
  z-index: 100;
}
@media (min-width: 768px) {
  .birthday section.timeline .timeline-navigation {
    width: 73%;
  }
}
.birthday section.timeline .timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #9FB2BD;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  transition: border-color 0.3s;
}
.birthday section.timeline .timeline-navigation a:hover {
  opacity: 1;
  border-color: #5E889C;
}
.birthday section.timeline .timeline-navigation a::after {
  /* arrow icon */
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
}
.birthday section.timeline .timeline-navigation a.prev {
  left: 20px;
  background: url("https://s3.amazonaws.com/microryza-assets/admin_uploads/birthday/chevron-left.png") no-repeat 10px 6.5px;
}
.birthday section.timeline .timeline-navigation a.next {
  right: 20px;
  background: url("https://s3.amazonaws.com/microryza-assets/admin_uploads/birthday/chevron-right.png") no-repeat 13px 6.5px;
}
.birthday section.timeline .timeline-navigation a.inactive {
  cursor: not-allowed;
}
.birthday section.timeline .timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.birthday section.timeline .timeline-navigation li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.birthday section.timeline .no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.birthday section.timeline .no-touch .cd-timeline-navigation a:hover {
  border-color: #EBFFF3;
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.birthday section.map {
  padding-top: 30px;
  height: 100px;
}
.birthday section.stats {
  padding-top: 40px;
}
.birthday section.stats .first h3 {
  color: #22DC9A;
}
.birthday section.stats .second h3 {
  color: #57EC83;
}
.birthday section.stats .third h3 {
  color: #83E257;
}
.birthday section.stats .row {
  margin: 40px 0;
}
.birthday section.stats h2 {
  text-align: center;
  margin-top: 110px;
}
@media (min-width: 768px) {
  .birthday section.stats h2 {
    text-align: left;
  }
}
.birthday section.stats h2.smaller {
  font-size: 21px;
}
.birthday section.stats h3 {
  text-align: center;
  font-weight: 500;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 39px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .birthday section.stats h3 {
    text-align: left;
  }
}
.birthday section.stats h4 {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .birthday section.stats h4 {
    width: 640px;
    text-align: left;
    margin: 0;
  }
}
.birthday section.stats .label {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  font-size: 17px;
}
@media (min-width: 768px) {
  .birthday section.stats .label {
    width: 640px;
    text-align: left;
    margin: 0;
  }
}
.birthday section.stats h4 > a {
  color: #1a2024;
  font-weight: 600;
}
.birthday section.stats h4 > a:hover {
  color: #36ac9c;
  border-color: #36ac9c;
  transition-duration: 0.3s;
}
@media (min-width: 768px) {
  .birthday section.stats .col-md-3 {
    margin-left: 0;
    padding-left: 0;
  }
}
.birthday section.footer {
  margin: 70px 0 0 0;
  text-align: center;
  padding-bottom: 100px;
}
.birthday section.footer hr {
  margin-bottom: 90px;
  width: 100%;
  border-color: #D4D9DB;
}
.birthday section.footer p {
  width: 80%;
  margin: 0 auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #405E56;
  font-size: 20px;
}
@media (min-width: 768px) {
  .birthday section.footer p {
    display: block;
    width: 540px;
  }
}
.birthday section.footer .footer-logo {
  display: block;
  width: 133px;
  margin: 0 auto;
  margin-top: 20px;
}
.birthday .like {
  text-align: center;
  height: 27px;
  border: 2px solid #ddd;
  border-radius: 20px;
  padding: 3px 9px 4px 7px;
  display: inline;
  top: -2px;
  position: relative;
}
.birthday .like:hover {
  border: 2px solid #E19698;
}
.birthday .like:hover i {
  color: #FF746F;
}
.birthday .like .fa-heart {
  color: #bcbcbc;
}
.birthday .like .like {
  cursor: pointer;
}
.birthday .like .like-count {
  font-size: 13px;
  margin-right: 2px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.birthday .like .like-count.liked {
  color: #1a2024;
}
.birthday .like a {
  font-size: 14px;
  color: #4a5658;
  font-weight: 600;
  padding-right: 3px;
}
.birthday .like i {
  font-size: 14px;
  padding-left: 2px;
  margin-right: 6px;
  color: #ddd;
  display: inline-block;
}
.birthday .like i:hover {
  color: #FF746F;
}
.birthday .like i.liked {
  color: #DB5854;
  -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
#birthday2018 .video-cover {
  background: rgb(229, 45, 119); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(229, 45, 119) 0%, rgb(209, 46, 242) 27%, rgb(107, 239, 193) 55%, rgb(114, 95, 221) 74%, rgb(229, 173, 121) 87%, rgb(244, 215, 117) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e52d77", endColorstr="#f4d775",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#birthday2018 .row {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  padding-top: 80px;
}
@media (min-width: 768px) {
  #birthday2018 .row {
    width: 620px;
    text-align: left;
  }
}
#birthday2018 .row p, #birthday2018 .row .btn {
  text-align: left;
}
#birthday2018 hr {
  margin-top: 30px;
}
#birthday2018 .result {
  margin: 0 0 20px 0;
  text-align: left;
}
#birthday2018 .result:hover {
  opacity: 0.8;
  transition-duration: 0.2s;
}
#birthday2018 .result .result-image {
  height: 60px;
  width: 60px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}
#birthday2018 .result .result-info {
  display: inline-block;
  margin: 0 0 0 12px;
  vertical-align: top;
  width: 86%;
}
@media (min-width: 768px) {
  #birthday2018 .result .result-info {
    width: 86%;
  }
}
#birthday2018 .result .result-info .type,
#birthday2018 .result .result-info .date {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  margin-top: 6px;
  color: #434D56;
  display: inline;
}
#birthday2018 .result .result-info .title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0;
  color: #4a5658;
  font-size: 14px;
  letter-spacing: 0.004em;
}
#birthday2018 .result .result-info .date {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 12px;
  color: #9Ba5aa;
}
#birthday2018 .result .result-info i {
  color: #9Ba5aa;
}
#birthday2018 .body {
  width: 100%;
}
#birthday2018 .header,
#birthday2018 h2,
#birthday2018 h3 {
  text-align: left;
}
#birthday2018 h3 {
  font-size: 24px;
}
#birthday2018 .share-btns {
  text-align: left;
  margin: 0;
}
#birthday2018 .share-btns i {
  font-size: 26px;
  color: #D8DADB;
}
#birthday2018 .footer-logo {
  text-align: left;
  margin: 0 !important;
  padding-top: 40px;
  padding-bottom: 40px;
}
#birthday2018 .footer-logo svg {
  height: 80px;
  width: 220px;
}
#birthday2018 .title svg {
  width: 80%;
}
@media (min-width: 768px) {
  #birthday2018 .title svg {
    width: 640px;
    height: 78px;
  }
}
#birthday2018 .subtext {
  font-size: 21px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9Ba5aa;
}
#birthday2018 section.introduction {
  margin-bottom: 0px;
}
#birthday2018 section.introduction h2 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 32px;
}
#birthday2018 section.introduction p {
  width: 80%;
  margin: 0 auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #405E56;
  margin: 0;
  line-height: 31px;
  font-size: 20px;
}
@media (min-width: 768px) {
  #birthday2018 section.introduction p {
    display: block;
    width: 620px;
  }
}
#birthday2018 section.footer {
  margin-bottom: 90px;
}
#birthday2018 section.footer h2 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 32px;
}
#birthday2018 section.footer p {
  width: 80%;
  margin: 0;
  line-height: 31px;
}
@media (min-width: 768px) {
  #birthday2018 section.footer p {
    display: block;
    width: 620px;
  }
}
#birthday2018 .preload-spinner {
  height: 300px;
  background: #f5f5f5;
  border-radius: 4px;
  width: 100%;
}
#birthday2018 .map-tooltip {
  background-color: #FFF !important;
  color: #1a2024 !important;
  font-size: 16px !important;
}
#birthday2018 .map-tooltip.place-top:after {
  border-top-color: #FFF !important;
  border-top-style: solid !important;
  border-top-width: 6px !important;
}
#birthday2018 .footer .btn-primary {
  text-align: left;
}

@media (min-width: 768px) {
  body[data-controller="projects/methods"] #protocol-show .col-md-8, body[data-controller="projects/methods"] #protocol-show .col-md-4, body[data-controller="projects/methods"] .methods .col-md-8, body[data-controller="projects/methods"] .methods .col-md-4, body[data-controller="projects/methods"] .results .col-md-8, body[data-controller="projects/methods"] .results .col-md-4,
  body[data-controller="projects/results"] #protocol-show .col-md-8,
  body[data-controller="projects/results"] #protocol-show .col-md-4,
  body[data-controller="projects/results"] .methods .col-md-8,
  body[data-controller="projects/results"] .methods .col-md-4,
  body[data-controller="projects/results"] .results .col-md-8,
  body[data-controller="projects/results"] .results .col-md-4,
  body[data-controller="projects/protocols"] #protocol-show .col-md-8,
  body[data-controller="projects/protocols"] #protocol-show .col-md-4,
  body[data-controller="projects/protocols"] .methods .col-md-8,
  body[data-controller="projects/protocols"] .methods .col-md-4,
  body[data-controller="projects/protocols"] .results .col-md-8,
  body[data-controller="projects/protocols"] .results .col-md-4 {
    padding: 20px 0;
  }
  body[data-controller="projects/methods"] #protocol-show .project-page-content, body[data-controller="projects/methods"] .methods .project-page-content, body[data-controller="projects/methods"] .results .project-page-content,
  body[data-controller="projects/results"] #protocol-show .project-page-content,
  body[data-controller="projects/results"] .methods .project-page-content,
  body[data-controller="projects/results"] .results .project-page-content,
  body[data-controller="projects/protocols"] #protocol-show .project-page-content,
  body[data-controller="projects/protocols"] .methods .project-page-content,
  body[data-controller="projects/protocols"] .results .project-page-content {
    min-height: 500px;
  }
}

body[data-controller="projects/methods"] h2.heading,
body[data-controller="projects/results"] h2.heading {
  margin: 40px 0 20px 0;
}
body[data-controller="projects/methods"] h2.heading a,
body[data-controller="projects/results"] h2.heading a {
  color: #FFF;
}
body[data-controller="projects/methods"] .field,
body[data-controller="projects/results"] .field {
  width: 690px;
}
body[data-controller="projects/methods"] .field label,
body[data-controller="projects/results"] .field label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
body[data-controller="projects/methods"] .field .description,
body[data-controller="projects/results"] .field .description {
  margin-bottom: 20px;
  color: #666;
}
body[data-controller="projects/methods"] .field .redactor-box,
body[data-controller="projects/results"] .field .redactor-box {
  margin-bottom: 40px;
}
body[data-controller="projects/methods"] .protocols .label,
body[data-controller="projects/results"] .protocols .label {
  background-color: #F2F3F4;
  padding: 9px 15px;
  border-radius: 6px;
  color: #005d81;
  margin: -11px 0 21px 0px;
  width: 287px;
}
body[data-controller="projects/methods"] .protocols .protocol,
body[data-controller="projects/results"] .protocols .protocol {
  margin-bottom: 20px;
  width: 287px;
  min-height: 75px;
  border-radius: 7px;
  padding: 9px 15px;
  margin-left: 15px;
}
body[data-controller="projects/methods"] .protocols .protocol .title,
body[data-controller="projects/results"] .protocols .protocol .title {
  font-size: 18px;
  font-weight: 600;
  color: #1a2024;
}
body[data-controller="projects/methods"] .protocols .protocol .title a:hover,
body[data-controller="projects/results"] .protocols .protocol .title a:hover {
  text-decoration: none;
}
body[data-controller="projects/methods"] .protocols .protocol .pageviews,
body[data-controller="projects/results"] .protocols .protocol .pageviews {
  color: #aaa;
  display: inline;
}
body[data-controller="projects/methods"] .protocols .protocol .inline,
body[data-controller="projects/results"] .protocols .protocol .inline {
  margin-left: 6px;
}
body[data-controller="projects/methods"] .protocols .protocol:hover,
body[data-controller="projects/results"] .protocols .protocol:hover {
  background-color: #F2F3F4;
  transition-duration: 0.2s;
}

body[data-controller="projects/protocols"] .project-page-content {
  margin: 30px 0 60px 0;
}
body[data-controller="projects/protocols"] .project-page-content .control-group {
  margin-bottom: 15px;
}
body[data-controller="projects/protocols"] .project-page-content .control-group input[type=text] {
  width: 100%;
}
body[data-controller="projects/protocols"] .project-page-content .control-group label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
body[data-controller="projects/protocols"] .project-page-content .control-group label abbr {
  display: none;
}
body[data-controller="projects/protocols"] .project-page-content .project_protocol_title input {
  font-size: 24px;
  line-height: 34px;
  height: 54px;
  padding: 4px 14px;
  border: 2px solid #ddd;
}
body[data-controller="projects/protocols"] .project-page-content .redactor-editor {
  min-height: 400px;
}
body[data-controller="projects/protocols"] .project-page-content .btn {
  margin-bottom: 60px;
}
body[data-controller="projects/protocols"] #protocol-form .col-md-8, body[data-controller="projects/protocols"] #protocol-form .col-md-4 {
  padding: 0;
}
body[data-controller="projects/protocols"] #protocol-form h3 {
  color: #004E6D;
}
body[data-controller="projects/protocols"] #protocol-form ul {
  margin: 0;
  padding: 0 15px;
}
body[data-controller="projects/protocols"] #protocol-form ul li {
  margin: 20px 0;
  color: #9Ba5aa;
}
body[data-controller="projects/protocols"] #protocol-show ul li {
  list-style: none;
  color: #aaa;
}
body[data-controller="projects/protocols"] #protocol-show .protocol-content p, body[data-controller="projects/protocols"] #protocol-show .protocol-content li {
  font-size: 16px;
}
body[data-controller="projects/protocols"] #protocol-show .protocol-content li {
  margin: 10px 0;
}
body[data-controller="projects/protocols"] hr.full-width {
  margin-bottom: 40px;
}
body[data-controller="projects/protocols"] .protocol-comment-container .main-column {
  width: 100%;
}
body[data-controller="projects/protocols"] .protocol-comment-container .blank-state {
  color: #aaa;
  width: 640px;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  padding: 23px 20px;
  border: 2px solid #efefef;
  border-radius: 9px;
  margin: 12px 0 40px 0;
  text-align: center;
}

body[data-controller="researcher-dashboard/payouts"][data-action=edit] #payout-container {
  min-height: 600px;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] #payout-container p.header {
  font-size: 20px;
  width: 600px;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header {
  padding: 40px 0;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header h1, body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .title {
  color: #1a2024;
  font-family: "Copernicus", Times;
  text-align: center;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header p {
  text-align: center;
  color: #9Ba5aa;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info {
  margin-top: 60px;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info .image-clip {
  display: inline-block;
  height: 171px;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 17%;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info .image-clip img {
  height: 100%;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info p, body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info a {
  color: #1a2024;
  text-align: left;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info .title {
  font-size: 23px;
  font-weight: 600;
  margin: 0;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info .sub-header {
  border: 2px solid #9Ba5aa;
  border-radius: 4px;
  background: #f3f4f5;
  color: #4a5658;
  padding: 14px 18px;
  font-size: 16px;
  width: 498px;
  margin: 120px 0 0 0;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .payout-header .project-info .sub-header a {
  color: #36ac9c;
  cursor: pointer;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .tax-deductible h3 {
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 20px;
  color: #4a5658;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .tax-deductible p {
  font-size: 16px;
  color: #9Ba5aa;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .callout-alert {
  width: 494px;
  background-color: #E5F5F8;
  padding: 12px 20px 20px 20px;
  margin: 20px 0 32px 0;
  border: 2px solid #0A90CA;
  border-radius: 7px;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .callout-alert h3 {
  font-size: 13px;
  letter-spacing: 1.2px;
  color: #06587C;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .callout-alert p, body[data-controller="researcher-dashboard/payouts"][data-action=edit] .callout-alert a {
  color: #06587C !important;
  padding: 0;
  margin: 0;
  line-height: 27px;
}
body[data-controller="researcher-dashboard/payouts"][data-action=edit] .callout-alert p a, body[data-controller="researcher-dashboard/payouts"][data-action=edit] .callout-alert a a {
  text-decoration: underline;
}

#testing123 .node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}
#testing123 .node {
  font-size: 14px;
  background-color: #fff;
}
#testing123 .link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.ideasearch .header {
  height: auto;
}
@media (min-width: 768px) {
  .ideasearch .header {
    height: 410px;
  }
  .ideasearch .header img {
    max-width: 100%;
    border-radius: 8px;
    margin: 30px 0;
  }
}
.ideasearch .header img {
  margin: 0;
  max-width: 100%;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .ideasearch .header img {
    margin: 30px 0;
  }
}
.ideasearch .title-row h1 {
  font-family: "Copernicus", Times;
  font-size: 21px;
}
.ideasearch .title-row .social-icons {
  margin-top: 19px;
}
@media (min-width: 768px) {
  .ideasearch .title-row .social-icons {
    float: right;
  }
}
.ideasearch .title-row i.fa {
  color: #9Ba5aa;
}
.ideasearch .title-row .fa-envelope-o {
  font-size: 13px;
  top: -2px;
  position: relative;
}
.ideasearch .header-row {
  margin-bottom: 30px;
}
.ideasearch .header-row h3 {
  margin: 8px 0;
  font-size: 15px;
  color: #1a2024;
}
.ideasearch .header-row h4 {
  color: #9Ba5aa;
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .ideasearch .header-row .right {
    float: right;
    text-align: right;
  }
}
.ideasearch .header-row .btn-primary {
  margin-top: 30px;
  width: 210px;
}
.ideasearch section h5 {
  margin-top: 60px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-size: 13.5px;
  color: #1a2024;
}
.ideasearch section p.summary {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 30px 0;
}
.ideasearch section p {
  font-size: 16px;
  line-height: 26px;
}
.ideasearch section li {
  margin: 14px 0;
}
.ideasearch .item {
  margin: 12px 0 28px 0;
}
.ideasearch .item p {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  word-break: break-word;
}
.ideasearch .item .title {
  margin-bottom: 4px;
}
.ideasearch .item span.amount {
  font-weight: 600;
}
.ideasearch .item span.author {
  font-weight: 600;
  margin: 0 8px 0 0;
}
.ideasearch .item span.location {
  display: inline-block;
  font-weight: 300;
  font-style: italic;
}
.ideasearch .bef-card {
  border: 1px solid #D4D9DB;
  border-radius: 8px;
  padding: 14px 40px 14px 30px;
  margin-bottom: 70px;
}
.ideasearch .bef-card img {
  width: 167px;
  margin-top: 20px;
}
.ideasearch .bef-card .title {
  font-weight: 600;
}
.ideasearch .bef-card .description {
  margin: 0 0 10px 0;
}
.ideasearch .flex {
  display: flex;
}
.ideasearch section {
  margin-top: 40px;
}
.ideasearch nav {
  margin: 42px 0;
  position: sticky;
  top: 60px;
}
.ideasearch nav li {
  list-style: none;
  margin: 12px 0;
}
.ideasearch nav li a {
  color: #4a5658;
}
.ideasearch nav li.active {
  font-weight: 700;
}
.ideasearch nav li.active a {
  color: #36ac9c !important;
}
.ideasearch.details h2 {
  font-weight: 500;
  margin: 20px 0;
}
.ideasearch.details h4 {
  margin: 50px 0 20px 0;
}
.ideasearch.details ul li {
  margin: 12px 0 12px 10px;
}
.ideasearch.details ul li.mlm {
  margin: 12px 0 12px 32px;
}
.ideasearch .navvy {
  display: none;
}
@media (min-width: 768px) {
  .ideasearch .navvy {
    display: block;
  }
}
@media (max-width: 980px) {
  .ideasearch {
    /* override stickyness so that the navigation does not follow scrolling */
  }
  .ideasearch nav {
    margin-bottom: 42px;
    position: static;
  }
}
.ideasearch .top-nav {
  width: 100%;
  padding: 0px;
  border-bottom: 1px solid #D4D9DB;
  position: -webkit-sticky; /* Safari & IE */
  display: none;
  bottom: 0;
  box-shadow: 0 0 6px -1px #E8ECED;
  background-color: white;
  z-index: 100;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.ideasearch .top-nav .flex {
  justify-content: space-between;
}
.ideasearch .top-nav .col-md-12 {
  padding: 8px;
}
.ideasearch .top-nav .flexend {
  align-items: flex-end;
}
.ideasearch .top-nav.sticky {
  position: fixed !important;
  display: block;
}
@media (min-width: 768px) {
  .ideasearch .top-nav {
    padding: 9px;
  }
}
.ideasearch .top-nav p {
  margin: 0;
  line-height: 19px;
  font-size: 15px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  color: #333;
}
@media (min-width: 768px) {
  .ideasearch .top-nav p {
    line-height: 33px;
  }
}
.ideasearch .top-nav .btn {
  font-weight: 600;
  float: right;
}

.home-bef-placement .bef-banner {
  height: auto;
  border-radius: 5px;
  width: auto;
  background-size: cover;
  background-position: center;
  margin: -23px 0 90px 0;
}
@media (min-width: 768px) {
  .home-bef-placement .bef-banner {
    height: 180px;
  }
}
.home-bef-placement .text {
  padding-right: 40px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-top: 28px;
  color: #FFF;
  z-index: 12;
}
@media (min-width: 768px) {
  .home-bef-placement .text {
    padding-right: 0px;
    padding-left: 190px;
  }
}
.home-bef-placement .text p.title {
  font-family: "Copernicus", Times;
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 8px;
}
.home-bef-placement .text p.subtitle {
  color: #E8ECED;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .home-bef-placement .col-md-4 {
    padding-right: 60px;
    padding-top: 64px;
  }
}
.home-bef-placement .col-md-4 .btn-bef {
  display: block;
  border-radius: 0 0 6px 6px;
}
@media (min-width: 768px) {
  .home-bef-placement .col-md-4 .btn-bef {
    float: right;
    border-radius: 6px;
    margin: 0;
  }
}

.case-study-wrapper .case-study-hero {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 600px;
  background-color: #7BA0A5;
  background-position: bottom center;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.case-study-wrapper .case-study-hero .case-study-title {
  margin-top: 120px;
  max-width: 800px;
  font-family: "Copernicus";
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 600;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .case-study-wrapper .case-study-hero .case-study-title {
    margin-top: 220px;
    font-size: 52px;
    line-height: 68px;
  }
}
.case-study-wrapper .case-study-hero .case-study-subtitle, .case-study-wrapper .case-study-hero a {
  color: #FFF;
  font-size: 20px;
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.case-study-wrapper .case-study-hero .banner-overlay {
  height: 600px;
  position: relative;
  top: 0;
  width: 100%;
}
.case-study-wrapper .case-study-hero .category {
  position: relative;
  float: right;
  opacity: 0.9;
  margin-top: 10px;
}
.case-study-wrapper .case-study-hero .category a {
  margin: 0 4px;
  transition-duration: 0.1s;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
}
.case-study-wrapper .case-study-hero .category a.biology {
  color: #1486b3;
  border: 2px solid #1486b3;
}
.case-study-wrapper .case-study-hero .category a.biology:hover {
  color: #FFF;
  background-color: #1486b3;
  opacity: 1;
}
.case-study-wrapper .case-study-hero .category a.ecology {
  color: #29a286;
  border: 2px solid #29a286;
}
.case-study-wrapper .case-study-hero .category a.ecology:hover {
  color: #FFF;
  background-color: #29a286;
  opacity: 1;
}
.case-study-wrapper .case-study-hero .category a.medicine {
  color: #F86B48;
  border: 2px solid #F86B48;
}
.case-study-wrapper .case-study-hero .category a.medicine:hover {
  color: #FFF;
  background-color: #F86B48;
  opacity: 1;
}
.case-study-wrapper .project-stats {
  margin-top: 80px;
  margin-bottom: 90px;
  padding-left: 20px;
  max-width: 275px;
  font-size: 16px;
}
.case-study-wrapper .project-stats li {
  display: inline-block;
  float: right;
  padding-top: 20px;
  margin-left: 0px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #aaa;
}
.case-study-wrapper .subtitle, .case-study-wrapper li.subtitle {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  float: right;
  color: #4a5658;
  font-weight: 600;
}
.case-study-wrapper .case-study-content {
  padding-top: 80px;
  padding-bottom: 120px;
}
.case-study-wrapper .case-study-content p,
.case-study-wrapper .case-study-content ol li {
  font-size: 19px;
  color: #4a5658;
  line-height: 1.6;
}
.case-study-wrapper .case-study-content b {
  color: #1486b3;
}
.case-study-wrapper .case-study-content img {
  margin-top: 50px;
  margin-bottom: 50px;
}
.case-study-wrapper .case-study-content h2 {
  margin-bottom: 20px;
  font-family: "Copernicus";
  color: #4a5658;
  font-weight: 200;
}
.case-study-wrapper .case-study-content .quote .quote-large {
  color: #1486b3;
  font-size: 80px;
  margin-left: -10px;
  line-height: 0px;
  vertical-align: bottom;
  margin-right: 5px;
  top: 10px;
  position: relative;
}
.case-study-wrapper .case-study-content .quote .quote-body {
  padding-left: 40px;
  font-size: 19px;
  color: #4a5658;
  line-height: 1.6;
  display: inline-block;
}
.case-study-wrapper .case-study-content .quote b {
  font-size: 19px;
  vertical-align: top;
  margin-top: 20px;
  display: inline-block;
  padding-left: 10px;
}
.case-study-wrapper .case-study-content .traffic-table-header {
  color: #36ac9c;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.case-study-wrapper .case-study-content .timeline table {
  margin-top: 20px;
  margin-bottom: 50px;
  width: 920px;
  border-collapse: collapse;
}
.case-study-wrapper .case-study-content .timeline table tr td:first-child {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  padding-top: 16px;
  font-size: 20px;
  font-weight: 600;
  color: #aaa;
}
.case-study-wrapper .case-study-content .timeline table tr td a {
  color: #aaa;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  color: #43B596;
  letter-spacing: 0.02em;
}
.case-study-wrapper .case-study-content .timeline table tr td p {
  margin: 0;
  padding: 0;
  font-size: 20px;
  vertical-align: top;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.case-study-wrapper .case-study-content .timeline table tr td p.funding-progress {
  color: #aaa;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 16px;
}
.case-study-wrapper .case-study-content .timeline table tr {
  height: 80px;
}
.case-study-wrapper .traffic-sources tr, .case-study-wrapper .traffic-sources td, .case-study-wrapper .traffic-sources th, .case-study-wrapper .traffic-sources p {
  font-size: 18px;
  text-align: right;
  padding: 5px 2px;
}
.case-study-wrapper .traffic-sources tr:first-child, .case-study-wrapper .traffic-sources td:first-child, .case-study-wrapper .traffic-sources th:first-child, .case-study-wrapper .traffic-sources p:first-child {
  text-align: left;
}
.case-study-wrapper .traffic-sources tr {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #36ac9c;
  font-size: 18px;
}
.case-study-wrapper .traffic-sources tr td {
  color: #435660;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.case-study-wrapper .traffic-sources tr:hover {
  background-color: #ddd;
}
.case-study-wrapper .researcher-info-module {
  margin-top: 70px;
  position: relative;
}
.case-study-wrapper .researcher-info-module .researcher-info {
  margin: 40px 0;
  height: 80px;
  padding: 10px 0;
  margin-left: 20px;
}
.case-study-wrapper .researcher-info-module .body {
  float: right;
  color: #aaa;
  text-align: right;
  font-size: 16px;
  line-height: 1.6;
}
.case-study-wrapper .researcher-info-module .body:first-child, .case-study-wrapper .researcher-info-module .body a {
  font-size: 18px;
  color: #1486b3;
  font-weight: 600;
  width: 192px;
  line-height: 21px;
  display: block;
  float: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.references {
  padding: 30px 0 20px 0;
  background-color: #f5f5f5;
  height: 130px;
}
.references ul {
  list-style: none;
  margin: 0;
  padding: 20px;
}
.references ul li {
  margin: 6px 0;
}
.references ul a {
  color: #435660;
}
.references ul span {
  color: #36ac9c;
}

.timeline-container {
  background-color: #f5f5f5;
}
.timeline-container h2 {
  text-align: center;
}