@charset "UTF-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
/* line 11, scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
/* line 29, scss/_normalize.scss */
audio,
canvas,
video {
  display: inline-block; }

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

/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
/* line 49, scss/_normalize.scss */
[hidden] {
  display: none; }

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

/*
* Removes default margin.
*/
/* line 73, scss/_normalize.scss */
body {
  margin: 0; }

/* ==========================================================================
 Links
 ========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
/* line 85, scss/_normalize.scss */
a:focus {
  outline: thin dotted; }

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
/* line 93, scss/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
 Typography
 ========================================================================== */
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
/* line 106, scss/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

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

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
/* line 123, scss/_normalize.scss */
dfn {
  font-style: italic; }

/*
* Addresses styling not present in IE 8/9.
*/
/* line 131, scss/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
/* line 141, scss/_normalize.scss */
code,
math,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
* Improves readability of pre-formatted text in all browsers.
*/
/* line 154, scss/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
* Sets consistent quote types.
*/
/* line 164, scss/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
* Addresses inconsistent and variable font size in all browsers.
*/
/* line 172, scss/_normalize.scss */
small {
  font-size: 80%; }

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
/* line 180, scss/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 188, scss/_normalize.scss */
sup {
  top: -0.5em; }

/* line 192, scss/_normalize.scss */
sub {
  bottom: -0.25em; }

/* line 196, scss/_normalize.scss */
p {
  margin: 1em 0; }

/* ==========================================================================
 Embedded content
 ========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
/* line 208, scss/_normalize.scss */
img {
  border: 0; }

/*
* Corrects overflow displayed oddly in IE 9.
*/
/* line 216, scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
 Figures
 ========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
/* line 228, scss/_normalize.scss */
figure {
  margin: 0; }

/* ==========================================================================
 Forms
 ========================================================================== */

/* Format of the "Download PoPy" button */
a button {
  background-color: #0c334b;
  border: none;
  color: white;
  width: 100%;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 32px;
  
}

button.logout {
  display: inline;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 13px;
  font-size: 1.3rem;
  height: auto;
  text-decoration: underline;
  cursor: pointer;
  background: transparent;
  color: currentColor;
  -webkit-appearance: none;
}

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

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

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

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

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

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

/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
/* line 311, scss/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
/* line 323, scss/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
/* line 335, scss/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
* Removes inner padding and border in Firefox 4+.
*/
/* line 344, scss/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
/* line 355, scss/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
 Tables
 ========================================================================== */
/*
* Remove most spacing between table cells.
*/
/* line 368, scss/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Fira Mono';
  src: url("../fonts/fira-mono/FiraMono-Regular.eot");
  src: url("../fonts/fira-mono/FiraMono-Regular.eot") format("embedded-opentype"), url("../fonts/fira-mono/FiraMono-Regular.woff") format("woff"), url("../fonts/fira-mono/FiraMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Fira Mono';
  src: url("../fonts/fira-mono/FiraMono-Bold.eot");
  src: url("../fonts/fira-mono/FiraMono-Bold.eot") format("embedded-opentype"), url("../fonts/fira-mono/FiraMono-Bold.woff") format("woff"), url("../fonts/fira-mono/FiraMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

/* line 87, scss/_utils.scss */
html {
  font-size: 62.5%; }

/*!
 *  Font Awesome 4.2.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("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 4, scss/font-awesome/_core.scss */
.icon {
  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 */
/* line 5, scss/font-awesome/_larger.scss */
.icon-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

/* line 10, scss/font-awesome/_larger.scss */
.icon-2x {
  font-size: 2em; }

/* line 11, scss/font-awesome/_larger.scss */
.icon-3x {
  font-size: 3em; }

/* line 12, scss/font-awesome/_larger.scss */
.icon-4x {
  font-size: 4em; }

/* line 13, scss/font-awesome/_larger.scss */
.icon-5x {
  font-size: 5em; }

/* line 3, scss/font-awesome/_fixed-width.scss */
.icon-fw {
  width: 1.28571em;
  text-align: center; }

/* line 4, scss/font-awesome/_list.scss */
.icon-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  /* line 8, scss/font-awesome/_list.scss */
  .icon-ul > li {
    position: relative; }

/* line 10, scss/font-awesome/_list.scss */
.icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  /* line 16, scss/font-awesome/_list.scss */
  .icon-li.icon-lg {
    left: -1.85714em; }

/* line 4, scss/font-awesome/_bordered-pulled.scss */
.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

/* line 10, scss/font-awesome/_bordered-pulled.scss */
.pull-right {
  float: right; }

/* line 11, scss/font-awesome/_bordered-pulled.scss */
.pull-left {
  float: left; }

/* line 14, scss/font-awesome/_bordered-pulled.scss */
.icon.pull-left {
  margin-right: .3em; }

/* line 15, scss/font-awesome/_bordered-pulled.scss */
.icon.pull-right {
  margin-left: .3em; }

/* line 4, scss/font-awesome/_spinning.scss */
.icon-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* line 4, scss/font-awesome/_rotated-flipped.scss */
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

/* line 5, scss/font-awesome/_rotated-flipped.scss */
.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* line 6, scss/font-awesome/_rotated-flipped.scss */
.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

/* line 8, scss/font-awesome/_rotated-flipped.scss */
.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

/* line 9, scss/font-awesome/_rotated-flipped.scss */
.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

/* line 14, scss/font-awesome/_rotated-flipped.scss */
:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none; }

/* line 4, scss/font-awesome/_stacked.scss */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

/* line 12, scss/font-awesome/_stacked.scss */
.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

/* line 18, scss/font-awesome/_stacked.scss */
.icon-stack-1x {
  line-height: inherit; }

/* line 19, scss/font-awesome/_stacked.scss */
.icon-stack-2x {
  font-size: 2em; }

/* line 20, scss/font-awesome/_stacked.scss */
.icon-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 */
/* line 4, scss/font-awesome/_icons.scss */
.icon-glass:before {
  content: ""; }

/* line 5, scss/font-awesome/_icons.scss */
.icon-music:before {
  content: ""; }

/* line 6, scss/font-awesome/_icons.scss */
.icon-search:before {
  content: ""; }

/* line 7, scss/font-awesome/_icons.scss */
.icon-envelope-o:before {
  content: ""; }

/* line 8, scss/font-awesome/_icons.scss */
.icon-heart:before {
  content: ""; }

/* line 9, scss/font-awesome/_icons.scss */
.icon-star:before {
  content: ""; }

/* line 10, scss/font-awesome/_icons.scss */
.icon-star-o:before {
  content: ""; }

/* line 11, scss/font-awesome/_icons.scss */
.icon-user:before {
  content: ""; }

/* line 12, scss/font-awesome/_icons.scss */
.icon-film:before {
  content: ""; }

/* line 13, scss/font-awesome/_icons.scss */
.icon-th-large:before {
  content: ""; }

/* line 14, scss/font-awesome/_icons.scss */
.icon-th:before {
  content: ""; }

/* line 15, scss/font-awesome/_icons.scss */
.icon-th-list:before {
  content: ""; }

/* line 16, scss/font-awesome/_icons.scss */
.icon-check:before {
  content: ""; }

/* line 17, scss/font-awesome/_icons.scss */
.icon-remove:before,
.icon-close:before,
.icon-times:before {
  content: ""; }

/* line 18, scss/font-awesome/_icons.scss */
.icon-search-plus:before {
  content: ""; }

/* line 19, scss/font-awesome/_icons.scss */
.icon-search-minus:before {
  content: ""; }

/* line 20, scss/font-awesome/_icons.scss */
.icon-power-off:before {
  content: ""; }

/* line 21, scss/font-awesome/_icons.scss */
.icon-signal:before {
  content: ""; }

/* line 22, scss/font-awesome/_icons.scss */
.icon-gear:before,
.icon-cog:before {
  content: ""; }

/* line 23, scss/font-awesome/_icons.scss */
.icon-trash-o:before {
  content: ""; }

/* line 24, scss/font-awesome/_icons.scss */
.icon-home:before {
  content: ""; }

/* line 25, scss/font-awesome/_icons.scss */
.icon-file-o:before {
  content: ""; }

/* line 26, scss/font-awesome/_icons.scss */
.icon-clock-o:before {
  content: ""; }

/* line 27, scss/font-awesome/_icons.scss */
.icon-road:before {
  content: ""; }

/* line 28, scss/font-awesome/_icons.scss */
.icon-download:before {
  content: ""; }

/* line 29, scss/font-awesome/_icons.scss */
.icon-arrow-circle-o-down:before {
  content: ""; }

/* line 30, scss/font-awesome/_icons.scss */
.icon-arrow-circle-o-up:before {
  content: ""; }

/* line 31, scss/font-awesome/_icons.scss */
.icon-inbox:before {
  content: ""; }

/* line 32, scss/font-awesome/_icons.scss */
.icon-play-circle-o:before {
  content: ""; }

/* line 33, scss/font-awesome/_icons.scss */
.icon-rotate-right:before,
.icon-repeat:before {
  content: ""; }

/* line 34, scss/font-awesome/_icons.scss */
.icon-refresh:before {
  content: ""; }

/* line 35, scss/font-awesome/_icons.scss */
.icon-list-alt:before {
  content: ""; }

/* line 36, scss/font-awesome/_icons.scss */
.icon-lock:before {
  content: ""; }

/* line 37, scss/font-awesome/_icons.scss */
.icon-flag:before {
  content: ""; }

/* line 38, scss/font-awesome/_icons.scss */
.icon-headphones:before {
  content: ""; }

/* line 39, scss/font-awesome/_icons.scss */
.icon-volume-off:before {
  content: ""; }

/* line 40, scss/font-awesome/_icons.scss */
.icon-volume-down:before {
  content: ""; }

/* line 41, scss/font-awesome/_icons.scss */
.icon-volume-up:before {
  content: ""; }

/* line 42, scss/font-awesome/_icons.scss */
.icon-qrcode:before {
  content: ""; }

/* line 43, scss/font-awesome/_icons.scss */
.icon-barcode:before {
  content: ""; }

/* line 44, scss/font-awesome/_icons.scss */
.icon-tag:before {
  content: ""; }

/* line 45, scss/font-awesome/_icons.scss */
.icon-tags:before {
  content: ""; }

/* line 46, scss/font-awesome/_icons.scss */
.icon-book:before {
  content: ""; }

/* line 47, scss/font-awesome/_icons.scss */
.icon-bookmark:before {
  content: ""; }

/* line 48, scss/font-awesome/_icons.scss */
.icon-print:before {
  content: ""; }

/* line 49, scss/font-awesome/_icons.scss */
.icon-camera:before {
  content: ""; }

/* line 50, scss/font-awesome/_icons.scss */
.icon-font:before {
  content: ""; }

/* line 51, scss/font-awesome/_icons.scss */
.icon-bold:before {
  content: ""; }

/* line 52, scss/font-awesome/_icons.scss */
.icon-italic:before {
  content: ""; }

/* line 53, scss/font-awesome/_icons.scss */
.icon-text-height:before {
  content: ""; }

/* line 54, scss/font-awesome/_icons.scss */
.icon-text-width:before {
  content: ""; }

/* line 55, scss/font-awesome/_icons.scss */
.icon-align-left:before {
  content: ""; }

/* line 56, scss/font-awesome/_icons.scss */
.icon-align-center:before {
  content: ""; }

/* line 57, scss/font-awesome/_icons.scss */
.icon-align-right:before {
  content: ""; }

/* line 58, scss/font-awesome/_icons.scss */
.icon-align-justify:before {
  content: ""; }

/* line 59, scss/font-awesome/_icons.scss */
.icon-list:before {
  content: ""; }

/* line 60, scss/font-awesome/_icons.scss */
.icon-dedent:before,
.icon-outdent:before {
  content: ""; }

/* line 61, scss/font-awesome/_icons.scss */
.icon-indent:before {
  content: ""; }

/* line 62, scss/font-awesome/_icons.scss */
.icon-video-camera:before {
  content: ""; }

/* line 63, scss/font-awesome/_icons.scss */
.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
  content: ""; }

/* line 64, scss/font-awesome/_icons.scss */
.icon-pencil:before {
  content: ""; }

/* line 65, scss/font-awesome/_icons.scss */
.icon-map-marker:before {
  content: ""; }

/* line 66, scss/font-awesome/_icons.scss */
.icon-adjust:before {
  content: ""; }

/* line 67, scss/font-awesome/_icons.scss */
.icon-tint:before {
  content: ""; }

/* line 68, scss/font-awesome/_icons.scss */
.icon-edit:before,
.icon-pencil-square-o:before {
  content: ""; }

/* line 69, scss/font-awesome/_icons.scss */
.icon-share-square-o:before {
  content: ""; }

/* line 70, scss/font-awesome/_icons.scss */
.icon-check-square-o:before {
  content: ""; }

/* line 71, scss/font-awesome/_icons.scss */
.icon-arrows:before {
  content: ""; }

/* line 72, scss/font-awesome/_icons.scss */
.icon-step-backward:before {
  content: ""; }

/* line 73, scss/font-awesome/_icons.scss */
.icon-fast-backward:before {
  content: ""; }

/* line 74, scss/font-awesome/_icons.scss */
.icon-backward:before {
  content: ""; }

/* line 75, scss/font-awesome/_icons.scss */
.icon-play:before {
  content: ""; }

/* line 76, scss/font-awesome/_icons.scss */
.icon-pause:before {
  content: ""; }

/* line 77, scss/font-awesome/_icons.scss */
.icon-stop:before {
  content: ""; }

/* line 78, scss/font-awesome/_icons.scss */
.icon-forward:before {
  content: ""; }

/* line 79, scss/font-awesome/_icons.scss */
.icon-fast-forward:before {
  content: ""; }

/* line 80, scss/font-awesome/_icons.scss */
.icon-step-forward:before {
  content: ""; }

/* line 81, scss/font-awesome/_icons.scss */
.icon-eject:before {
  content: ""; }

/* line 82, scss/font-awesome/_icons.scss */
.icon-chevron-left:before {
  content: ""; }

/* line 83, scss/font-awesome/_icons.scss */
.icon-chevron-right:before {
  content: ""; }

/* line 84, scss/font-awesome/_icons.scss */
.icon-plus-circle:before {
  content: ""; }

/* line 85, scss/font-awesome/_icons.scss */
.icon-minus-circle:before {
  content: ""; }

/* line 86, scss/font-awesome/_icons.scss */
.icon-times-circle:before {
  content: ""; }

/* line 87, scss/font-awesome/_icons.scss */
.icon-check-circle:before {
  content: ""; }

/* line 88, scss/font-awesome/_icons.scss */
.icon-question-circle:before {
  content: ""; }

/* line 89, scss/font-awesome/_icons.scss */
.icon-info-circle:before {
  content: ""; }

/* line 90, scss/font-awesome/_icons.scss */
.icon-crosshairs:before {
  content: ""; }

/* line 91, scss/font-awesome/_icons.scss */
.icon-times-circle-o:before {
  content: ""; }

/* line 92, scss/font-awesome/_icons.scss */
.icon-check-circle-o:before {
  content: ""; }

/* line 93, scss/font-awesome/_icons.scss */
.icon-ban:before {
  content: ""; }

/* line 94, scss/font-awesome/_icons.scss */
.icon-arrow-left:before {
  content: ""; }

/* line 95, scss/font-awesome/_icons.scss */
.icon-arrow-right:before {
  content: ""; }

/* line 96, scss/font-awesome/_icons.scss */
.icon-arrow-up:before {
  content: ""; }

/* line 97, scss/font-awesome/_icons.scss */
.icon-arrow-down:before {
  content: ""; }

/* line 98, scss/font-awesome/_icons.scss */
.icon-mail-forward:before,
.icon-share:before {
  content: ""; }

/* line 99, scss/font-awesome/_icons.scss */
.icon-expand:before {
  content: ""; }

/* line 100, scss/font-awesome/_icons.scss */
.icon-compress:before {
  content: ""; }

/* line 101, scss/font-awesome/_icons.scss */
.icon-plus:before {
  content: ""; }

/* line 102, scss/font-awesome/_icons.scss */
.icon-minus:before {
  content: ""; }

/* line 103, scss/font-awesome/_icons.scss */
.icon-asterisk:before {
  content: ""; }

/* line 104, scss/font-awesome/_icons.scss */
.icon-exclamation-circle:before {
  content: ""; }

/* line 105, scss/font-awesome/_icons.scss */
.icon-gift:before {
  content: ""; }

/* line 106, scss/font-awesome/_icons.scss */
.icon-leaf:before {
  content: ""; }

/* line 107, scss/font-awesome/_icons.scss */
.icon-fire:before {
  content: ""; }

/* line 108, scss/font-awesome/_icons.scss */
.icon-eye:before {
  content: ""; }

/* line 109, scss/font-awesome/_icons.scss */
.icon-eye-slash:before {
  content: ""; }

/* line 110, scss/font-awesome/_icons.scss */
.icon-warning:before,
.icon-exclamation-triangle:before {
  content: ""; }

/* line 111, scss/font-awesome/_icons.scss */
.icon-plane:before {
  content: ""; }

/* line 112, scss/font-awesome/_icons.scss */
.icon-calendar:before {
  content: ""; }

/* line 113, scss/font-awesome/_icons.scss */
.icon-random:before {
  content: ""; }

/* line 114, scss/font-awesome/_icons.scss */
.icon-comment:before {
  content: ""; }

/* line 115, scss/font-awesome/_icons.scss */
.icon-magnet:before {
  content: ""; }

/* line 116, scss/font-awesome/_icons.scss */
.icon-chevron-up:before {
  content: ""; }

/* line 117, scss/font-awesome/_icons.scss */
.icon-chevron-down:before {
  content: ""; }

/* line 118, scss/font-awesome/_icons.scss */
.icon-retweet:before {
  content: ""; }

/* line 119, scss/font-awesome/_icons.scss */
.icon-shopping-cart:before {
  content: ""; }

/* line 120, scss/font-awesome/_icons.scss */
.icon-folder:before {
  content: ""; }

/* line 121, scss/font-awesome/_icons.scss */
.icon-folder-open:before {
  content: ""; }

/* line 122, scss/font-awesome/_icons.scss */
.icon-arrows-v:before {
  content: ""; }

/* line 123, scss/font-awesome/_icons.scss */
.icon-arrows-h:before {
  content: ""; }

/* line 124, scss/font-awesome/_icons.scss */
.icon-bar-chart-o:before,
.icon-bar-chart:before {
  content: ""; }

/* line 125, scss/font-awesome/_icons.scss */
.icon-twitter-square:before {
  content: ""; }

/* line 126, scss/font-awesome/_icons.scss */
.icon-facebook-square:before {
  content: ""; }

/* line 127, scss/font-awesome/_icons.scss */
.icon-camera-retro:before {
  content: ""; }

/* line 128, scss/font-awesome/_icons.scss */
.icon-key:before {
  content: ""; }

/* line 129, scss/font-awesome/_icons.scss */
.icon-gears:before,
.icon-cogs:before {
  content: ""; }

/* line 130, scss/font-awesome/_icons.scss */
.icon-comments:before {
  content: ""; }

/* line 131, scss/font-awesome/_icons.scss */
.icon-thumbs-o-up:before {
  content: ""; }

/* line 132, scss/font-awesome/_icons.scss */
.icon-thumbs-o-down:before {
  content: ""; }

/* line 133, scss/font-awesome/_icons.scss */
.icon-star-half:before {
  content: ""; }

/* line 134, scss/font-awesome/_icons.scss */
.icon-heart-o:before {
  content: ""; }

/* line 135, scss/font-awesome/_icons.scss */
.icon-sign-out:before {
  content: ""; }

/* line 136, scss/font-awesome/_icons.scss */
.icon-linkedin-square:before {
  content: ""; }

/* line 137, scss/font-awesome/_icons.scss */
.icon-thumb-tack:before {
  content: ""; }

/* line 138, scss/font-awesome/_icons.scss */
.icon-external-link:before {
  content: ""; }

/* line 139, scss/font-awesome/_icons.scss */
.icon-sign-in:before {
  content: ""; }

/* line 140, scss/font-awesome/_icons.scss */
.icon-trophy:before {
  content: ""; }

/* line 141, scss/font-awesome/_icons.scss */
.icon-github-square:before {
  content: ""; }

/* line 142, scss/font-awesome/_icons.scss */
.icon-upload:before {
  content: ""; }

/* line 143, scss/font-awesome/_icons.scss */
.icon-lemon-o:before {
  content: ""; }

/* line 144, scss/font-awesome/_icons.scss */
.icon-phone:before {
  content: ""; }

/* line 145, scss/font-awesome/_icons.scss */
.icon-square-o:before {
  content: ""; }

/* line 146, scss/font-awesome/_icons.scss */
.icon-bookmark-o:before {
  content: ""; }

/* line 147, scss/font-awesome/_icons.scss */
.icon-phone-square:before {
  content: ""; }

/* line 148, scss/font-awesome/_icons.scss */
.icon-twitter:before {
  content: ""; }

/* line 149, scss/font-awesome/_icons.scss */
.icon-facebook:before {
  content: ""; }

/* line 150, scss/font-awesome/_icons.scss */
.icon-github:before {
  content: ""; }

/* line 151, scss/font-awesome/_icons.scss */
.icon-unlock:before {
  content: ""; }

/* line 152, scss/font-awesome/_icons.scss */
.icon-credit-card:before {
  content: ""; }

/* line 153, scss/font-awesome/_icons.scss */
.icon-rss:before {
  content: ""; }

/* line 154, scss/font-awesome/_icons.scss */
.icon-hdd-o:before {
  content: ""; }

/* line 155, scss/font-awesome/_icons.scss */
.icon-bullhorn:before {
  content: ""; }

/* line 156, scss/font-awesome/_icons.scss */
.icon-bell:before {
  content: ""; }

/* line 157, scss/font-awesome/_icons.scss */
.icon-certificate:before {
  content: ""; }

/* line 158, scss/font-awesome/_icons.scss */
.icon-hand-o-right:before {
  content: ""; }

/* line 159, scss/font-awesome/_icons.scss */
.icon-hand-o-left:before {
  content: ""; }

/* line 160, scss/font-awesome/_icons.scss */
.icon-hand-o-up:before {
  content: ""; }

/* line 161, scss/font-awesome/_icons.scss */
.icon-hand-o-down:before {
  content: ""; }

/* line 162, scss/font-awesome/_icons.scss */
.icon-arrow-circle-left:before {
  content: ""; }

/* line 163, scss/font-awesome/_icons.scss */
.icon-arrow-circle-right:before {
  content: ""; }

/* line 164, scss/font-awesome/_icons.scss */
.icon-arrow-circle-up:before {
  content: ""; }

/* line 165, scss/font-awesome/_icons.scss */
.icon-arrow-circle-down:before {
  content: ""; }

/* line 166, scss/font-awesome/_icons.scss */
.icon-globe:before {
  content: ""; }

/* line 167, scss/font-awesome/_icons.scss */
.icon-wrench:before {
  content: ""; }

/* line 168, scss/font-awesome/_icons.scss */
.icon-tasks:before {
  content: ""; }

/* line 169, scss/font-awesome/_icons.scss */
.icon-filter:before {
  content: ""; }

/* line 170, scss/font-awesome/_icons.scss */
.icon-briefcase:before {
  content: ""; }

/* line 171, scss/font-awesome/_icons.scss */
.icon-arrows-alt:before {
  content: ""; }

/* line 172, scss/font-awesome/_icons.scss */
.icon-group:before,
.icon-users:before {
  content: ""; }

/* line 173, scss/font-awesome/_icons.scss */
.icon-chain:before,
.icon-link:before {
  content: ""; }

/* line 174, scss/font-awesome/_icons.scss */
.icon-cloud:before {
  content: ""; }

/* line 175, scss/font-awesome/_icons.scss */
.icon-flask:before {
  content: ""; }

/* line 176, scss/font-awesome/_icons.scss */
.icon-cut:before,
.icon-scissors:before {
  content: ""; }

/* line 177, scss/font-awesome/_icons.scss */
.icon-copy:before,
.icon-files-o:before {
  content: ""; }

/* line 178, scss/font-awesome/_icons.scss */
.icon-paperclip:before {
  content: ""; }

/* line 179, scss/font-awesome/_icons.scss */
.icon-save:before,
.icon-floppy-o:before {
  content: ""; }

/* line 180, scss/font-awesome/_icons.scss */
.icon-square:before {
  content: ""; }

/* line 181, scss/font-awesome/_icons.scss */
.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
  content: ""; }

/* line 182, scss/font-awesome/_icons.scss */
.icon-list-ul:before {
  content: ""; }

/* line 183, scss/font-awesome/_icons.scss */
.icon-list-ol:before {
  content: ""; }

/* line 184, scss/font-awesome/_icons.scss */
.icon-strikethrough:before {
  content: ""; }

/* line 185, scss/font-awesome/_icons.scss */
.icon-underline:before {
  content: ""; }

/* line 186, scss/font-awesome/_icons.scss */
.icon-table:before {
  content: ""; }

/* line 187, scss/font-awesome/_icons.scss */
.icon-magic:before {
  content: ""; }

/* line 188, scss/font-awesome/_icons.scss */
.icon-truck:before {
  content: ""; }

/* line 189, scss/font-awesome/_icons.scss */
.icon-pinterest:before {
  content: ""; }

/* line 190, scss/font-awesome/_icons.scss */
.icon-pinterest-square:before {
  content: ""; }

/* line 191, scss/font-awesome/_icons.scss */
.icon-google-plus-square:before {
  content: ""; }

/* line 192, scss/font-awesome/_icons.scss */
.icon-google-plus:before {
  content: ""; }

/* line 193, scss/font-awesome/_icons.scss */
.icon-money:before {
  content: ""; }

/* line 194, scss/font-awesome/_icons.scss */
.icon-caret-down:before {
  content: ""; }

/* line 195, scss/font-awesome/_icons.scss */
.icon-caret-up:before {
  content: ""; }

/* line 196, scss/font-awesome/_icons.scss */
.icon-caret-left:before {
  content: ""; }

/* line 197, scss/font-awesome/_icons.scss */
.icon-caret-right:before {
  content: ""; }

/* line 198, scss/font-awesome/_icons.scss */
.icon-columns:before {
  content: ""; }

/* line 199, scss/font-awesome/_icons.scss */
.icon-unsorted:before,
.icon-sort:before {
  content: ""; }

/* line 200, scss/font-awesome/_icons.scss */
.icon-sort-down:before,
.icon-sort-desc:before {
  content: ""; }

/* line 201, scss/font-awesome/_icons.scss */
.icon-sort-up:before,
.icon-sort-asc:before {
  content: ""; }

/* line 202, scss/font-awesome/_icons.scss */
.icon-envelope:before {
  content: ""; }

/* line 203, scss/font-awesome/_icons.scss */
.icon-linkedin:before {
  content: ""; }

/* line 204, scss/font-awesome/_icons.scss */
.icon-rotate-left:before,
.icon-undo:before {
  content: ""; }

/* line 205, scss/font-awesome/_icons.scss */
.icon-legal:before,
.icon-gavel:before {
  content: ""; }

/* line 206, scss/font-awesome/_icons.scss */
.icon-dashboard:before,
.icon-tachometer:before {
  content: ""; }

/* line 207, scss/font-awesome/_icons.scss */
.icon-comment-o:before {
  content: ""; }

/* line 208, scss/font-awesome/_icons.scss */
.icon-comments-o:before {
  content: ""; }

/* line 209, scss/font-awesome/_icons.scss */
.icon-flash:before,
.icon-bolt:before {
  content: ""; }

/* line 210, scss/font-awesome/_icons.scss */
.icon-sitemap:before {
  content: ""; }

/* line 211, scss/font-awesome/_icons.scss */
.icon-umbrella:before {
  content: ""; }

/* line 212, scss/font-awesome/_icons.scss */
.icon-paste:before,
.icon-clipboard:before {
  content: ""; }

/* line 213, scss/font-awesome/_icons.scss */
.icon-lightbulb-o:before {
  content: ""; }

/* line 214, scss/font-awesome/_icons.scss */
.icon-exchange:before {
  content: ""; }

/* line 215, scss/font-awesome/_icons.scss */
.icon-cloud-download:before {
  content: ""; }

/* line 216, scss/font-awesome/_icons.scss */
.icon-cloud-upload:before {
  content: ""; }

/* line 217, scss/font-awesome/_icons.scss */
.icon-user-md:before {
  content: ""; }

/* line 218, scss/font-awesome/_icons.scss */
.icon-stethoscope:before {
  content: ""; }

/* line 219, scss/font-awesome/_icons.scss */
.icon-suitcase:before {
  content: ""; }

/* line 220, scss/font-awesome/_icons.scss */
.icon-bell-o:before {
  content: ""; }

/* line 221, scss/font-awesome/_icons.scss */
.icon-coffee:before {
  content: ""; }

/* line 222, scss/font-awesome/_icons.scss */
.icon-cutlery:before {
  content: ""; }

/* line 223, scss/font-awesome/_icons.scss */
.icon-file-text-o:before {
  content: ""; }

/* line 224, scss/font-awesome/_icons.scss */
.icon-building-o:before {
  content: ""; }

/* line 225, scss/font-awesome/_icons.scss */
.icon-hospital-o:before {
  content: ""; }

/* line 226, scss/font-awesome/_icons.scss */
.icon-ambulance:before {
  content: ""; }

/* line 227, scss/font-awesome/_icons.scss */
.icon-medkit:before {
  content: ""; }

/* line 228, scss/font-awesome/_icons.scss */
.icon-fighter-jet:before {
  content: ""; }

/* line 229, scss/font-awesome/_icons.scss */
.icon-beer:before {
  content: ""; }

/* line 230, scss/font-awesome/_icons.scss */
.icon-h-square:before {
  content: ""; }

/* line 231, scss/font-awesome/_icons.scss */
.icon-plus-square:before {
  content: ""; }

/* line 232, scss/font-awesome/_icons.scss */
.icon-angle-double-left:before {
  content: ""; }

/* line 233, scss/font-awesome/_icons.scss */
.icon-angle-double-right:before {
  content: ""; }

/* line 234, scss/font-awesome/_icons.scss */
.icon-angle-double-up:before {
  content: ""; }

/* line 235, scss/font-awesome/_icons.scss */
.icon-angle-double-down:before {
  content: ""; }

/* line 236, scss/font-awesome/_icons.scss */
.icon-angle-left:before {
  content: ""; }

/* line 237, scss/font-awesome/_icons.scss */
.icon-angle-right:before {
  content: ""; }

/* line 238, scss/font-awesome/_icons.scss */
.icon-angle-up:before {
  content: ""; }

/* line 239, scss/font-awesome/_icons.scss */
.icon-angle-down:before {
  content: ""; }

/* line 240, scss/font-awesome/_icons.scss */
.icon-desktop:before {
  content: ""; }

/* line 241, scss/font-awesome/_icons.scss */
.icon-laptop:before {
  content: ""; }

/* line 242, scss/font-awesome/_icons.scss */
.icon-tablet:before {
  content: ""; }

/* line 243, scss/font-awesome/_icons.scss */
.icon-mobile-phone:before,
.icon-mobile:before {
  content: ""; }

/* line 244, scss/font-awesome/_icons.scss */
.icon-circle-o:before {
  content: ""; }

/* line 245, scss/font-awesome/_icons.scss */
.icon-quote-left:before {
  content: ""; }

/* line 246, scss/font-awesome/_icons.scss */
.icon-quote-right:before {
  content: ""; }

/* line 247, scss/font-awesome/_icons.scss */
.icon-spinner:before {
  content: ""; }

/* line 248, scss/font-awesome/_icons.scss */
.icon-circle:before {
  content: ""; }

/* line 249, scss/font-awesome/_icons.scss */
.icon-mail-reply:before,
.icon-reply:before {
  content: ""; }

/* line 250, scss/font-awesome/_icons.scss */
.icon-github-alt:before {
  content: ""; }

/* line 251, scss/font-awesome/_icons.scss */
.icon-folder-o:before {
  content: ""; }

/* line 252, scss/font-awesome/_icons.scss */
.icon-folder-open-o:before {
  content: ""; }

/* line 253, scss/font-awesome/_icons.scss */
.icon-smile-o:before {
  content: ""; }

/* line 254, scss/font-awesome/_icons.scss */
.icon-frown-o:before {
  content: ""; }

/* line 255, scss/font-awesome/_icons.scss */
.icon-meh-o:before {
  content: ""; }

/* line 256, scss/font-awesome/_icons.scss */
.icon-gamepad:before {
  content: ""; }

/* line 257, scss/font-awesome/_icons.scss */
.icon-keyboard-o:before {
  content: ""; }

/* line 258, scss/font-awesome/_icons.scss */
.icon-flag-o:before {
  content: ""; }

/* line 259, scss/font-awesome/_icons.scss */
.icon-flag-checkered:before {
  content: ""; }

/* line 260, scss/font-awesome/_icons.scss */
.icon-terminal:before {
  content: ""; }

/* line 261, scss/font-awesome/_icons.scss */
.icon-code:before {
  content: ""; }

/* line 262, scss/font-awesome/_icons.scss */
.icon-mail-reply-all:before,
.icon-reply-all:before {
  content: ""; }

/* line 263, scss/font-awesome/_icons.scss */
.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
  content: ""; }

/* line 264, scss/font-awesome/_icons.scss */
.icon-location-arrow:before {
  content: ""; }

/* line 265, scss/font-awesome/_icons.scss */
.icon-crop:before {
  content: ""; }

/* line 266, scss/font-awesome/_icons.scss */
.icon-code-fork:before {
  content: ""; }

/* line 267, scss/font-awesome/_icons.scss */
.icon-unlink:before,
.icon-chain-broken:before {
  content: ""; }

/* line 268, scss/font-awesome/_icons.scss */
.icon-question:before {
  content: ""; }

/* line 269, scss/font-awesome/_icons.scss */
.icon-info:before {
  content: ""; }

/* line 270, scss/font-awesome/_icons.scss */
.icon-exclamation:before {
  content: ""; }

/* line 271, scss/font-awesome/_icons.scss */
.icon-superscript:before {
  content: ""; }

/* line 272, scss/font-awesome/_icons.scss */
.icon-subscript:before {
  content: ""; }

/* line 273, scss/font-awesome/_icons.scss */
.icon-eraser:before {
  content: ""; }

/* line 274, scss/font-awesome/_icons.scss */
.icon-puzzle-piece:before {
  content: ""; }

/* line 275, scss/font-awesome/_icons.scss */
.icon-microphone:before {
  content: ""; }

/* line 276, scss/font-awesome/_icons.scss */
.icon-microphone-slash:before {
  content: ""; }

/* line 277, scss/font-awesome/_icons.scss */
.icon-shield:before {
  content: ""; }

/* line 278, scss/font-awesome/_icons.scss */
.icon-calendar-o:before {
  content: ""; }

/* line 279, scss/font-awesome/_icons.scss */
.icon-fire-extinguisher:before {
  content: ""; }

/* line 280, scss/font-awesome/_icons.scss */
.icon-rocket:before {
  content: ""; }

/* line 281, scss/font-awesome/_icons.scss */
.icon-maxcdn:before {
  content: ""; }

/* line 282, scss/font-awesome/_icons.scss */
.icon-chevron-circle-left:before {
  content: ""; }

/* line 283, scss/font-awesome/_icons.scss */
.icon-chevron-circle-right:before {
  content: ""; }

/* line 284, scss/font-awesome/_icons.scss */
.icon-chevron-circle-up:before {
  content: ""; }

/* line 285, scss/font-awesome/_icons.scss */
.icon-chevron-circle-down:before {
  content: ""; }

/* line 286, scss/font-awesome/_icons.scss */
.icon-html5:before {
  content: ""; }

/* line 287, scss/font-awesome/_icons.scss */
.icon-css3:before {
  content: ""; }

/* line 288, scss/font-awesome/_icons.scss */
.icon-anchor:before {
  content: ""; }

/* line 289, scss/font-awesome/_icons.scss */
.icon-unlock-alt:before {
  content: ""; }

/* line 290, scss/font-awesome/_icons.scss */
.icon-bullseye:before {
  content: ""; }

/* line 291, scss/font-awesome/_icons.scss */
.icon-ellipsis-h:before {
  content: ""; }

/* line 292, scss/font-awesome/_icons.scss */
.icon-ellipsis-v:before {
  content: ""; }

/* line 293, scss/font-awesome/_icons.scss */
.icon-rss-square:before {
  content: ""; }

/* line 294, scss/font-awesome/_icons.scss */
.icon-play-circle:before {
  content: ""; }

/* line 295, scss/font-awesome/_icons.scss */
.icon-ticket:before {
  content: ""; }

/* line 296, scss/font-awesome/_icons.scss */
.icon-minus-square:before {
  content: ""; }

/* line 297, scss/font-awesome/_icons.scss */
.icon-minus-square-o:before {
  content: ""; }

/* line 298, scss/font-awesome/_icons.scss */
.icon-level-up:before {
  content: ""; }

/* line 299, scss/font-awesome/_icons.scss */
.icon-level-down:before {
  content: ""; }

/* line 300, scss/font-awesome/_icons.scss */
.icon-check-square:before {
  content: ""; }

/* line 301, scss/font-awesome/_icons.scss */
.icon-pencil-square:before {
  content: ""; }

/* line 302, scss/font-awesome/_icons.scss */
.icon-external-link-square:before {
  content: ""; }

/* line 303, scss/font-awesome/_icons.scss */
.icon-share-square:before {
  content: ""; }

/* line 304, scss/font-awesome/_icons.scss */
.icon-compass:before {
  content: ""; }

/* line 305, scss/font-awesome/_icons.scss */
.icon-toggle-down:before,
.icon-caret-square-o-down:before {
  content: ""; }

/* line 306, scss/font-awesome/_icons.scss */
.icon-toggle-up:before,
.icon-caret-square-o-up:before {
  content: ""; }

/* line 307, scss/font-awesome/_icons.scss */
.icon-toggle-right:before,
.icon-caret-square-o-right:before {
  content: ""; }

/* line 308, scss/font-awesome/_icons.scss */
.icon-euro:before,
.icon-eur:before {
  content: ""; }

/* line 309, scss/font-awesome/_icons.scss */
.icon-gbp:before {
  content: ""; }

/* line 310, scss/font-awesome/_icons.scss */
.icon-dollar:before,
.icon-usd:before {
  content: ""; }

/* line 311, scss/font-awesome/_icons.scss */
.icon-rupee:before,
.icon-inr:before {
  content: ""; }

/* line 312, scss/font-awesome/_icons.scss */
.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
  content: ""; }

/* line 313, scss/font-awesome/_icons.scss */
.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
  content: ""; }

/* line 314, scss/font-awesome/_icons.scss */
.icon-won:before,
.icon-krw:before {
  content: ""; }

/* line 315, scss/font-awesome/_icons.scss */
.icon-bitcoin:before,
.icon-btc:before {
  content: ""; }

/* line 316, scss/font-awesome/_icons.scss */
.icon-file:before {
  content: ""; }

/* line 317, scss/font-awesome/_icons.scss */
.icon-file-text:before {
  content: ""; }

/* line 318, scss/font-awesome/_icons.scss */
.icon-sort-alpha-asc:before {
  content: ""; }

/* line 319, scss/font-awesome/_icons.scss */
.icon-sort-alpha-desc:before {
  content: ""; }

/* line 320, scss/font-awesome/_icons.scss */
.icon-sort-amount-asc:before {
  content: ""; }

/* line 321, scss/font-awesome/_icons.scss */
.icon-sort-amount-desc:before {
  content: ""; }

/* line 322, scss/font-awesome/_icons.scss */
.icon-sort-numeric-asc:before {
  content: ""; }

/* line 323, scss/font-awesome/_icons.scss */
.icon-sort-numeric-desc:before {
  content: ""; }

/* line 324, scss/font-awesome/_icons.scss */
.icon-thumbs-up:before {
  content: ""; }

/* line 325, scss/font-awesome/_icons.scss */
.icon-thumbs-down:before {
  content: ""; }

/* line 326, scss/font-awesome/_icons.scss */
.icon-youtube-square:before {
  content: ""; }

/* line 327, scss/font-awesome/_icons.scss */
.icon-youtube:before {
  content: ""; }

/* line 328, scss/font-awesome/_icons.scss */
.icon-xing:before {
  content: ""; }

/* line 329, scss/font-awesome/_icons.scss */
.icon-xing-square:before {
  content: ""; }

/* line 330, scss/font-awesome/_icons.scss */
.icon-youtube-play:before {
  content: ""; }

/* line 331, scss/font-awesome/_icons.scss */
.icon-dropbox:before {
  content: ""; }

/* line 332, scss/font-awesome/_icons.scss */
.icon-stack-overflow:before {
  content: ""; }

/* line 333, scss/font-awesome/_icons.scss */
.icon-instagram:before {
  content: ""; }

/* line 334, scss/font-awesome/_icons.scss */
.icon-flickr:before {
  content: ""; }

/* line 335, scss/font-awesome/_icons.scss */
.icon-adn:before {
  content: ""; }

/* line 336, scss/font-awesome/_icons.scss */
.icon-bitbucket:before {
  content: ""; }

/* line 337, scss/font-awesome/_icons.scss */
.icon-bitbucket-square:before {
  content: ""; }

/* line 338, scss/font-awesome/_icons.scss */
.icon-tumblr:before {
  content: ""; }

/* line 339, scss/font-awesome/_icons.scss */
.icon-tumblr-square:before {
  content: ""; }

/* line 340, scss/font-awesome/_icons.scss */
.icon-long-arrow-down:before {
  content: ""; }

/* line 341, scss/font-awesome/_icons.scss */
.icon-long-arrow-up:before {
  content: ""; }

/* line 342, scss/font-awesome/_icons.scss */
.icon-long-arrow-left:before {
  content: ""; }

/* line 343, scss/font-awesome/_icons.scss */
.icon-long-arrow-right:before {
  content: ""; }

/* line 344, scss/font-awesome/_icons.scss */
.icon-apple:before {
  content: ""; }

/* line 345, scss/font-awesome/_icons.scss */
.icon-windows:before {
  content: ""; }

/* line 346, scss/font-awesome/_icons.scss */
.icon-android:before {
  content: ""; }

/* line 347, scss/font-awesome/_icons.scss */
.icon-linux:before {
  content: ""; }

/* line 348, scss/font-awesome/_icons.scss */
.icon-dribbble:before {
  content: ""; }

/* line 349, scss/font-awesome/_icons.scss */
.icon-skype:before {
  content: ""; }

/* line 350, scss/font-awesome/_icons.scss */
.icon-foursquare:before {
  content: ""; }

/* line 351, scss/font-awesome/_icons.scss */
.icon-trello:before {
  content: ""; }

/* line 352, scss/font-awesome/_icons.scss */
.icon-female:before {
  content: ""; }

/* line 353, scss/font-awesome/_icons.scss */
.icon-male:before {
  content: ""; }

/* line 354, scss/font-awesome/_icons.scss */
.icon-gittip:before {
  content: ""; }

/* line 355, scss/font-awesome/_icons.scss */
.icon-sun-o:before {
  content: ""; }

/* line 356, scss/font-awesome/_icons.scss */
.icon-moon-o:before {
  content: ""; }

/* line 357, scss/font-awesome/_icons.scss */
.icon-archive:before {
  content: ""; }

/* line 358, scss/font-awesome/_icons.scss */
.icon-bug:before {
  content: ""; }

/* line 359, scss/font-awesome/_icons.scss */
.icon-vk:before {
  content: ""; }

/* line 360, scss/font-awesome/_icons.scss */
.icon-weibo:before {
  content: ""; }

/* line 361, scss/font-awesome/_icons.scss */
.icon-renren:before {
  content: ""; }

/* line 362, scss/font-awesome/_icons.scss */
.icon-pagelines:before {
  content: ""; }

/* line 363, scss/font-awesome/_icons.scss */
.icon-stack-exchange:before {
  content: ""; }

/* line 364, scss/font-awesome/_icons.scss */
.icon-arrow-circle-o-right:before {
  content: ""; }

/* line 365, scss/font-awesome/_icons.scss */
.icon-arrow-circle-o-left:before {
  content: ""; }

/* line 366, scss/font-awesome/_icons.scss */
.icon-toggle-left:before,
.icon-caret-square-o-left:before {
  content: ""; }

/* line 367, scss/font-awesome/_icons.scss */
.icon-dot-circle-o:before {
  content: ""; }

/* line 368, scss/font-awesome/_icons.scss */
.icon-wheelchair:before {
  content: ""; }

/* line 369, scss/font-awesome/_icons.scss */
.icon-vimeo-square:before {
  content: ""; }

/* line 370, scss/font-awesome/_icons.scss */
.icon-turkish-lira:before,
.icon-try:before {
  content: ""; }

/* line 371, scss/font-awesome/_icons.scss */
.icon-plus-square-o:before {
  content: ""; }

/* line 372, scss/font-awesome/_icons.scss */
.icon-space-shuttle:before {
  content: ""; }

/* line 373, scss/font-awesome/_icons.scss */
.icon-slack:before {
  content: ""; }

/* line 374, scss/font-awesome/_icons.scss */
.icon-envelope-square:before {
  content: ""; }

/* line 375, scss/font-awesome/_icons.scss */
.icon-wordpress:before {
  content: ""; }

/* line 376, scss/font-awesome/_icons.scss */
.icon-openid:before {
  content: ""; }

/* line 377, scss/font-awesome/_icons.scss */
.icon-institution:before,
.icon-bank:before,
.icon-university:before {
  content: ""; }

/* line 378, scss/font-awesome/_icons.scss */
.icon-mortar-board:before,
.icon-graduation-cap:before {
  content: ""; }

/* line 379, scss/font-awesome/_icons.scss */
.icon-yahoo:before {
  content: ""; }

/* line 380, scss/font-awesome/_icons.scss */
.icon-google:before {
  content: ""; }

/* line 381, scss/font-awesome/_icons.scss */
.icon-reddit:before {
  content: ""; }

/* line 382, scss/font-awesome/_icons.scss */
.icon-reddit-square:before {
  content: ""; }

/* line 383, scss/font-awesome/_icons.scss */
.icon-stumbleupon-circle:before {
  content: ""; }

/* line 384, scss/font-awesome/_icons.scss */
.icon-stumbleupon:before {
  content: ""; }

/* line 385, scss/font-awesome/_icons.scss */
.icon-delicious:before {
  content: ""; }

/* line 386, scss/font-awesome/_icons.scss */
.icon-digg:before {
  content: ""; }

/* line 387, scss/font-awesome/_icons.scss */
.icon-pied-piper:before {
  content: ""; }

/* line 388, scss/font-awesome/_icons.scss */
.icon-pied-piper-alt:before {
  content: ""; }

/* line 389, scss/font-awesome/_icons.scss */
.icon-drupal:before {
  content: ""; }

/* line 390, scss/font-awesome/_icons.scss */
.icon-joomla:before {
  content: ""; }

/* line 391, scss/font-awesome/_icons.scss */
.icon-language:before {
  content: ""; }

/* line 392, scss/font-awesome/_icons.scss */
.icon-fax:before {
  content: ""; }

/* line 393, scss/font-awesome/_icons.scss */
.icon-building:before {
  content: ""; }

/* line 394, scss/font-awesome/_icons.scss */
.icon-child:before {
  content: ""; }

/* line 395, scss/font-awesome/_icons.scss */
.icon-paw:before {
  content: ""; }

/* line 396, scss/font-awesome/_icons.scss */
.icon-spoon:before {
  content: ""; }

/* line 397, scss/font-awesome/_icons.scss */
.icon-cube:before {
  content: ""; }

/* line 398, scss/font-awesome/_icons.scss */
.icon-cubes:before {
  content: ""; }

/* line 399, scss/font-awesome/_icons.scss */
.icon-behance:before {
  content: ""; }

/* line 400, scss/font-awesome/_icons.scss */
.icon-behance-square:before {
  content: ""; }

/* line 401, scss/font-awesome/_icons.scss */
.icon-steam:before {
  content: ""; }

/* line 402, scss/font-awesome/_icons.scss */
.icon-steam-square:before {
  content: ""; }

/* line 403, scss/font-awesome/_icons.scss */
.icon-recycle:before {
  content: ""; }

/* line 404, scss/font-awesome/_icons.scss */
.icon-automobile:before,
.icon-car:before {
  content: ""; }

/* line 405, scss/font-awesome/_icons.scss */
.icon-cab:before,
.icon-taxi:before {
  content: ""; }

/* line 406, scss/font-awesome/_icons.scss */
.icon-tree:before {
  content: ""; }

/* line 407, scss/font-awesome/_icons.scss */
.icon-spotify:before {
  content: ""; }

/* line 408, scss/font-awesome/_icons.scss */
.icon-deviantart:before {
  content: ""; }

/* line 409, scss/font-awesome/_icons.scss */
.icon-soundcloud:before {
  content: ""; }

/* line 410, scss/font-awesome/_icons.scss */
.icon-database:before {
  content: ""; }

/* line 411, scss/font-awesome/_icons.scss */
.icon-file-pdf-o:before {
  content: ""; }

/* line 412, scss/font-awesome/_icons.scss */
.icon-file-word-o:before {
  content: ""; }

/* line 413, scss/font-awesome/_icons.scss */
.icon-file-excel-o:before {
  content: ""; }

/* line 414, scss/font-awesome/_icons.scss */
.icon-file-powerpoint-o:before {
  content: ""; }

/* line 415, scss/font-awesome/_icons.scss */
.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
  content: ""; }

/* line 416, scss/font-awesome/_icons.scss */
.icon-file-zip-o:before,
.icon-file-archive-o:before {
  content: ""; }

/* line 417, scss/font-awesome/_icons.scss */
.icon-file-sound-o:before,
.icon-file-audio-o:before {
  content: ""; }

/* line 418, scss/font-awesome/_icons.scss */
.icon-file-movie-o:before,
.icon-file-video-o:before {
  content: ""; }

/* line 419, scss/font-awesome/_icons.scss */
.icon-file-code-o:before {
  content: ""; }

/* line 420, scss/font-awesome/_icons.scss */
.icon-vine:before {
  content: ""; }

/* line 421, scss/font-awesome/_icons.scss */
.icon-codepen:before {
  content: ""; }

/* line 422, scss/font-awesome/_icons.scss */
.icon-jsfiddle:before {
  content: ""; }

/* line 423, scss/font-awesome/_icons.scss */
.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
  content: ""; }

/* line 424, scss/font-awesome/_icons.scss */
.icon-circle-o-notch:before {
  content: ""; }

/* line 425, scss/font-awesome/_icons.scss */
.icon-ra:before,
.icon-rebel:before {
  content: ""; }

/* line 426, scss/font-awesome/_icons.scss */
.icon-ge:before,
.icon-empire:before {
  content: ""; }

/* line 427, scss/font-awesome/_icons.scss */
.icon-git-square:before {
  content: ""; }

/* line 428, scss/font-awesome/_icons.scss */
.icon-git:before {
  content: ""; }

/* line 429, scss/font-awesome/_icons.scss */
.icon-hacker-news:before {
  content: ""; }

/* line 430, scss/font-awesome/_icons.scss */
.icon-tencent-weibo:before {
  content: ""; }

/* line 431, scss/font-awesome/_icons.scss */
.icon-qq:before {
  content: ""; }

/* line 432, scss/font-awesome/_icons.scss */
.icon-wechat:before,
.icon-weixin:before {
  content: ""; }

/* line 433, scss/font-awesome/_icons.scss */
.icon-send:before,
.icon-paper-plane:before {
  content: ""; }

/* line 434, scss/font-awesome/_icons.scss */
.icon-send-o:before,
.icon-paper-plane-o:before {
  content: ""; }

/* line 435, scss/font-awesome/_icons.scss */
.icon-history:before {
  content: ""; }

/* line 436, scss/font-awesome/_icons.scss */
.icon-circle-thin:before {
  content: ""; }

/* line 437, scss/font-awesome/_icons.scss */
.icon-header:before {
  content: ""; }

/* line 438, scss/font-awesome/_icons.scss */
.icon-paragraph:before {
  content: ""; }

/* line 439, scss/font-awesome/_icons.scss */
.icon-sliders:before {
  content: ""; }

/* line 440, scss/font-awesome/_icons.scss */
.icon-share-alt:before {
  content: ""; }

/* line 441, scss/font-awesome/_icons.scss */
.icon-share-alt-square:before {
  content: ""; }

/* line 442, scss/font-awesome/_icons.scss */
.icon-bomb:before {
  content: ""; }

/* line 443, scss/font-awesome/_icons.scss */
.icon-soccer-ball-o:before,
.icon-futbol-o:before {
  content: ""; }

/* line 444, scss/font-awesome/_icons.scss */
.icon-tty:before {
  content: ""; }

/* line 445, scss/font-awesome/_icons.scss */
.icon-binoculars:before {
  content: ""; }

/* line 446, scss/font-awesome/_icons.scss */
.icon-plug:before {
  content: ""; }

/* line 447, scss/font-awesome/_icons.scss */
.icon-slideshare:before {
  content: ""; }

/* line 448, scss/font-awesome/_icons.scss */
.icon-twitch:before {
  content: ""; }

/* line 449, scss/font-awesome/_icons.scss */
.icon-yelp:before {
  content: ""; }

/* line 450, scss/font-awesome/_icons.scss */
.icon-newspaper-o:before {
  content: ""; }

/* line 451, scss/font-awesome/_icons.scss */
.icon-wifi:before {
  content: ""; }

/* line 452, scss/font-awesome/_icons.scss */
.icon-calculator:before {
  content: ""; }

/* line 453, scss/font-awesome/_icons.scss */
.icon-paypal:before {
  content: ""; }

/* line 454, scss/font-awesome/_icons.scss */
.icon-google-wallet:before {
  content: ""; }

/* line 455, scss/font-awesome/_icons.scss */
.icon-cc-visa:before {
  content: ""; }

/* line 456, scss/font-awesome/_icons.scss */
.icon-cc-mastercard:before {
  content: ""; }

/* line 457, scss/font-awesome/_icons.scss */
.icon-cc-discover:before {
  content: ""; }

/* line 458, scss/font-awesome/_icons.scss */
.icon-cc-amex:before {
  content: ""; }

/* line 459, scss/font-awesome/_icons.scss */
.icon-cc-paypal:before {
  content: ""; }

/* line 460, scss/font-awesome/_icons.scss */
.icon-cc-stripe:before {
  content: ""; }

/* line 461, scss/font-awesome/_icons.scss */
.icon-bell-slash:before {
  content: ""; }

/* line 462, scss/font-awesome/_icons.scss */
.icon-bell-slash-o:before {
  content: ""; }

/* line 463, scss/font-awesome/_icons.scss */
.icon-trash:before {
  content: ""; }

/* line 464, scss/font-awesome/_icons.scss */
.icon-copyright:before {
  content: ""; }

/* line 465, scss/font-awesome/_icons.scss */
.icon-at:before {
  content: ""; }

/* line 466, scss/font-awesome/_icons.scss */
.icon-eyedropper:before {
  content: ""; }

/* line 467, scss/font-awesome/_icons.scss */
.icon-paint-brush:before {
  content: ""; }

/* line 468, scss/font-awesome/_icons.scss */
.icon-birthday-cake:before {
  content: ""; }

/* line 469, scss/font-awesome/_icons.scss */
.icon-area-chart:before {
  content: ""; }

/* line 470, scss/font-awesome/_icons.scss */
.icon-pie-chart:before {
  content: ""; }

/* line 471, scss/font-awesome/_icons.scss */
.icon-line-chart:before {
  content: ""; }

/* line 472, scss/font-awesome/_icons.scss */
.icon-lastfm:before {
  content: ""; }

/* line 473, scss/font-awesome/_icons.scss */
.icon-lastfm-square:before {
  content: ""; }

/* line 474, scss/font-awesome/_icons.scss */
.icon-toggle-off:before {
  content: ""; }

/* line 475, scss/font-awesome/_icons.scss */
.icon-toggle-on:before {
  content: ""; }

/* line 476, scss/font-awesome/_icons.scss */
.icon-bicycle:before {
  content: ""; }

/* line 477, scss/font-awesome/_icons.scss */
.icon-bus:before {
  content: ""; }

/* line 478, scss/font-awesome/_icons.scss */
.icon-ioxhost:before {
  content: ""; }

/* line 479, scss/font-awesome/_icons.scss */
.icon-angellist:before {
  content: ""; }

/* line 480, scss/font-awesome/_icons.scss */
.icon-cc:before {
  content: ""; }

/* line 481, scss/font-awesome/_icons.scss */
.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
  content: ""; }

/* line 482, scss/font-awesome/_icons.scss */
.icon-meanpath:before {
  content: ""; }

/*
CSS Written by Jes Gundy
Threespot, Washington DC
---
Ammended and appended by Andrew McCarthy
http://andrevv.com/
---
Ported to Libsass by Michael Trythall
https://lincolnloop.com/team/michael-trythall/
---
CSS rendered with Libsass 0.7.0
*/
/* line 15, scss/_style.scss */
body {
  font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif;
  font-size: 18px;
  font-size: 1.8rem;
  background: #f8f8f8;
  color: #0C3C26;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  /* line 24, scss/_style.scss */
  body .layout-secondary,
  body [role="complementary"] {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; }
  @media screen and (min-width: 768px) {
    /* line 15, scss/_style.scss */
    body {
      min-width: 768px; } }

/* line 34, scss/_style.scss */
a {
  color: #0C3C26;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent; }
  /* line 39, scss/_style.scss */
  a:visited {
    color: #156741; }
  /* line 43, scss/_style.scss */
  a:active, a:focus, a:hover {
    color: #1d915c; }

/* line 50, scss/_style.scss */
::selection {
  background: #C9DDF0; }

/* line 53, scss/_style.scss */
::-moz-selection {
  background: #C9DDF0; }

/* line 56, scss/_style.scss */
ol li, ul li {
  margin-top: 10px; }

/* line 59, scss/_style.scss */
dl {
  margin: 20px 0 10px; }
  /* line 62, scss/_style.scss */
  dl dt {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-weight: 400; }
  /* line 67, scss/_style.scss */
  dl dd {
    margin: 0.2em 0 1.2em;
    padding: 0; }
    /* line 70, scss/_style.scss */
    dl dd:last-of-type {
      margin-bottom: 0; }
  /* line 76, scss/_style.scss */
  dl.glossary dt {
    font-weight: 600; }

/* line 81, scss/_style.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-weight: 400; }
  /* line 90, scss/_style.scss */
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    h1 a:visited,
    h2 a:visited,
    h3 a:visited,
    h4 a:visited,
    h5 a:visited,
    h6 a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    h1 a:hover, h1 a:active, h1 a:focus,
    h2 a:hover,
    h2 a:active,
    h2 a:focus,
    h3 a:hover,
    h3 a:active,
    h3 a:focus,
    h4 a:hover,
    h4 a:active,
    h4 a:focus,
    h5 a:hover,
    h5 a:active,
    h5 a:focus,
    h6 a:hover,
    h6 a:active,
    h6 a:focus {
      color: #2588c4;
      text-decoration: none; }

/* line 97, scss/_style.scss */
h1 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1.1; }
  @media screen and (min-width: 768px) {
    /* line 97, scss/_style.scss */
    h1 {
      font-size: 32px;
      font-size: 3.2rem; } }
  /* line 106, scss/_style.scss */
  .layout-secondary h1 {
    color: #0C3C26; }
  /* line 110, scss/_style.scss */
  [role="main"] h1 {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 40px 0px 30px;
    color: #0C3C26; }
  /* line 116, scss/_style.scss */
  [role="complementary"] h1 {
    font-size: 28px;
    font-size: 2.8rem; }

/* line 120, scss/_style.scss */
h2 {
  font-size: 24px;
  font-size: 2.4rem; }
  /* line 122, scss/_style.scss */
  [role="complementary"] h2,
  .layout-secondary h2 {
    font-size: 20px;
    font-size: 2rem;
    border-bottom: 1px solid #CFE3DC;
    font-weight: 400;
    padding-bottom: 15px;
    margin-top: 30px; }
    /* line 130, scss/_style.scss */
    [role="complementary"] h2:first-of-type,
    .layout-secondary h2:first-of-type {
      margin-top: inherit; }
    @media screen and (min-width: 768px) {
      /* line 134, scss/_style.scss */
      [role="complementary"] h2:first-child,
      .layout-secondary h2:first-child {
        margin-top: 20px; } }
    /* line 140, scss/_style.scss */
    .full-width [role="complementary"] h2, .full-width
    .layout-secondary h2 {
      font-size: 24px;
      font-size: 2.4rem; }
  /* line 145, scss/_style.scss */
  [role="main"] h2 {
    margin-top: 40px;
    margin-bottom: 15px; }

/* line 150, scss/_style.scss */
h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #0C3C26;
  line-height: 1.2;
  margin: 35px 0 20px; }
  /* line 157, scss/_style.scss */
  [role="complementary"] h3,
  .layout-secondary h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    padding-bottom: 15px; }
    @media screen and (min-width: 768px) {
      /* line 163, scss/_style.scss */
      [role="complementary"] h3:first-child,
      .layout-secondary h3:first-child {
        margin-top: 12px; } }
  /* line 170, scss/_style.scss */
  [role="complementary"] h3 {
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #CFE3DC; }

/* line 176, scss/_style.scss */
h4 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #0C3C26;
  line-height: 1.2;
  margin: 35px 0 20px;
  font-weight: 700; }

/* line 184, scss/_style.scss */
tt,
code,
math,
kbd,
pre,
samp {
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  color: #0C334B; }

/* line 195, scss/_style.scss */
tt {
  font-weight: 700; }

/* line 199, scss/_style.scss */
span.pre {
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed; }

/* line 204, scss/_style.scss */
a:hover tt, a:active tt, a:focus tt {
  color: #1d915c; }

/* line 211, scss/_style.scss */
[role="main"] > p:first-child {
  margin-top: 30px; }

/* line 216, scss/_style.scss */
ul {
  padding-left: 20px; }

/* line 221, scss/_style.scss */
blockquote {
  background: #F1FFF7;
  padding: 15px 20px 15px 70px;
  border: 1px solid #C9DDF0;
  border-radius: 4px;
  margin: 25px 0;
  position: relative; }
  /* line 229, scss/_style.scss */
  blockquote p:first-child {
    margin-top: 0; }
  /* line 232, scss/_style.scss */
  blockquote::before {
    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;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 30px;
    width: 34px;
    text-align: center;
    content: "";
    opacity: 0.5; }

/* line 248, scss/_style.scss */
[role="main"] {
  background: #fff;
  padding: 1px 10px 40px; }
  @media screen and (min-width: 768px) {
    /* line 248, scss/_style.scss */
    [role="main"] {
      min-height: 800px;
      border: 1px solid #ddd;
      float: right;
      margin: 0;
      padding-bottom: 80px;
      padding-left: 3%;
      padding-right: 3%;
      width: 60%; }
      /* line 261, scss/_style.scss */
      .mdzr-boxshadow [role="main"] {
        border: none;
        box-shadow: 0px 0px 0 0 #fff, 0px 0px 0 0 #fff, 460px 0 0 0 #fff, 1000px 0 0 0 #fff, 0px 600px 0 0px #fff, 460px 600px 0 0px #fff;
        padding-left: 4%;
        padding-right: 0;
        width: 63%; }
      /* line 269, scss/_style.scss */
      .sidebar-right [role="main"] {
        float: left; }
        /* line 271, scss/_style.scss */
        .mdzr-boxshadow .sidebar-right [role="main"] {
          border: none;
          box-shadow: 0px 0px 0 0 #fff, 0px 0px 0 0 #fff, -460px 0 0 0 #fff, -1000px 0 0 0 #fff, 0px 600px 0 0px #fff, -460px 600px 0 0px #fff;
          padding-left: 0;
          width: 62%;
          padding-right: 4%; } }
  /* line 281, scss/_style.scss */
  .full-width [role="main"] {
    border: none;
    box-shadow: none;
    float: none;
    margin: 0 auto;
    padding: 0 10px 40px;
    width: auto; }
    @media screen and (min-width: 768px) {
      /* line 281, scss/_style.scss */
      .full-width [role="main"] {
        max-width: 740px;
        padding: 20px 0 40px;
        width: 91.66667%; } }
  /* line 296, scss/_style.scss */
  [role="main"] .section {
    padding-bottom: 40px;
    border-bottom: 1px solid #CFE3DC; }
    /* line 299, scss/_style.scss */
    [role="main"] .section:last-of-type {
      padding-bottom: 0;
      border-bottom: 0; }
    /* line 304, scss/_style.scss */
    [role="main"] .section dd.last-child {
      padding-bottom: 0; }

/* line 313, scss/_style.scss */
.full-width.container {
  width: 100%;
  padding: 0;
  max-width: none;
  border-bottom: 1px solid #ddd;
  background: #fff; }

/* line 107, scss/_utils.scss */
.full-width:before, .full-width:after {
  content: "";
  display: table; }

/* line 112, scss/_utils.scss */
.full-width:after {
  clear: both; }

/* line 323, scss/_style.scss */
.mdzr-boxshadow .full-width {
  border: none;
  -moz-box-shadow: 0 4px 8px rgba(12, 60, 38, 0.07);
  -webkit-box-shadow: 0 4px 8px rgba(12, 60, 38, 0.07);
  box-shadow: 0 4px 8px rgba(12, 60, 38, 0.07); }

/* line 329, scss/_style.scss */
[role="complementary"] {
  padding: 0 10px 20px;
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (min-width: 768px) {
    /* line 329, scss/_style.scss */
    [role="complementary"] {
      float: right;
      margin: 20px 0;
      margin-right: 3%;
      padding: 0 0 40px 0;
      width: 30%; }
      /* line 340, scss/_style.scss */
      .sidebar-right [role="complementary"] {
        margin-left: 3%;
        margin-right: 0; } }
  /* line 346, scss/_style.scss */
  [role="complementary"] span.form-controls {
    display: none; }
  /* line 350, scss/_style.scss */
  [role="complementary"] .list-collapsing {
    margin-top: 0;
    border-bottom: 0; }
    /* line 355, scss/_style.scss */
    [role="complementary"] .list-collapsing.active li {
      border-top: 0; }
    /* line 358, scss/_style.scss */
    [role="complementary"] .list-collapsing.active h2 {
      padding: 10px 40px 10px 0;
      font-size: 18px;
      border-bottom: 0;
      color: #448BB7; }
      /* line 364, scss/_style.scss */
      [role="complementary"] .list-collapsing.active h2 .collapsing-icon {
        font-size: 10px; }

/* line 372, scss/_style.scss */
[role="secondary"] {
  margin: 0 10px;
  padding: 40px 0 60px; }
  @media screen and (min-width: 768px) {
    /* line 377, scss/_style.scss */
    .full-width [role="secondary"] {
      max-width: 700px;
      margin: 0 auto; } }

/* line 384, scss/_style.scss */
.layout-secondary {
  padding: 20px 10px 50px; }

/* line 388, scss/_style.scss */
.layout-tertiary {
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 20px 10px 50px; }
  /* line 393, scss/_style.scss */
  .mdzr-boxshadow .layout-tertiary {
    border: none;
    -moz-box-shadow: 0 -4px 8px rgba(12, 60, 38, 0.07);
    -webkit-box-shadow: 0 -4px 8px rgba(12, 60, 38, 0.07);
    box-shadow: 0 -4px 8px rgba(12, 60, 38, 0.07); }

/* line 107, scss/_utils.scss */
.container:before, .container:after {
  content: "";
  display: table; }

/* line 112, scss/_utils.scss */
.container:after {
  clear: both; }

@media screen and (min-width: 768px) {
  /* line 398, scss/_style.scss */
  .container {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 4.16667%; } }

/* line 408, scss/_style.scss */
.mdzr-boxshadow .container.sidebar-right {
  box-shadow: -1200px 0 0 0px #fff; }

/* line 417, scss/_style.scss */
[role="banner"] {
  background: #0C334B;
  overflow: hidden;
  margin: 0;
  padding: 10px 0 6px;
  position: relative;
  z-index: 0; }
  /* line 107, scss/_utils.scss */
  [role="banner"]:before, [role="banner"]:after {
    content: "";
    display: table; }
  /* line 112, scss/_utils.scss */
  [role="banner"]:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    /* line 427, scss/_style.scss */
    [role="banner"] .container {
      position: relative; } }
  /* line 433, scss/_style.scss */
  [role="banner"] .meta, [role="banner"] .list-links dd, .list-links [role="banner"] dd, [role="banner"] .search-links dd, .search-links [role="banner"] dd {
    font-size: 13px;
    font-size: 1.3rem;
    color: #448BB7;
    font-weight: 700;
    width: auto;
    float: left;
    margin: 8px 0 0 10px;
    display: none; }
    @media screen and (min-width: 1150px) {
      /* line 433, scss/_style.scss */
      [role="banner"] .meta, [role="banner"] .list-links dd, .list-links [role="banner"] dd, [role="banner"] .search-links dd, .search-links [role="banner"] dd {
        float: left;
        width: 200px;
        display: block; } }
  /* line 452, scss/_style.scss */
  [role="banner"] .logo {
    font-size: 40px;
    font-size: 4rem;
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    background: url(../img/logo-popy4p-banner.png) 0 0 no-repeat;
    color: #FFF;
    display: block;
    float: left;
    font-weight: 700;
    margin: 10px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    width: 210px;
    height: 70px; }
    /* line 472, scss/_style.scss */
    .mdzr-svg [role="banner"] .logo {
      background: url(../img/logo-popy4p-banner.svg) center center no-repeat; }
    @media screen and (min-width: 768px) {
      /* line 452, scss/_style.scss */
      [role="banner"] .logo {
        margin-left: 0; } }
  /* line 482, scss/_style.scss */
  [role="banner"] .menu-button {
    font-size: 20px;
    font-size: 2rem;
    background: #0C334B;
    border-radius: 23px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    height: 45px;
    line-height: 48px;
    margin: 4px 10px;
    text-align: center;
    text-decoration: none;
    width: 45px; }
    @media screen and (min-width: 768px) {
      /* line 482, scss/_style.scss */
      [role="banner"] .menu-button {
        display: none; } }
    /* line 501, scss/_style.scss */
    [role="banner"] .menu-button:active {
      color: #448BB7; }
    /* line 505, scss/_style.scss */
    [role="banner"] .menu-button span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    /* line 509, scss/_style.scss */
    [role="banner"] .menu-button.active {
      opacity: 0.5; }
  /* line 514, scss/_style.scss */
  [role="banner"] .nav-menu-on {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    @media screen and (min-width: 768px) {
      /* line 514, scss/_style.scss */
      [role="banner"] .nav-menu-on {
        max-height: none;
        -webkit-transition: none;
        transition: none; } }
    /* line 529, scss/_style.scss */
    [role="banner"] .nav-menu-on.active {
      max-height: 500px; }
  /* line 534, scss/_style.scss */
  [role="banner"] [role="navigation"] {
    background: #0C334B;
    width: 100%; }
    @media screen and (min-width: 768px) {
      /* line 534, scss/_style.scss */
      [role="banner"] [role="navigation"] {
        width: auto;
        float: right; } }
    /* line 544, scss/_style.scss */
    [role="banner"] [role="navigation"] ul {
      margin: 10px 0 0;
      padding: 0; }
      @media screen and (min-width: 768px) {
        /* line 544, scss/_style.scss */
        [role="banner"] [role="navigation"] ul {
          margin: 0; } }
    /* line 553, scss/_style.scss */
    [role="banner"] [role="navigation"] li {
      font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
      font-size: 13px;
      font-size: 1.3rem;
      display: block;
      color: #fff;
      font-weight: 700;
      line-height: 16px;
      text-align: left;
      text-vertical-align: middle;
      text-transform: uppercase;
      margin: 0 10px;
      border-top: 1px solid #104261; }
      @media screen and (min-width: 768px) {
        /* line 553, scss/_style.scss */
        [role="banner"] [role="navigation"] li {
          margin: 0;
          border: 0;
          float: left;
          text-align: left; } }
      /* line 575, scss/_style.scss */
      [role="banner"] [role="navigation"] li.active a {
        color: #448BB7; }
    /* line 580, scss/_style.scss */
    [role="banner"] [role="navigation"] a {
      color: #fff;
      display: block;
      padding: 20px 0px;
      text-decoration: none; }
      /* line 586, scss/_style.scss */
      [role="banner"] [role="navigation"] a:active, [role="banner"] [role="navigation"] a:hover {
        color: #C9DDF0; }
      @media screen and (min-width: 768px) {
        /* line 580, scss/_style.scss */
        [role="banner"] [role="navigation"] a {
          padding: 20px 10px; } }
    @media screen and (min-width: 768px) {
      /* line 595, scss/_style.scss */
      [role="banner"] [role="navigation"] .nav-primary {
        position: absolute;
        right: 0;
        top: 45px; } }

/* line 604, scss/_style.scss */
.header {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  background: #0C334B;
  margin: 0;
  padding: 11px 0px 8px;
  position: relative; }
  /* line 612, scss/_style.scss */
  .header h1 {
    margin: 0.4em 0; }
  /* line 616, scss/_style.scss */
  .header p {
    font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    left: -9999px;
    line-height: 1.5;
    padding: 0 0 10px;
    position: absolute;
    top: 0;
    max-width: 660px; }
    @media screen and (min-width: 768px) {
      /* line 616, scss/_style.scss */
      .header p {
        position: static; } }

/* line 632, scss/_style.scss */
.copy-banner {
  background: #448BB7;
  padding: 1px 10px; }
  @media screen and (min-width: 768px) {
    /* line 632, scss/_style.scss */
    .copy-banner {
      padding: 1px 0; } }
  /* line 642, scss/_style.scss */
  .copy-banner p,
  .copy-banner h1 {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    color: #C9DDF0;
    font-weight: 300;
    line-height: 1.3;
    padding: 1px 0 6px;
    margin: .45em 0 .35em; }
    /* line 652, scss/_style.scss */
    .copy-banner p em,
    .copy-banner h1 em {
      font-style: normal;
      color: white; }
    @media screen and (min-width: 768px) {
      /* line 642, scss/_style.scss */
      .copy-banner p,
      .copy-banner h1 {
        font-size: 32px;
        font-size: 3.2rem;
        margin: .35em 0 .35em;
        color: #C9DDF0;
        padding: 1px 0 6px; } }
    /* line 666, scss/_style.scss */
    .copy-banner p a,
    .copy-banner h1 a {
      font-weight: 300;
      color: #C9DDF0; }
    /* line 671, scss/_style.scss */
    .copy-banner p a.cta, .copy-banner p .cta,
    .copy-banner h1 a.cta,
    .copy-banner h1 .cta {
      margin: 0;
      font-size: 18px;
      font-size: 1.8rem; }
  /* line 677, scss/_style.scss */
  .copy-banner a.cta, .copy-banner .cta {
    margin: 15px 0;
    padding: 0.4em 1.5em 0.5em;
    background: #2B678C;
    background: none;
    border: 1px solid #C9DDF0;
    color: #C9DDF0;
    font-weight: 400; }
    /* line 681, scss/_style.scss */
    .copy-banner a.cta:hover, .copy-banner .cta:hover {
      background: #30729c; }
    /* line 689, scss/_style.scss */
    .copy-banner a.cta em, .copy-banner .cta em {
      color: white; }
    /* line 692, scss/_style.scss */
    .copy-banner a.cta:hover, .copy-banner .cta:hover {
      background: #F1FFF7;
      color: #2076AA;
      border-color: #F1FFF7; }
      /* line 696, scss/_style.scss */
      .copy-banner a.cta:hover em, .copy-banner .cta:hover em {
        color: #2076AA; }
    /* line 701, scss/_style.scss */
    .copy-banner a.cta.white, .copy-banner .cta.white {
      background: #F1FFF7;
      color: #2076AA;
      font-weight: 700;
      border: 0; }
      /* line 706, scss/_style.scss */
      .copy-banner a.cta.white:hover, .copy-banner .cta.white:hover {
        background: #fff; }
  /* line 714, scss/_style.scss */
  .overviewX .copy-banner {
    padding: 50px 0;
    background: white;
    text-align: center;
    border-bottom: 1px solid #CFE3DC; }
    /* line 719, scss/_style.scss */
    .overviewX .copy-banner p {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      margin: 1em auto .5em;
      color: #0C3C26;
      font-size: 36px;
      font-size: 3.6rem; }
      /* line 726, scss/_style.scss */
      .overviewX .copy-banner p.small {
        color: #798780;
        margin: 2em auto 1em;
        font-size: 14px;
        font-size: 1.4rem; }
      /* line 731, scss/_style.scss */
      .overviewX .copy-banner p em {
        color: #0C3C26; }
    /* line 735, scss/_style.scss */
    .overviewX .copy-banner a.cta, .overviewX .copy-banner .cta {
      display: inline-block;
      padding: 1em 50px 1.1em;
      margin-bottom: 40px;
      background: #448BB7;
      color: white;
      border: 0;
      font-weight: 700; }
      /* line 743, scss/_style.scss */
      .overviewX .copy-banner a.cta:hover, .overviewX .copy-banner .cta:hover {
        background: #5195be; }
      /* line 746, scss/_style.scss */
      .overviewX .copy-banner a.cta:active, .overviewX .copy-banner .cta:active {
        background: #4185b0; }
    /* line 751, scss/_style.scss */
    .overviewX .copy-banner .popy-companies {
      max-width: 750px;
      margin: 0 auto;
      list-style: none;
      padding: 0 0 0 30px; }
      /* line 756, scss/_style.scss */
      .overviewX .copy-banner .popy-companies li {
        width: 144px;
        display: inline-block;
        text-indent: -1000px;
        overflow: hidden;
        margin: 0; }
        /* line 762, scss/_style.scss */
        .overviewX .copy-banner .popy-companies li a {
          display: block;
          height: 46px;
          background-position: center;
          background-repeat: no-repeat; }
          /* line 767, scss/_style.scss */
          .overviewX .copy-banner .popy-companies li a.company-mozilla {
            background-image: url("../img/company-mozilla.png");
            background-position: center 7px; }
            /* line 119, scss/_utils.scss */
            .mdzr-svg .overviewX .copy-banner .popy-companies li a.company-mozilla {
              background-image: url("../img/company-mozilla.svg"); }
          /* line 771, scss/_style.scss */
          .overviewX .copy-banner .popy-companies li a.company-pinterest {
            background-image: url("../img/company-pinterest.png");
            background-position: center 7px; }
            /* line 119, scss/_utils.scss */
            .mdzr-svg .overviewX .copy-banner .popy-companies li a.company-pinterest {
              background-image: url("../img/company-pinterest.svg"); }
          /* line 775, scss/_style.scss */
          .overviewX .copy-banner .popy-companies li a.company-theguardian {
            background-image: url("../img/company-theguardian.png");
            background-position: center 14px; }
            /* line 119, scss/_utils.scss */
            .mdzr-svg .overviewX .copy-banner .popy-companies li a.company-theguardian {
              background-image: url("../img/company-theguardian.svg"); }
          /* line 779, scss/_style.scss */
          .overviewX .copy-banner .popy-companies li a.company-instagram {
            background-image: url("../img/company-instagram.png");
            background-position: center 10px; }
            /* line 119, scss/_utils.scss */
            .mdzr-svg .overviewX .copy-banner .popy-companies li a.company-instagram {
              background-image: url("../img/company-instagram.svg"); }
          /* line 783, scss/_style.scss */
          .overviewX .copy-banner .popy-companies li a.company-rdio {
            background-image: url("../img/company-rdio.png");
            background-position: 15px 6px; }
            /* line 119, scss/_utils.scss */
            .mdzr-svg .overviewX .copy-banner .popy-companies li a.company-rdio {
              background-image: url("../img/company-rdio.svg"); }

/* line 792, scss/_style.scss */
.copy-banner [role="user"] {
    background: #448BB7;
    width: 100%;
    /*
    height: 100%;
    margin: 1em;
    */
}
/* line 802, scss/_style.scss */
.copy-banner [role="user"] ul {
    margin: 10px 0 0;
    padding: 0; 
}
/* line 811, scss/_style.scss */
.copy-banner [role="user"] li {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    margin: 0 10px;
    border-top: 1px solid #104261;

    padding: 0px 4px;
    display: block;
    /*
    text-vertical-align: middle;
    */
}
/* line 833, scss/_style.scss */
.copy-banner [role="user"] li.active a {
    color: #448BB7; 
}
/* line 838, scss/_style.scss */
.copy-banner [role="user"] a {
    color: #fff;
    /* 
    display: block;
    padding: 20px 0px; 
    */
    text-decoration: none; 
}
/* line 844, scss/_style.scss */
.copy-banner [role="user"] a:active, .copy-banner [role="user"] a:hover {
    color: #C9DDF0; 
}

@media screen and (min-width: 768px) {
    /* line 792, scss/_style.scss */
    .copy-banner [role="user"] {
        width: auto;
        float: right;
        margin: 1em 0;
        /*
        height: 100%;
        */
    } 
    /* line 802, scss/_style.scss */
    .copy-banner [role="user"] ul {
        margin: 0;
    } 
    /* line 811, scss/_style.scss */
    .copy-banner [role="user"] li {
        margin: 0;
        border: 0;
        text-align: center; 
    } 
    /* line 838, scss/_style.scss */
    .copy-banner [role="user"] a {
        /* 
        padding: 20px 10px; 
        */
    } 
    /* line 853, scss/_style.scss */
    .copy-banner [role="user"] .nav-primary {
        position: absolute;
        right: 0;
        top: 45px; 
    } 
}


/* line 864, scss/_style.scss */
[role="alert"] {
  clear: both;
  background: #F1FFF7;
  position: relative;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.05); }
  /* line 871, scss/_style.scss */
  [role="alert"] a {
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    [role="alert"] a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    [role="alert"] a:hover, [role="alert"] a:active, [role="alert"] a:focus {
      color: #2588c4;
      text-decoration: none; }
    /* line 873, scss/_style.scss */
    [role="alert"] a.link-readmore {
      margin: 0; }
  /* line 878, scss/_style.scss */
  [role="alert"] dl {
    margin: 0 10px;
    padding: 25px 0; }
    /* line 107, scss/_utils.scss */
    [role="alert"] dl:before, [role="alert"] dl:after {
      content: "";
      display: table; }
    /* line 112, scss/_utils.scss */
    [role="alert"] dl:after {
      clear: both; }
    /* line 883, scss/_style.scss */
    [role="alert"] dl dt i.icon {
      color: #2076AA;
      margin-right: 8px; }
    /* line 888, scss/_style.scss */
    [role="alert"] dl dd {
      float: left;
      width: 60%;
      margin-top: 0;
      font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; }
    /* line 894, scss/_style.scss */
    [role="alert"] dl .link-readmore {
      margin-left: 10px; }
  @media screen and (min-width: 768px) {
    /* line 900, scss/_style.scss */
    [role="alert"] dt {
      float: left;
      width: 31%;
      padding-right: 2%; }
    /* line 905, scss/_style.scss */
    [role="alert"] dl {
      margin: 0; } }

/* line 912, scss/_style.scss */
[role="contentinfo"] {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  position: relative;
  background: #448BB7;
  clear: both;
  margin-top: 0px; }
  /* line 107, scss/_utils.scss */
  [role="contentinfo"]:before, [role="contentinfo"]:after {
    content: "";
    display: table; }
  /* line 112, scss/_utils.scss */
  [role="contentinfo"]:after {
    clear: both; }
  /* line 921, scss/_style.scss */
  [role="contentinfo"] .container {
    overflow: hidden; }
  /* line 925, scss/_style.scss */
  [role="contentinfo"] .subfooter {
    padding: 0 10px; }
    /* line 107, scss/_utils.scss */
    [role="contentinfo"] .subfooter:before, [role="contentinfo"] .subfooter:after {
      content: "";
      display: table; }
    /* line 112, scss/_utils.scss */
    [role="contentinfo"] .subfooter:after {
      clear: both; }
    @media screen and (min-width: 768px) {
      /* line 925, scss/_style.scss */
      [role="contentinfo"] .subfooter {
        padding: 0; } }
    /* line 935, scss/_style.scss */
    [role="contentinfo"] .subfooter .col:first-child h2 {
      border-top: 0; }
    @media screen and (min-width: 768px) {
      /* line 933, scss/_style.scss */
      [role="contentinfo"] .subfooter .col {
        float: left;
        margin-bottom: -999px;
        padding: 0 3% 999px 0;
        width: 30%; } }
    /* line 946, scss/_style.scss */
    [role="contentinfo"] .subfooter .col:first-child {
      margin-left: 0;
      padding-left: 0; }
    /* line 950, scss/_style.scss */
    [role="contentinfo"] .subfooter .col.last-child {
      margin-right: 0;
      padding-right: 0; }
  /* line 958, scss/_style.scss */
  [role="contentinfo"] h2 {
    font-size: 16px;
    font-size: 1.6rem;
    border-top: 1px solid #CFE3DC;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
    padding: 30px 0 10px; }
    @media screen and (min-width: 768px) {
      /* line 958, scss/_style.scss */
      [role="contentinfo"] h2 {
        border: none;
        margin-top: 0; } }
  /* line 971, scss/_style.scss */
  [role="contentinfo"] ul {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0 0 30px; }
    /* line 978, scss/_style.scss */
    [role="contentinfo"] ul li {
      margin: 10px 0 0;
      padding: 0; }
    /* line 983, scss/_style.scss */
    [role="contentinfo"] ul a {
      color: #F1FFF7;
      text-decoration: none; }
      /* line 987, scss/_style.scss */
      [role="contentinfo"] ul a:hover, [role="contentinfo"] ul a:active, [role="contentinfo"] ul a:focus {
        text-decoration: underline; }
  /* line 995, scss/_style.scss */
  [role="contentinfo"] .footer {
    background: #0C334B;
    margin-top: 20px;
    padding: 10px 0 30px;
    color: #2B678C; }
    /* line 1001, scss/_style.scss */
    [role="contentinfo"] .footer .footer-logo {
      float: left;
      width: 33%; }
    /* line 1006, scss/_style.scss */
    [role="contentinfo"] .footer .logo {
      margin-right: 0;
      margin-top: 28px; }
      /* line 1009, scss/_style.scss */
      .mdzr-svg [role="contentinfo"] .footer .logo {
        background-position: left center;
        margin-right: 0;
        margin-top: 20px; }
  /* line 1017, scss/_style.scss */
  [role="contentinfo"] .logo {
    font-size: 40px;
    font-size: 4rem;
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    background: url(../img/logo-popy4p-banner.png) 0 0 no-repeat;
    color: #0C334B;
    display: block;
    font-weight: 700;
    height: 70px;
    margin: 10px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    width: 210px; }
    @media screen and (min-width: 768px) {
      /* line 1017, scss/_style.scss */
      [role="contentinfo"] .logo {
        float: left;
        margin: 20px 90px 0 0; } }
    /* line 1038, scss/_style.scss */
    .mdzr-svg [role="contentinfo"] .logo {
      background: url(../img/logo-popy4p-banner.svg) center center no-repeat;
      height: 70px;
      width: 210px; }
  /* line 1048, scss/_style.scss */
  [role="contentinfo"] .thanks {
    font-size: 12px;
    font-size: 1.2rem;
    color: #2B678C;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 768px) {
      /* line 1048, scss/_style.scss */
      [role="contentinfo"] .thanks {
        border: none; } }
    /* line 1057, scss/_style.scss */
    [role="contentinfo"] .thanks li {
      margin: 0;
      padding: 17px 10px 11px;
      display: block;
      clear: both; }
      /* line 107, scss/_utils.scss */
      [role="contentinfo"] .thanks li:before, [role="contentinfo"] .thanks li:after {
        content: "";
        display: table; }
      /* line 112, scss/_utils.scss */
      [role="contentinfo"] .thanks li:after {
        clear: both; }
      @media screen and (min-width: 768px) {
        /* line 1057, scss/_style.scss */
        [role="contentinfo"] .thanks li {
          background: none;
          float: left;
          clear: none;
          padding: 0 3% 0 0;
          width: 30%; }
          /* line 1072, scss/_style.scss */
          [role="contentinfo"] .thanks li.design span.ampersand, [role="contentinfo"] .thanks li.design a {
            display: inline-block;
            vertical-align: top; }
            /* line 1075, scss/_style.scss */
            [role="contentinfo"] .thanks li.design span.ampersand.threespot, [role="contentinfo"] .thanks li.design a.threespot {
              clear: both; }
            /* line 1079, scss/_style.scss */
            [role="contentinfo"] .thanks li.design span.ampersand.ampersand, [role="contentinfo"] .thanks li.design a.ampersand {
              position: relative;
              top: 6px;
              margin: 0 6px;
              line-height: 36px; } }
      /* line 1089, scss/_style.scss */
      [role="contentinfo"] .thanks li span.ampersand {
        line-height: 24px; }
    /* line 1094, scss/_style.scss */
    [role="contentinfo"] .thanks span {
      display: block;
      height: 24px;
      line-height: 36px;
      padding-right: 12px;
      white-space: nowrap; }
    /* line 1102, scss/_style.scss */
    [role="contentinfo"] .thanks a {
      display: block;
      height: 60px;
      overflow: hidden;
      text-indent: -200px;
      width: 220px; }
      @media screen and (min-width: 768px) {
        /* line 1102, scss/_style.scss */
        [role="contentinfo"] .thanks a {
          clear: both;
          margin-top: 5px; } }
      /* line 1117, scss/_style.scss */
      [role="contentinfo"] .thanks a.wrightdose {
        background: url(../img/logo-wrightdose.png) no-repeat left center; }
        /* line 1119, scss/_style.scss */
        .mdzr-svg [role="contentinfo"] .thanks a.wrightdose {
          background: url(../img/logo-wrightdose.svg) no-repeat left center; }
      /* line 1124, scss/_style.scss */
      [role="contentinfo"] .thanks a.rackspace {
        background: url(../img/logo-rackspace.png) no-repeat left center; }
        /* line 1126, scss/_style.scss */
        .mdzr-svg [role="contentinfo"] .thanks a.rackspace {
          background: url(../img/logo-rackspace.svg) no-repeat left center; }
      /* line 1131, scss/_style.scss */
      [role="contentinfo"] .thanks a.threespot {
        background: url(../img/logo-threespot.png) no-repeat left center; }
        /* line 1133, scss/_style.scss */
        .mdzr-svg [role="contentinfo"] .thanks a.threespot {
          background: url(../img/logo-threespot.svg) no-repeat left center; }
      /* line 1137, scss/_style.scss */
      [role="contentinfo"] .thanks a.andrevv {
        background: url(../img/logo-andrevv.png) no-repeat left center; }
        /* line 1139, scss/_style.scss */
        .mdzr-svg [role="contentinfo"] .thanks a.andrevv {
          background: url(../img/logo-andrevv.svg) no-repeat left center; }
  /* line 1146, scss/_style.scss */
  [role="contentinfo"] .copyright {
    font-size: 12px;
    font-size: 1.2rem;
    clear: both;
    margin: 20px 0 0 10px; }
    @media screen and (min-width: 768px) {
      /* line 1146, scss/_style.scss */
      [role="contentinfo"] .copyright {
        max-width: 80%;
        padding-top: 30px;
        margin: 0; } }
    /* line 1157, scss/_style.scss */
    [role="contentinfo"] .copyright a {
      color: #2B678C; }

/* line 1165, scss/_style.scss */
.backtotop {
  color: #2076AA;
  text-decoration: none;
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  font-weight: 700;
  margin: 10px 0;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase; }
  /* line 144, scss/_utils.scss */
  .backtotop:visited {
    color: #2076AA; }
  /* line 147, scss/_utils.scss */
  .backtotop:hover, .backtotop:active, .backtotop:focus {
    color: #2588c4;
    text-decoration: none; }
  @media screen and (min-width: 768px) {
    /* line 1165, scss/_style.scss */
    .backtotop {
      display: none; } }

/* line 1180, scss/_style.scss */
.cta, a.cta {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-weight: 700;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #448BB7;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: block;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  margin: 30px auto 0;
  padding: 1em 1.5em;
  text-align: center;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    /* line 1180, scss/_style.scss */
    .cta, a.cta {
      margin: 20px auto;
      max-width: 400px; } }
  /* line 1202, scss/_style.scss */
  .cta em, a.cta em {
    color: #C9DDF0;
    font-style: normal; }
  /* line 1207, scss/_style.scss */
  .cta:hover, .cta:focus, a.cta:hover, a.cta:focus {
    background: #5195be; }
  /* line 1211, scss/_style.scss */
  .cta:active, a.cta:active {
    background: #4185b0; }
  /* line 1215, scss/_style.scss */
  [role="complementary"] .cta, [role="complementary"] a.cta {
    font-size: 16px;
    font-size: 1.6rem; }
    /* line 1218, scss/_style.scss */
    [role="complementary"] .cta + .link-readmore, [role="complementary"] a.cta + .link-readmore {
      display: block;
      text-align: center; }
      @media screen and (min-width: 768px) {
        /* line 1218, scss/_style.scss */
        [role="complementary"] .cta + .link-readmore, [role="complementary"] a.cta + .link-readmore {
          margin-top: -10px; } }
  /* line 1228, scss/_style.scss */
  .cta.outline, a.cta.outline {
    background: none;
    border: 1px solid #CFE3DC;
    color: #859D94;
    font-weight: 400; }
    /* line 1235, scss/_style.scss */
    .cta.outline.inline, a.cta.outline.inline {
      display: inline;
      margin-right: 1em; }
    /* line 1240, scss/_style.scss */
    .cta.outline em, a.cta.outline em {
      color: #0C334B; }
    /* line 1244, scss/_style.scss */
    .cta.outline:hover, a.cta.outline:hover {
      border-color: #2076AA;
      color: #2076AA; }
      /* line 1247, scss/_style.scss */
      .cta.outline:hover em, a.cta.outline:hover em {
        color: #2076AA; }
    /* line 1251, scss/_style.scss */
    .cta.outline:active, a.cta.outline:active {
      border-color: #448BB7;
      color: #448BB7; }
      /* line 1254, scss/_style.scss */
      .cta.outline:active em, a.cta.outline:active em {
        color: #448BB7; }

/* line 1260, scss/_style.scss */
.link-blue {
  color: #2076AA;
  text-decoration: none; }
  /* line 144, scss/_utils.scss */
  .link-blue:visited {
    color: #2076AA; }
  /* line 147, scss/_utils.scss */
  .link-blue:hover, .link-blue:active, .link-blue:focus {
    color: #2588c4;
    text-decoration: none; }

/* line 1264, scss/_style.scss */
.link-readmore {
  color: #2076AA;
  text-decoration: none;
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin: 10px 0;
  font-weight: 700;
  text-transform: uppercase; }
  /* line 144, scss/_utils.scss */
  .link-readmore:visited {
    color: #2076AA; }
  /* line 147, scss/_utils.scss */
  .link-readmore:hover, .link-readmore:active, .link-readmore:focus {
    color: #2588c4;
    text-decoration: none; }
  /* line 1271, scss/_style.scss */
  .link-readmore:after {
    content: " ›";
    font-size: 1.2em; }
  /* line 1276, scss/_style.scss */
  .link-readmore.back-link:after {
    content: ""; }
  /* line 1279, scss/_style.scss */
  .link-readmore.back-link:before {
    content: "‹ ";
    font-size: 1.2em; }
  /* line 1287, scss/_style.scss */
  [role="complementary"] .link-readmore {
    font-size: 12px;
    font-size: 1.2rem; }

/* line 1291, scss/_style.scss */
.meta, .list-links dd, .search-links dd {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 1.3;
  margin: 25px 0 20px; }
  /* line 1299, scss/_style.scss */
  .meta a, .list-links dd a, .search-links dd a {
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    .meta a:visited, .list-links dd a:visited, .search-links dd a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .meta a:hover, .list-links dd a:hover, .search-links dd a:hover, .meta a:active, .list-links dd a:active, .search-links dd a:active, .meta a:focus, .list-links dd a:focus, .search-links dd a:focus {
      color: #2588c4;
      text-decoration: none; }

/* line 1303, scss/_style.scss */
.layout-2col {
  margin: 20px 0; }
  @media screen and (min-width: 768px) {
    /* line 1303, scss/_style.scss */
    .layout-2col {
      margin: 0; }
      /* line 107, scss/_utils.scss */
      .layout-2col:before, .layout-2col:after {
        content: "";
        display: table; }
      /* line 112, scss/_utils.scss */
      .layout-2col:after {
        clear: both; }
      /* line 1310, scss/_style.scss */
      .layout-2col .col {
        float: left;
        width: 46%;
        margin: 0 4%; }
        /* line 1314, scss/_style.scss */
        .layout-2col .col:first-child {
          margin-left: 0; }
        /* line 1317, scss/_style.scss */
        .layout-2col .col.last-child {
          margin-right: 0; }
      /* line 1321, scss/_style.scss */
      .layout-2col .one-third {
        width: 29%; }
      /* line 1324, scss/_style.scss */
      .layout-2col .two-third {
        width: 62%; } }

/* line 1329, scss/_style.scss */
.blue {
  color: #2076AA; }

/* line 1333, scss/_style.scss */
.label {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #cacfcd;
  display: block;
  font-weight: 700;
  margin: 20px 0 10px;
  text-transform: uppercase; }
  /* line 1344, scss/_style.scss */
  .label.form-controls {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin: 0;
    position: relative;
    text-align: left; }
    /* line 1351, scss/_style.scss */
    .label.form-controls span {
      cursor: pointer; }
      /* line 1354, scss/_style.scss */
      .label.form-controls span:hover, .label.form-controls span:active, .label.form-controls span:focus {
        color: #afb7b3; }

@media screen and (min-width: 768px) {
  /* line 1362, scss/_style.scss */
  .callout-right {
    float: right;
    margin: 26px 0 0 35px;
    width: 33%; }
    /* line 1368, scss/_style.scss */
    .callout-right.two-thirds {
      width: 60%; } }

/* line 1373, scss/_style.scss */
.callout-right img {
  display: block;
  max-width: 100%; }

@media screen and (min-width: 768px) {
  /* line 1378, scss/_style.scss */
  .callout-left {
    float: left;
    margin: 26px 35px 0 0;
    width: 33%; }
    /* line 1384, scss/_style.scss */
    .callout-left.two-thirds {
      width: 60%; } }

/* line 1389, scss/_style.scss */
.callout-left img {
  display: block;
  max-width: 100%; }

/* line 1395, scss/_style.scss */
.codedump {
  background: #f8f8f8;
  border: 1px solid #CFE3DC;
  padding: 10px;
  border-radius: 4px;
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  line-height: 1.6em; }

/* line 1406, scss/_style.scss */
.list-events {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 1413, scss/_style.scss */
  .list-events li {
    font-size: 18px;
    font-size: 1.8rem;
    border-top: 1px solid #CFE3DC;
    display: block;
    line-height: 1.3;
    margin: 0;
    padding: 20px 0 0 30px;
    position: relative; }
    /* line 1422, scss/_style.scss */
    .list-events li i {
      font-size: 16px;
      font-size: 1.6rem;
      color: #93B7D7;
      display: block;
      left: 0;
      line-height: 20px;
      height: 30px;
      position: absolute;
      text-align: center;
      top: 20px;
      width: 24px; }
    /* line 1435, scss/_style.scss */
    .list-events li:first-child {
      border-top: 0;
      padding-top: 0; }
      /* line 1439, scss/_style.scss */
      .list-events li:first-child i {
        top: 0px; }
  /* line 1445, scss/_style.scss */
  .list-events .meta, .list-events .list-links dd, .list-links .list-events dd, .list-events .search-links dd, .search-links .list-events dd {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin-top: 10px; }
  /* line 1452, scss/_style.scss */
  .list-events a {
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    .list-events a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .list-events a:hover, .list-events a:active, .list-events a:focus {
      color: #2588c4;
      text-decoration: none; }

/* line 1456, scss/_style.scss */
.list-tags {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }
  /* line 1466, scss/_style.scss */
  .list-tags li {
    margin-top: 10px; }
  /* line 1470, scss/_style.scss */
  .list-tags a {
    background: #93B7D7;
    color: #F1FFF7;
    display: inline-block;
    line-height: 1.2;
    margin: 0;
    padding: 8px 10px 5px;
    text-decoration: none; }
    /* line 1479, scss/_style.scss */
    .list-tags a:hover, .list-tags a:active, .list-tags a:focus {
      background-color: #448BB7;
      color: #fff; }

/* line 1487, scss/_style.scss */
.list-news {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 1493, scss/_style.scss */
  .list-news h2 {
    font-weight: 400;
    margin-bottom: 5px; }
  /* line 1498, scss/_style.scss */
  .list-news li {
    border-top: 1px solid #CFE3DC;
    margin-top: 35px;
    padding-top: 10px; }
    /* line 1503, scss/_style.scss */
    .list-news li:first-child {
      border: none;
      margin-top: 0;
      padding-top: 0; }
    /* line 1509, scss/_style.scss */
    .list-news li.unpublished,
    .list-news li.unpublished * {
      color: #859D94; }
  /* line 1515, scss/_style.scss */
  .list-news .meta, .list-news .list-links dd, .list-links .list-news dd, .list-news .search-links dd, .search-links .list-news dd {
    margin-top: 10px;
    color: #859D94; }
    /* line 1518, scss/_style.scss */
    .list-news .meta a:link, .list-news .list-links dd a:link, .list-links .list-news dd a:link, .list-news .search-links dd a:link, .search-links .list-news dd a:link {
      color: #798780;
      text-decoration: underline; }

/* line 1524, scss/_style.scss */
.list-case-study {
  list-style: none;
  margin: 0;
  padding: 0 0 10px; }
  /* line 107, scss/_utils.scss */
  .list-case-study:before, .list-case-study:after {
    content: "";
    display: table; }
  /* line 112, scss/_utils.scss */
  .list-case-study:after {
    clear: both; }
  /* line 1531, scss/_style.scss */
  .list-case-study p {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 10px 0 5px; }
  /* line 1536, scss/_style.scss */
  .list-case-study li {
    border-top: 1px solid #CFE3DC;
    margin-top: 20px;
    padding-top: 20px; }
    @media screen and (min-width: 1024px) {
      /* line 1536, scss/_style.scss */
      .list-case-study li {
        border: none;
        float: left;
        padding-right: 5%;
        padding-top: 0;
        width: 28%; }
        /* line 1547, scss/_style.scss */
        .list-case-study li:nth-child(3):after {
          clear: both;
          content: "";
          display: block;
          margin-bottom: 30px; } }
  /* line 1557, scss/_style.scss */
  .list-case-study li > a {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    color: #2076AA;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase; }
    /* line 144, scss/_utils.scss */
    .list-case-study li > a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .list-case-study li > a:hover, .list-case-study li > a:active, .list-case-study li > a:focus {
      color: #2588c4;
      text-decoration: none; }
    /* line 1564, scss/_style.scss */
    .list-case-study li > a:after {
      content: " ›";
      font-size: 1.2em; }
  /* line 1570, scss/_style.scss */
  .list-case-study h3 {
    margin: 10px 0 20px;
    padding: 0; }
    /* line 1574, scss/_style.scss */
    .list-case-study h3.logo {
      text-indent: -1000%;
      overflow: hidden; }
  /* line 1581, scss/_style.scss */
  .list-case-study [title="Knight Foundation"] {
    background: url(../img/logo-knight.png) no-repeat bottom left;
    height: 25px;
    padding-top: 7px;
    width: 190px; }
    /* line 1587, scss/_style.scss */
    .mdzr-svg .list-case-study [title="Knight Foundation"] {
      background: url(../img/logo-knight.svg) no-repeat bottom left; }
  /* line 1591, scss/_style.scss */
  .list-case-study [title="Mozilla"] {
    background: url(../img/logo-mozilla.png) no-repeat bottom left;
    height: 32px;
    width: 120px; }
    /* line 1596, scss/_style.scss */
    .mdzr-svg .list-case-study [title="Mozilla"] {
      background: url(../img/logo-mozilla.svg) no-repeat bottom left; }
  /* line 1600, scss/_style.scss */
  .list-case-study [title="Disqus"] {
    background: url(../img/logo-disqus.png) no-repeat bottom left;
    height: 28px;
    padding-top: 4px;
    width: 140px; }
    /* line 1606, scss/_style.scss */
    .mdzr-svg .list-case-study [title="Disqus"] {
      background: url(../img/logo-disqus.svg) no-repeat bottom left; }
  /* line 1612, scss/_style.scss */
  .list-case-study.single-col li {
    margin-top: 0;
    margin-bottom: 30px;
    width: auto; }
    /* line 1616, scss/_style.scss */
    .list-case-study.single-col li p {
      font-size: 18px;
      font-size: 1.8rem;
      margin-right: 40px; }
    /* line 1620, scss/_style.scss */
    .list-case-study.single-col li h3 {
      margin-top: 20px; }

/* line 1627, scss/_style.scss */
.case-study-logo {
  max-width: 50%;
  max-height: 70px;
  height: auto;
  margin: 40px 0 0; }

/* line 1634, scss/_style.scss */
.list-link-soup {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #CFE3DC;
  list-style: none;
  margin: 20px 0 0;
  padding: 20px 0 10px; }
  /* line 107, scss/_utils.scss */
  .list-link-soup:before, .list-link-soup:after {
    content: "";
    display: table; }
  /* line 112, scss/_utils.scss */
  .list-link-soup:after {
    clear: both; }
  /* line 1644, scss/_style.scss */
  .list-link-soup li {
    float: left;
    margin: 10px 5% 0 0;
    width: 45%; }
    @media screen and (min-width: 768px) {
      /* line 1644, scss/_style.scss */
      .list-link-soup li {
        margin-right: 3%;
        width: 30%; } }
  /* line 1654, scss/_style.scss */
  .list-link-soup a {
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    .list-link-soup a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .list-link-soup a:hover, .list-link-soup a:active, .list-link-soup a:focus {
      color: #2588c4;
      text-decoration: none; }
  /* line 1659, scss/_style.scss */
  [role="complementary"] .list-link-soup li {
    float: none; }

/* line 1666, scss/_style.scss */
h2 + .list-link-soup {
  border-top: 0; }

/* line 1671, scss/_style.scss */
.list-features {
  margin: 50px 0 40px; }
  /* line 1676, scss/_style.scss */
  .list-features dt {
    font-size: 24px;
    font-size: 2.4rem;
    border-top: 1px solid #CFE3DC;
    padding-top: 25px; }
  /* line 1682, scss/_style.scss */
  .list-features i {
    color: #F1FFF7;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    background: #2076AA;
    line-height: 1.68em;
    display: inline-block;
    text-align: center; }
    /* line 1692, scss/_style.scss */
    .list-features i.icon-briefcase {
      line-height: 1.7em; }
    /* line 1695, scss/_style.scss */
    .list-features i.icon-dashboard {
      line-height: 1.5em; }
  @media screen and (min-width: 768px) {
    /* line 1671, scss/_style.scss */
    .list-features {
      padding-bottom: 40px; }
      /* line 1703, scss/_style.scss */
      .list-features dt {
        margin-top: 60px;
        padding: 60px 0 0 245px;
        position: relative; }
        /* line 1708, scss/_style.scss */
        .list-features dt:first-child {
          margin-top: 20px; }
        /* line 1712, scss/_style.scss */
        .list-features dt.even {
          padding-left: 0;
          padding-right: 245px; }
          /* line 1716, scss/_style.scss */
          .list-features dt.even i {
            left: auto !important;
            right: 0; }
      /* line 1723, scss/_style.scss */
      .list-features dd {
        padding-left: 245px;
        min-height: 140px; }
        /* line 1727, scss/_style.scss */
        .list-features dd.even {
          padding-left: 0;
          padding-right: 245px; }
      /* line 1733, scss/_style.scss */
      .list-features i {
        font-size: 120px;
        font-size: 12rem;
        display: block;
        height: 200px;
        left: 0;
        position: absolute;
        text-align: center;
        top: 60px;
        width: 200px;
        margin-right: 0; }
        /* line 1745, scss/_style.scss */
        .mdzr-borderradius .list-features i {
          background: #448BB7;
          border-radius: 100px;
          color: #fff; }
        /* line 1752, scss/_style.scss */
        .mdzr-svg .list-features i {
          background: url(../img/bg-features.svg) no-repeat center center; }
          /* line 1755, scss/_style.scss */
          .mdzr-svg .list-features i.icon-bolt {
            background-position: -150px -269px; }
          /* line 1758, scss/_style.scss */
          .mdzr-svg .list-features i.icon-briefcase {
            background-position: -354px -7px; }
          /* line 1761, scss/_style.scss */
          .mdzr-svg .list-features i.icon-lock {
            background-position: -36px -96px; }
          /* line 1764, scss/_style.scss */
          .mdzr-svg .list-features i.icon-dashboard {
            background-position: -270px -9px; }
          /* line 1767, scss/_style.scss */
          .mdzr-svg .list-features i.icon-cogs {
            background-position: -334px -12px; }
        /* line 1773, scss/_style.scss */
        .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i {
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          -webkit-transform: rotate(0.5turn);
          transform: rotate(0.5turn); }
          /* line 1780, scss/_style.scss */
          .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.inview {
            -webkit-transform: rotate(0turn);
            transform: rotate(0turn); }
          /* line 1785, scss/_style.scss */
          .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-bolt {
            background-position: 40px -369px; }
            /* line 1787, scss/_style.scss */
            .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-bolt.inview {
              background-position: -150px -269px; }
          /* line 1791, scss/_style.scss */
          .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-briefcase {
            background-position: -494px 207px; }
            /* line 1793, scss/_style.scss */
            .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-briefcase.inview {
              background-position: -354px -7px; }
          /* line 1797, scss/_style.scss */
          .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-lock {
            background-position: 144px -206px; }
            /* line 1799, scss/_style.scss */
            .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-lock.inview {
              background-position: -36px -96px; }
          /* line 1803, scss/_style.scss */
          .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-dashboard {
            background-position: -360px 201px; }
            /* line 1805, scss/_style.scss */
            .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-dashboard.inview {
              background-position: -270px -9px; }
          /* line 1809, scss/_style.scss */
          .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-cogs {
            background-position: -500px -180px; }
            /* line 1811, scss/_style.scss */
            .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-cogs.inview {
              background-position: -334px -12px; }
        /* line 1819, scss/_style.scss */
        .list-features i :-o-prefocus, .list-features i {
          background: #448BB7 !important;
          -webkit-transition: none !important;
          transition: none !important;
          -webkit-transform: none !important;
          transform: none !important; } }
  /* line 1832, scss/_style.scss */
  .overview .list-features {
    padding-bottom: 0; }
    /* line 1836, scss/_style.scss */
    .overview .list-features dl {
      padding-top: 0; }
    /* line 1840, scss/_style.scss */
    .overview .list-features i {
      color: #F1FFF7;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      top: 10px;
      border-radius: 20px;
      background: #2076AA;
      display: inline-block;
      text-align: center;
      font-size: 24px;
      font-size: 2.4rem; }
      /* line 1852, scss/_style.scss */
      .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .overview .list-features i {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transform: rotate(0.5turn);
        transform: rotate(0.5turn); }
        /* line 1859, scss/_style.scss */
        .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .overview .list-features i.inview {
          -webkit-transform: rotate(0turn);
          transform: rotate(0turn); }
    @media screen and (min-width: 768px) {
      /* line 1868, scss/_style.scss */
      .overview .list-features dt {
        padding: 20px 0 0px 110px;
        font-size: 18px;
        font-size: 1.8rem;
        border-top: 0;
        margin-top: 0; }
      /* line 1875, scss/_style.scss */
      .overview .list-features dd {
        padding: 0 60px 20px 110px;
        min-height: 0; }
        /* line 1878, scss/_style.scss */
        .overview .list-features dd p {
          margin-top: 0;
          font-size: 18px;
          font-size: 1.8rem; }
      /* line 1884, scss/_style.scss */
      .overview .list-features i {
        margin-right: 10px;
        width: 80px;
        height: 80px;
        top: 20px;
        border-radius: 40px;
        font-size: 46px;
        font-size: 4.6rem; } }

@media screen and (min-width: 768px) {
  /* line 1898, scss/_style.scss */
  .list-collapsing-header {
    float: left; }
    /* line 1901, scss/_style.scss */
    .section .list-collapsing-header h2 {
      margin: 40px 0 20px; }
    /* line 1905, scss/_style.scss */
    .list-collapsing-header + .form-controls.label {
      margin: 50px 0 0;
      text-align: right; }
  /* line 1911, scss/_style.scss */
  .form-controls.label {
    float: right; } }

/* line 1917, scss/_style.scss */
.list-collapsing {
  border-bottom: 1px solid #CFE3DC;
  list-style: none;
  margin: 30px 0;
  padding: 0;
  clear: both; }
  /* line 1927, scss/_style.scss */
  .list-collapsing.active > li {
    border-top: 1px solid #CFE3DC;
    margin: 0;
    padding: 0; }
    /* line 1935, scss/_style.scss */
    .list-collapsing.active > li.active h2 .collapsing-icon:before {
      content: "\f068"; }
  /* line 1943, scss/_style.scss */
  .list-collapsing.active h2 {
    font-size: 18px;
    font-size: 1.8rem;
    cursor: pointer;
    margin: 0;
    padding: 18px 40px 18px 0;
    position: relative; }
    /* line 1950, scss/_style.scss */
    .list-collapsing.active h2:hover, .list-collapsing.active h2:focus, .list-collapsing.active h2:active {
      color: #1d915c;
      outline: none; }
    /* line 1957, scss/_style.scss */
    .list-collapsing.active h2 .collapsing-icon {
      position: absolute;
      right: 0;
      top: 24px; }
      /* line 1961, scss/_style.scss */
      .list-collapsing.active h2 .collapsing-icon:before {
        content: "\f067"; }
    /* line 1966, scss/_style.scss */
    .list-collapsing.active h2.bullet-icon {
      padding-left: 1.5em; }
      /* line 1970, scss/_style.scss */
      .list-collapsing.active h2.bullet-icon > i:first-child {
        position: absolute;
        top: 24px;
        left: 0; }
  /* line 1978, scss/_style.scss */
  .list-collapsing.active .collapsing-content {
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  /* line 1985, scss/_style.scss */
  .list-collapsing.active li.active .collapsing-content {
    max-height: 1000px;
    overflow: auto; }

/* line 1992, scss/_style.scss */
.list-image {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 1998, scss/_style.scss */
  .list-image li {
    border-top: 1px solid #CFE3DC;
    margin-top: 20px;
    padding-top: 40px; }
    @media screen and (min-width: 768px) {
      /* line 1998, scss/_style.scss */
      .list-image li {
        margin-top: 20px;
        padding-top: 40px; }
        /* line 107, scss/_utils.scss */
        .list-image li:before, .list-image li:after {
          content: "";
          display: table; }
        /* line 112, scss/_utils.scss */
        .list-image li:after {
          clear: both; } }
    /* line 2008, scss/_style.scss */
    .list-image li:first-child {
      border: none;
      padding-top: 0; }
  /* line 2014, scss/_style.scss */
  .list-image a {
    text-decoration: none; }
    /* line 2017, scss/_style.scss */
    .list-image a:hover, .list-image a:active, .list-image a:focus {
      color: #798780; }
    /* line 2023, scss/_style.scss */
    .list-image a.link-readmore {
      margin: 0; }
  /* line 2028, scss/_style.scss */
  .list-image img {
    display: block;
    margin: 0 auto 25px;
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    /* line 2035, scss/_style.scss */
    .list-image img {
      float: left;
      margin: 0 40px 0 0;
      max-width: 200px;
      max-height: 200px; }
    /* line 2042, scss/_style.scss */
    .list-image h2, .list-image h3, .list-image h4, .list-image p {
      padding-left: 240px; }
    /* line 2046, scss/_style.scss */
    .list-image h3 {
      margin-top: 10px; } }
  /* line 2054, scss/_style.scss */
  .layout-secondary .list-image img,
  [role="complementary"] .list-image img {
    float: left;
    max-width: 40%;
    max-height: 120px;
    margin: 0 20px 10px 0; }
  /* line 2061, scss/_style.scss */
  .layout-secondary .list-image h2, .layout-secondary .list-image h3, .layout-secondary .list-image h4, .layout-secondary .list-image p,
  [role="complementary"] .list-image h2,
  [role="complementary"] .list-image h3,
  [role="complementary"] .list-image h4,
  [role="complementary"] .list-image p {
    padding-left: 0px;
    border: 0; }
  /* line 2066, scss/_style.scss */
  .layout-secondary .list-image h3,
  [role="complementary"] .list-image h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 0;
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-weight: 700; }

/* line 2080, scss/_style.scss */
#s-popy-documentation, #s-feed {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; }

/* line 2084, scss/_style.scss */
.list-outline {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 2092, scss/_style.scss */
  .list-outline a {
    text-decoration: none; }
  /* line 2096, scss/_style.scss */
  .list-outline > li > ul > li {
    margin-top: 12px; }
    /* line 2098, scss/_style.scss */
    .list-outline > li > ul > li:first-child {
      margin-top: 6px; }
  /* line 2103, scss/_style.scss */
  .list-outline > li > a {
    text-transform: uppercase;
    font-weight: 700;
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    .list-outline > li > a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .list-outline > li > a:hover, .list-outline > li > a:active, .list-outline > li > a:focus {
      color: #2588c4;
      text-decoration: none; }
  /* line 2109, scss/_style.scss */
  .list-outline > li > ul {
    list-style: none;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 0 0 10px; }
    /* line 2113, scss/_style.scss */
    .list-outline > li > ul > li > a {
      font-weight: 700;
      text-transform: uppercase;
      color: #2076AA;
      text-decoration: none; }
      /* line 144, scss/_utils.scss */
      .list-outline > li > ul > li > a:visited {
        color: #2076AA; }
      /* line 147, scss/_utils.scss */
      .list-outline > li > ul > li > a:hover, .list-outline > li > ul > li > a:active, .list-outline > li > ul > li > a:focus {
        color: #2588c4;
        text-decoration: none; }
  /* line 2120, scss/_style.scss */
  .list-outline > li > ul > li ul {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 0 20px; }

/* line 2127, scss/_style.scss */
.section h2 {
  margin: 50px 0 30px; }

/* line 2131, scss/_style.scss */
.section h3 {
  margin: 40px 0 20px; }

/* line 2135, scss/_style.scss */
.headerlink {
  opacity: 0;
  padding-left: 10px;
  font-size: 0.8em;
  position: relative;
  top: -0.17em;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

/* line 2157, scss/_style.scss */
h1:hover > .headerlink,
h2:hover > .headerlink,
h3:hover > .headerlink,
h4:hover > .headerlink,
h5:hover > .headerlink,
h6:hover > .headerlink,
dl:hover > .headerlink,
dt:hover > .headerlink {
  opacity: 1; }

/* line 2164, scss/_style.scss */
.note,
.admonition,
.help-block {
  background: #F1FFF7;
  padding: 15px 20px 15px 70px;
  border: 1px solid #C9DDF0;
  border-radius: 4px;
  margin: 25px 0;
  position: relative; }
  /* line 2174, scss/_style.scss */
  .note h1, .note h2, .note h3, .note h4,
  .admonition h1,
  .admonition h2,
  .admonition h3,
  .admonition h4,
  .help-block h1,
  .help-block h2,
  .help-block h3,
  .help-block h4 {
    margin-top: 20px; }
  /* line 2177, scss/_style.scss */
  .note p,
  .admonition p,
  .help-block p {
    margin: 0.8em 0; }
  /* line 2180, scss/_style.scss */
  .note .first,
  .admonition .first,
  .help-block .first {
    margin-top: 0; }
  /* line 2184, scss/_style.scss */
  .note .admonition-title,
  .admonition .admonition-title,
  .help-block .admonition-title {
    font-weight: bold; }
    /* line 2186, scss/_style.scss */
    .note .admonition-title::before,
    .admonition .admonition-title::before,
    .help-block .admonition-title::before {
      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;
      position: absolute;
      top: 20px;
      left: 20px;
      font-size: 30px;
      width: 34px;
      text-align: center;
      content: "";
      opacity: 0.5; }
  /* line 2198, scss/_style.scss */
  .note.warning,
  .admonition.warning,
  .help-block.warning {
    background-color: #FFFDF1;
    border-color: #F5F1C7; }
    /* line 2201, scss/_style.scss */
    .note.warning .admonition-title::before,
    .admonition.warning .admonition-title::before,
    .help-block.warning .admonition-title::before {
      color: #E9BD46;
      content: ""; }
  /* line 2207, scss/_style.scss */
  .note.admonition-philosophy .admonition-title::before,
  .admonition.admonition-philosophy .admonition-title::before,
  .help-block.admonition-philosophy .admonition-title::before {
    content: ""; }
  /* line 2212, scss/_style.scss */
  .note.admonition-behind-the-scenes .admonition-title::before,
  .admonition.admonition-behind-the-scenes .admonition-title::before,
  .help-block.admonition-behind-the-scenes .admonition-title::before {
    content: ""; }
  /* line 2216, scss/_style.scss */
  .note .last, .note .highlight,
  .admonition .last,
  .admonition .highlight,
  .help-block .last,
  .help-block .highlight {
    margin-bottom: 0px; }

/* line 2223, scss/_style.scss */
.browse-horizontal {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  border-top: 1px solid #CFE3DC;
  border-bottom: 1px solid #CFE3DC;
  padding: 20px 0;
  margin-top: 2em; }
  /* line 107, scss/_utils.scss */
  .browse-horizontal:before, .browse-horizontal:after {
    content: "";
    display: table; }
  /* line 112, scss/_utils.scss */
  .browse-horizontal:after {
    clear: both; }
  /* line 2235, scss/_style.scss */
  .browse-horizontal .left {
    float: left; }
    /* line 2237, scss/_style.scss */
    .browse-horizontal .left .icon {
      margin-right: 4px;
      font-size: 12px;
      font-size: 1.2rem; }
  /* line 2243, scss/_style.scss */
  .browse-horizontal .right {
    float: right; }
    /* line 2245, scss/_style.scss */
    .browse-horizontal .right .icon {
      margin-left: 4px;
      font-size: 12px;
      font-size: 1.2rem; }
  /* line 2251, scss/_style.scss */
  .browse-horizontal a {
    text-decoration: none; }

/* line 2259, scss/_style.scss */
#version-switcher {
  position: fixed;
  right: 15px;
  bottom: 15px;
  margin: 0;
  padding: 0;
  z-index: 1;
  pointer-events: none;
  list-style: none; }
  /* line 2271, scss/_style.scss */
  #version-switcher .icon {
    margin-right: 4px; }
  /* line 2275, scss/_style.scss */
  #version-switcher ul {
    text-align: right; }

/* line 2280, scss/_style.scss */
#doc-versions, #doc-languages {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  /* line 2284, scss/_style.scss */
  #doc-versions li, #doc-languages li {
    display: none;
    margin: 0 3px;
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    color: #0C3C26;
    font-size: 12px;
    font-size: 1.2rem;
    pointer-events: auto; }
    /* line 2292, scss/_style.scss */
    #doc-versions li.current, #doc-languages li.current {
      display: inline-block;
      background: #F1FFF7;
      padding: 8px 15px;
      border: 1px solid #CFE3DC;
      border-radius: 4px; }
    /* line 2300, scss/_style.scss */
    #doc-versions li a, #doc-languages li a {
      display: inline-block;
      background: #F1FFF7;
      color: #448BB7;
      text-decoration: none;
      font-weight: 700;
      padding: 8px 15px;
      border: 1px solid #CFE3DC;
      border-radius: 4px; }
      /* line 2309, scss/_style.scss */
      #doc-versions li a:hover, #doc-languages li a:hover {
        color: #2076AA;
        border: 1px solid #93B7D7; }
  /* line 2316, scss/_style.scss */
  #doc-versions:hover, #doc-versions .hover-on, #doc-languages:hover, #doc-languages .hover-on {
    pointer-events: auto; }
    /* line 2318, scss/_style.scss */
    #doc-versions:hover li, #doc-versions .hover-on li, #doc-languages:hover li, #doc-languages .hover-on li {
      display: inline-block; }

/* line 2325, scss/_style.scss */
#dev-warning, #outdated-warning {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 8px 20px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  text-align: center;
  background-color: #ffe761; }
  @media screen and (min-width: 768px) {
    /* line 2325, scss/_style.scss */
    #dev-warning, #outdated-warning {
      position: fixed;
      min-width: 768px; } }

/* line 2347, scss/_style.scss */
#outdated-warning {
  background-color: #FFBABA;
  color: #6A0E0E; }

/* line 2352, scss/_style.scss */
#s-getting-help {
  display: none; }

/* line 2358, scss/_style.scss */
#docs-content {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em; }
  /* line 2362, scss/_style.scss */
  #docs-content h1, #docs-content h2, #docs-content h3, #docs-content h4, #docs-content h5, #docs-content h6 {
    margin: 0.6em 0;
    line-height: 1.1em; }
  /* line 2367, scss/_style.scss */
  #docs-content .section {
    padding: 10px 0 20px; }
  /* line 2382, scss/_style.scss */
  #docs-content a.reference {
    color: #6A0E0E;
    text-decoration: none;
    border-bottom: 1px dotted #798780; }
    /* line 2388, scss/_style.scss */
    #docs-content a.reference:visited {
      border-color: #971414; }
    /* line 2392, scss/_style.scss */
    #docs-content a.reference:active, #docs-content a.reference:focus, #docs-content a.reference:hover {
      background: #F1FFF7;
      color: #BA2121; }
    /* line 2399, scss/_style.scss */
    #docs-content a.reference em {
      font-style: normal; }

/* line 2408, scss/_style.scss */
.versionadded, .versionchanged, .deprecated, .versionmodified {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 10px 13px;
  border: 1px solid #C9DDF0;
  border-radius: 4px; }
  /* line 2417, scss/_style.scss */
  .versionadded p, .versionchanged p, .deprecated p, .versionmodified p {
    font-weight: normal;
    margin-top: 0.3em; }
    /* line 2420, scss/_style.scss */
    .versionadded p:last-child, .versionchanged p:last-child, .deprecated p:last-child, .versionmodified p:last-child {
      margin-bottom: 0; }

/* line 2429, scss/_style.scss */
.deprecated .versionadded, .deprecated .versionchanged, .deprecated .deprecated, .deprecated .versionmodified {
  border: none;
  padding: 0;
  margin-bottom: 0;
  display: block; }

/* line 2436, scss/_style.scss */
.deprecated p {
  font-weight: normal;
  margin-top: 0; }
  /* line 2439, scss/_style.scss */
  .deprecated p:last-child {
    margin-bottom: 0; }

/* line 2448, scss/_style.scss */
dl.function dt, dl.class dt, dl.method dt, dl.attribute dt, dl.exception dt {
  font-weight: 700; }

/* line 2451, scss/_style.scss */
dl.function dd, dl.class dd, dl.method dd, dl.attribute dd, dl.exception dd {
  padding-left: 1.4em; }

/* line 2457, scss/_style.scss */
table.docutils td, table.docutils th {
  border-bottom: 1px solid #CFE3DC; }

/* Added by PT */
table.image-table {
    border: 0;
    border-bottom: 0; }
   
/* centre captions */   
p.last {
    text-align: center;
}
/* PT end */

/* line 2461, scss/_style.scss */
.list-links, .search-links {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  list-style: none;
  margin: 0;
  padding: 10px 0 0; }
  /* line 2468, scss/_style.scss */
  .list-links a, .search-links a {
    color: #2076AA;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    .list-links a:visited, .search-links a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .list-links a:hover, .search-links a:hover, .list-links a:active, .search-links a:active, .list-links a:focus, .search-links a:focus {
      color: #2588c4;
      text-decoration: none; }
  /* line 2472, scss/_style.scss */
  .list-links dt, .search-links dt,
  .list-links li, .search-links li {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 15px;
    font-weight: 400; }
    /* line 2477, scss/_style.scss */
    .list-links dt:first-child, .search-links dt:first-child,
    .list-links li:first-child, .search-links li:first-child {
      margin-top: 0; }
  /* line 2483, scss/_style.scss */
  .list-links dd, .search-links dd {
    margin-top: 0;
    margin-bottom: 30px; }
  /* line 2489, scss/_style.scss */
  [role="complementary"] .list-links, [role="complementary"] .search-links {
    padding: 0; }
    /* line 2493, scss/_style.scss */
    [role="complementary"] .list-links dt, [role="complementary"] .search-links dt,
    [role="complementary"] .list-links li,
    [role="complementary"] .search-links li {
      font-size: 16px;
      font-size: 1.6rem;
      border-top: 1px solid #CFE3DC;
      margin-top: 0;
      padding-top: 20px; }
      /* line 2500, scss/_style.scss */
      [role="complementary"] .list-links dt:first-child, [role="complementary"] .search-links dt:first-child,
      [role="complementary"] .list-links li:first-child,
      [role="complementary"] .search-links li:first-child {
        border: none;
        padding-top: 0; }
    /* line 2506, scss/_style.scss */
    [role="complementary"] .list-links li, [role="complementary"] .search-links li {
      padding: 14px 0 10px; }
    /* line 2510, scss/_style.scss */
    [role="complementary"] .list-links dd, [role="complementary"] .search-links dd {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 16px; }
  /* line 2516, scss/_style.scss */
  .list-links + h2, .search-links + h2 {
    margin-top: 34px; }

/* line 2524, scss/_style.scss */
.search-links em {
  font-weight: 700;
  color: #0C3C26; }

/* line 2529, scss/_style.scss */
.search-links span.meta {
  margin-top: 0;
  margin-bottom: 10px;
  color: #859D94; }
  /* line 2534, scss/_style.scss */
  .search-links span.meta a {
    color: #798780; }
    /* line 2537, scss/_style.scss */
    .search-links span.meta a:visited {
      color: #616c67; }
    /* line 2541, scss/_style.scss */
    .search-links span.meta a:active, .search-links span.meta a:focus, .search-links span.meta a:hover {
      color: #49514d; }

/* line 2549, scss/_style.scss */
.search-links h2.result-title {
  margin: 0.3em 0 !important; }

/* line 2553, scss/_style.scss */
.search-links span.arrow {
  color: #0C3C26;
  font-weight: 700; }

/* line 2558, scss/_style.scss */
.search-links dd {
  margin-bottom: 30px; }

/* line 2563, scss/_style.scss */
.list-links-small {
  padding-left: 0;
  list-style: none; }
  /* line 2567, scss/_style.scss */
  .list-links-small a {
    color: #2076AA;
    text-decoration: none;
    text-decoration: none; }
    /* line 144, scss/_utils.scss */
    .list-links-small a:visited {
      color: #2076AA; }
    /* line 147, scss/_utils.scss */
    .list-links-small a:hover, .list-links-small a:active, .list-links-small a:focus {
      color: #2588c4;
      text-decoration: none; }
  /* line 2574, scss/_style.scss */
  .list-links-small li > a:before,
  .list-links-small dt > a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    float: left;
    width: 23px;
    height: 20px; }
  /* line 2584, scss/_style.scss */
  .list-links-small dt {
    font-weight: 400; }
  /* line 2588, scss/_style.scss */
  .list-links-small dd {
    color: #798780;
    padding-top: 2px; }
  /* line 2594, scss/_style.scss */
  .list-links-small.docs-list {
    list-style: none; }
    /* line 2598, scss/_style.scss */
    .list-links-small.docs-list li > a:before,
    .list-links-small.docs-list dt > a:before {
      content: "\f0f6"; }
    /* line 2603, scss/_style.scss */
    .list-links-small.docs-list dd {
      padding-left: 24px; }
  /* line 2609, scss/_style.scss */
  .list-links-small.news-list {
    list-style: none; }
    /* line 2613, scss/_style.scss */
    .list-links-small.news-list li > a:before,
    .list-links-small.news-list dt > a:before {
      content: "\f0a1"; }
    /* line 2619, scss/_style.scss */
    .list-links-small.news-list dt.event > a:before {
      content: "\f133"; }
    /* line 2624, scss/_style.scss */
    .list-links-small.news-list dd {
      padding-left: 24px; }
  /* line 2630, scss/_style.scss */
  .list-links-small.resource-list {
    list-style: none; }
    /* line 2634, scss/_style.scss */
    .list-links-small.resource-list li > a:before,
    .list-links-small.resource-list dt > a:before {
      content: "\f0c1"; }
    /* line 2639, scss/_style.scss */
    .list-links-small.resource-list dd {
      padding-left: 24px; }
  /* line 2645, scss/_style.scss */
  .list-links-small.rss-list {
    list-style: none; }
    /* line 2649, scss/_style.scss */
    .list-links-small.rss-list li > a:before,
    .list-links-small.rss-list dt > a:before {
      content: "\f09e"; }
    /* line 2654, scss/_style.scss */
    .list-links-small.rss-list dd {
      padding-left: 24px; }

/* line 2661, scss/_style.scss */
form {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem; }
  /* line 2665, scss/_style.scss */
  form input[type="search"],
  form input[type="text"],
  form input[type="email"],
  form input[type="password"],
  form input[type="number"],
  form input[type="url"],
  form textarea {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #CFE3DC;
    border-radius: 4px;
    cursor: auto;
    display: block;
    font-weight: 400;
    height: 30px;
    margin: 10px 0px;
    padding: 6px 14% 8px 10px;
    text-indent: 0;
    vertical-align: middle;
    width: 82%; }
    @media screen and (min-width: 768px) {
      /* line 2665, scss/_style.scss */
      form input[type="search"],
      form input[type="text"],
      form input[type="email"],
      form input[type="password"],
      form input[type="number"],
      form input[type="url"],
      form textarea {
        padding: 6px 18% 8px 10px;
        width: 80%; } }
    /* line 2694, scss/_style.scss */
    form input[type="search"]::-ms-clear,
    form input[type="text"]::-ms-clear,
    form input[type="email"]::-ms-clear,
    form input[type="password"]::-ms-clear,
    form input[type="number"]::-ms-clear,
    form input[type="url"]::-ms-clear,
    form textarea::-ms-clear {
      display: none; }
    /* line 2698, scss/_style.scss */
    form input[type="search"]:active, form input[type="search"]:focus,
    form input[type="text"]:active,
    form input[type="text"]:focus,
    form input[type="email"]:active,
    form input[type="email"]:focus,
    form input[type="password"]:active,
    form input[type="password"]:focus,
    form input[type="number"]:active,
    form input[type="number"]:focus,
    form input[type="url"]:active,
    form input[type="url"]:focus,
    form textarea:active,
    form textarea:focus {
      outline: none;
      border-color: #2076AA; }
  /* line 2705, scss/_style.scss */
  form textarea {
    height: auto; }
  /* line 2709, scss/_style.scss */
  form input[type=checkbox],
  form input[type=radio] {
    margin-right: 6px; }
  /* line 2714, scss/_style.scss */
  form select {
    border: 1px solid #CFE3DC;
    background: white;
    height: 46px;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 16px;
    font-size: 1.6rem; }
    /* line 2722, scss/_style.scss */
    [role="complementary"] form select {
      height: 36px;
      font-size: 14px;
      font-size: 1.4rem; }
  /* line 2728, scss/_style.scss */
  form button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #2076AA;
    border-radius: 4px;
    color: white;
    border: 0;
    height: 46px;
    padding: 0 15px;
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 16px;
    font-size: 1.6rem; }
    /* line 2741, scss/_style.scss */
    form button:hover {
      background: #448BB7; }

/* line 2749, scss/_style.scss */
.form-general fieldset {
  max-width: 700px;
  border: 0;
  padding: 0;
  margin: 15px 0; }
  /* line 2755, scss/_style.scss */
  .form-general fieldset input[type="search"],
  .form-general fieldset input[type="text"],
  .form-general fieldset input[type="email"],
  .form-general fieldset input[type="password"],
  .form-general fieldset input[type="url"] {
    margin: 10px 0; }

/* line 2765, scss/_style.scss */
.form-input {
  min-height: 40px;
  margin: 30px 0 20px;
  position: relative; }
  /* line 2771, scss/_style.scss */
  .form-input:focus {
    background: #000; }
  /* line 2775, scss/_style.scss */
  .form-input button {
    background: none;
    border: none;
    color: #448BB7;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 2%;
    top: 6%;
    width: 40px; }
    @media screen and (min-width: 768px) {
      /* line 2775, scss/_style.scss */
      .form-input button {
        right: 1%; } }
    /* line 2790, scss/_style.scss */
    .form-input button i {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1; }
    /* line 2795, scss/_style.scss */
    .form-input button:hover, .form-input button:focus, .form-input button:active {
      background: none;
      color: #0C334B;
      outline: none; }
  /* line 2804, scss/_style.scss */
  [role="complementary"] .form-input {
    min-height: 30px;
    margin: 20px 0 30px; }
    /* line 2807, scss/_style.scss */
    [role="complementary"] .form-input input[type="search"],
    [role="complementary"] .form-input input[type="text"],
    [role="complementary"] .form-input input[type="email"] {
      height: 20px;
      font-size: 14px;
      font-size: 1.4rem; }
    /* line 2813, scss/_style.scss */
    [role="complementary"] .form-input button {
      height: 30px;
      width: 30px;
      top: 3px; }
      @media screen and (min-width: 768px) {
        /* line 2813, scss/_style.scss */
        [role="complementary"] .form-input button {
          right: 0; } }
      /* line 2820, scss/_style.scss */
      [role="complementary"] .form-input button i {
        font-size: 20px;
        font-size: 2rem; }

/* line 2828, scss/_style.scss */
form.donate {
  max-width: 150px; }
  /* line 2830, scss/_style.scss */
  form.donate label {
    position: absolute;
    left: 0px;
    color: #2B678C;
    padding-top: 0.3em;
    padding-left: 0.5em; }
  /* line 2837, scss/_style.scss */
  form.donate input[type=text] {
    padding-left: 20px;
    padding-right: 9px;
    /* Magic value to right-align the button inside the input */ }

/* line 2844, scss/_style.scss */
div[role=main] form.donate label {
  padding-top: 0.7em; }

/* line 2850, scss/_style.scss */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #859D94; }

/* line 2859, scss/_style.scss */
.form-email h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 10px 0; }

/* line 2863, scss/_style.scss */
.form-email .meta, .form-email .list-links dd, .list-links .form-email dd, .form-email .search-links dd, .search-links .form-email dd {
  margin: 0; }

/* line 2866, scss/_style.scss */
.form-email form {
  margin: 10px 0 30px; }

/* line 2872, scss/_style.scss */
.nav-pagination {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #CFE3DC;
  font-weight: 700;
  line-height: 31px;
  list-style: none;
  margin: 30px 0;
  padding: 30px 0 0;
  text-align: center; }
  /* line 2884, scss/_style.scss */
  .nav-pagination li {
    display: inline-block; }
  /* line 2887, scss/_style.scss */
  .nav-pagination a {
    border: none;
    color: #798780;
    height: auto;
    width: auto;
    margin: 0 5px;
    border-radius: 15px;
    display: block;
    text-decoration: none; }
    @media screen and (min-device-width: 320px) {
      /* line 2887, scss/_style.scss */
      .nav-pagination a {
        background: #798780;
        color: #fff;
        height: 30px;
        margin: 0 2px;
        width: 30px; } }
    /* line 2904, scss/_style.scss */
    .nav-pagination a.previous, .nav-pagination a.next {
      font-size: 16px;
      font-size: 1.6rem; }
      @media screen and (min-device-width: 320px) {
        /* line 2904, scss/_style.scss */
        .nav-pagination a.previous, .nav-pagination a.next {
          border-radius: 20px;
          height: 40px;
          line-height: 43px;
          width: 40px; } }
    /* line 2914, scss/_style.scss */
    .nav-pagination a.previous {
      margin-right: 10px; }
      @media screen and (min-width: 768px) {
        /* line 2914, scss/_style.scss */
        .nav-pagination a.previous {
          margin-right: 70px; } }
    /* line 2920, scss/_style.scss */
    .nav-pagination a.next {
      margin-left: 10px;
      text-indent: 1px; }
      @media screen and (min-width: 768px) {
        /* line 2920, scss/_style.scss */
        .nav-pagination a.next {
          margin-left: 70px; } }
    /* line 2928, scss/_style.scss */
    .nav-pagination a:hover, .nav-pagination a:focus, .nav-pagination a:active, .nav-pagination a.active {
      background: none;
      color: #2076AA; }
      @media screen and (min-device-width: 320px) {
        /* line 2928, scss/_style.scss */
        .nav-pagination a:hover, .nav-pagination a:focus, .nav-pagination a:active, .nav-pagination a.active {
          background: #2076AA;
          color: white; } }
    /* line 2940, scss/_style.scss */
    .mdzr-no-borderradius .nav-pagination a {
      display: inline;
      background: none;
      color: #798780;
      height: auto;
      width: auto;
      margin: 0 5px !important; }
      /* line 2948, scss/_style.scss */
      .mdzr-no-borderradius .nav-pagination a:hover, .mdzr-no-borderradius .nav-pagination a:active, .mdzr-no-borderradius .nav-pagination a:focus, .mdzr-no-borderradius .nav-pagination a.active {
        background: none;
        color: #2076AA; }

/* line 2959, scss/_style.scss */
hr {
  border: 0;
  border-top: 1px solid #CFE3DC; }

/* line 2969, scss/_style.scss */
.badge {
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 6px;
  margin: 0 5px;
  letter-spacing: 0px;
  position: relative;
  bottom: 0.3em;
  color: #F1FFF7;
  background-color: #2076AA; }

/* line 2982, scss/_style.scss */
.user-info .avatar {
  padding: 20px;
  border: 1px solid #CFE3DC;
  border-radius: 4px;
  float: right; }

/* line 2989, scss/_style.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* line 107, scss/_utils.scss */
.clearfix:before, .clearfix:after, .group-container:before, .group-container:after {
  content: "";
  display: table; }

/* line 112, scss/_utils.scss */
.clearfix:after, .group-container:after {
  clear: both; }

@keyframes pixel-pulse {
  0%, 100% {
    opacity: 0.10; }
  50% {
    opacity: 0.25; } }

/* line 3001, scss/_style.scss */
.fundraising-index {
  margin-top: 50px; }
  /* line 3004, scss/_style.scss */
  .fundraising-index .fundraising-heart {
    width: 100%;
    float: none; }
    /* line 3007, scss/_style.scss */
    .fundraising-index .fundraising-heart img, .fundraising-index .fundraising-heart svg {
      width: 100%;
      height: auto; }
    /* line 3011, scss/_style.scss */
    .fundraising-index .fundraising-heart rect {
      -webkit-transition: opacity 250ms ease-out;
      transition: opacity 250ms ease-out; }
      /* line 3014, scss/_style.scss */
      .fundraising-index .fundraising-heart rect.faded {
        opacity: 0.05;
        animation: pixel-pulse 3s infinite; }
    /* line 3019, scss/_style.scss */
    .fundraising-index .fundraising-heart text {
      font-size: 120px;
      font-size: 12rem;
      fill: rgba(50, 50, 50, 0.3);
      stroke: #aaaaaa;
      stroke-width: 2px;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      cursor: default; }
    @media screen and (min-width: 768px) {
      /* line 3004, scss/_style.scss */
      .fundraising-index .fundraising-heart {
        width: 55%;
        float: left; } }
  /* line 3035, scss/_style.scss */
  .fundraising-index .description {
    margin-left: 5%;
    width: 100%;
    float: none;
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      /* line 3035, scss/_style.scss */
      .fundraising-index .description {
        width: 40%;
        float: left;
        margin-top: 0px; } }
    /* line 3047, scss/_style.scss */
    .fundraising-index .description h2 {
      margin-top: 0;
      font-size: 28px;
      font-size: 2.8rem; }

/* line 3056, scss/_style.scss */
.fundraising-index .donate select {
  width: 80%; }
  @media screen and (min-width: 768px) {
    /* line 3056, scss/_style.scss */
    .fundraising-index .donate select {
      width: 100%; } }

/* line 3063, scss/_style.scss */
.fundraising-index .donate .cta {
  margin: 10px 0; }
  /* line 3065, scss/_style.scss */
  .fundraising-index .donate .cta .disabled {
    opacity: 0.5; }

/* line 3069, scss/_style.scss */
.fundraising-index .donate .custom-donation {
  display: none; }

/* line 3072, scss/_style.scss */
.fundraising-index .donate .prefix {
  float: left;
  font-size: 19px;
  font-size: 1.9rem;
  margin: 8px 9px 0 3px; }

/* line 3077, scss/_style.scss */
.fundraising-index .donate input[type="text"] {
  width: 70%; }

/* line 3081, scss/_style.scss */
.fundraising-index .cls {
  clear: both; }

/* line 3086, scss/_style.scss */
.fundraising-sidebar {
  clear: both; }
  /* line 3087, scss/_style.scss */
  .fundraising-sidebar .small-heart {
    margin-top: 20px;
    width: 20%;
    float: left;
    margin-bottom: 20px; }
    /* line 3093, scss/_style.scss */
    .fundraising-sidebar .small-heart img {
      width: 100%;
      max-width: 64px; }
  /* line 3098, scss/_style.scss */
  .fundraising-sidebar .small-cta {
    width: 70%;
    float: left;
    vertical-align: top;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 20px; }

/* line 3109, scss/_style.scss */
.footnote {
  color: #859D94;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 20px;
  text-align: center;
  /* The IDs in documentation footnotes should stay as table cells */ }
  /* line 3115, scss/_style.scss */
  .footnote .label {
    display: table-cell;
    padding-right: 1em; }

/* line 3120, scss/_style.scss */
form .footnote {
  margin-top: 10px;
  text-align: left; }

/* line 3124, scss/_style.scss */
.footnote.docutils {
  text-align: left; }

/* line 3128, scss/_style.scss */
.heroes-section {
  overflow: hidden; }
  /* line 3131, scss/_style.scss */
  .heroes-section .heroes {
    clear: both; }
    /* line 3134, scss/_style.scss */
    .heroes-section .heroes h3 {
      clear: both;
      text-align: center; }
    /* line 3138, scss/_style.scss */
    .heroes-section .heroes .hero {
      width: calc(100% / 3);
      position: relative;
      height: auto; }
      /* line 3142, scss/_style.scss */
      .heroes-section .heroes .hero div {
        width: 100%; }
    /* line 3146, scss/_style.scss */
    .heroes-section .heroes .hero-logo {
      height: 170px;
      line-height: 170px; }
      /* line 3149, scss/_style.scss */
      .heroes-section .heroes .hero-logo img {
        vertical-align: middle; }
    /* line 3153, scss/_style.scss */
    .heroes-section .heroes .hero-name {
      min-height: 87px;
      vertical-align: top;
      margin-bottom: 5px; }
    /* line 3158, scss/_style.scss */
    .heroes-section .heroes .no-logo-hero {
      min-height: 60px;
      margin-right: 24px; }
    /* line 3162, scss/_style.scss */
    .heroes-section .heroes div {
      float: left;
      text-align: center; }
      /* line 3165, scss/_style.scss */
      .heroes-section .heroes div img {
        max-width: 90%;
        max-height: 170px; }
  /* line 3171, scss/_style.scss */
  .heroes-section .pagination {
    clear: both; }

/* line 3177, scss/_style.scss */
.manage-donations-form select, .manage-donations-form input[type="number"] {
  width: 300px; }

/* line 3180, scss/_style.scss */
.manage-donations-form input[type="number"] {
  padding: 7px 10px;
  width: 278px; }

/* line 3187, scss/_style.scss */
.popy-hero-form .form-control {
  margin: 1em 0; }

/* line 3190, scss/_style.scss */
.popy-hero-form ul {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0; }

/* line 3196, scss/_style.scss */
.popy-hero-form li {
  display: inline-block;
  margin-left: 1em; }

/* line 3202, scss/_style.scss */
table.popy-supported-versions {
  border: 1px solid black;
  text-align: center; }
  /* line 3205, scss/_style.scss */
  table.popy-supported-versions tr {
    background-color: #C9DDF0; }
    /* line 3207, scss/_style.scss */
    table.popy-supported-versions tr th, table.popy-supported-versions tr td {
      padding: 5px; }
  /* line 3211, scss/_style.scss */
  table.popy-supported-versions tr.unsupported {
    background-color: #FFBABA; }

/* Corporate membership list page */
/* line 3218, scss/_style.scss */
ul.corporate-members li {
  min-height: 160px; }

/* line 3222, scss/_style.scss */
.corporate-member-logo {
  float: right;
  max-height: 150px;
  max-width: 150px;
  padding: 0 0 10px 10px; }

/* Messages */
/* line 3231, scss/_style.scss */
.messages {
  list-style-type: none;
  width: 100%;
  padding-left: 0; }
  /* line 3236, scss/_style.scss */
  .messages li {
    padding: 15px;
    background-color: #f1f6fb;
    color: #0C334B;
    border: 1px solid #0C334B;
    border-radius: 4px; }
    /* line 3243, scss/_style.scss */
    .messages li::before {
      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;
      font-size: 30px;
      width: 34px;
      text-align: center;
      float: left;
      margin-left: -5px;
      margin-right: 10px; }
    /* line 3254, scss/_style.scss */
    .messages li.info::before {
      content: ""; }
    /* line 3259, scss/_style.scss */
    .messages li.success {
      background-color: #ddeaf6;
      content: ""; }
      /* line 3262, scss/_style.scss */
      .messages li.success::before {
        content: ""; }
    /* line 3267, scss/_style.scss */
    .messages li.warning {
      background-color: #FFFDF1;
      border-color: #a0951d; }
      /* line 3270, scss/_style.scss */
      .messages li.warning::before {
        color: #a0951d;
        content: ""; }
    /* line 3276, scss/_style.scss */
    .messages li.error {
      background-color: #ffeded;
      color: #6A0E0E;
      border-color: #6A0E0E; }
      /* line 3280, scss/_style.scss */
      .messages li.error::before {
        content: ""; }
    /* line 3285, scss/_style.scss */
    .messages li i.close {
      float: right;
      border-radius: 5px;
      cursor: pointer;
      margin-top: -10px;
      margin-right: -10px; }

/* line 3296, scss/_style.scss */
.code-block-caption .btn-clipboard, .snippet .btn-clipboard {
  float: right;
  cursor: pointer;
  margin-top: 2px;
  margin-right: -10px; }
  /* line 3302, scss/_style.scss */
  .code-block-caption .btn-clipboard i:hover, .snippet .btn-clipboard i:hover {
    color: #1a6fa3; }
  /* line 3305, scss/_style.scss */
  .code-block-caption .btn-clipboard .clipboard-success, .snippet .btn-clipboard .clipboard-success {
    font-size: 80%;
    margin-right: 10px; }

/* line 3, scss/_pygments.scss */
pre.literal-block,
.literal-block {
  border: 1px solid #EAEAEA;
  background: #F4F4F4;
  background: #f8f8f8;
  overflow: auto;
  border-radius: 4px;
  margin: 25px 0;
  padding: 10px 20px;
  color: #0C4B33; }

/* line 15, scss/_pygments.scss */
.code-block-caption {
  background: #C9F0DD;
  color: #0C4B33;
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  padding: 5px 20px;
  border-radius: 4px 4px 0 0; }
  /* line 23, scss/_pygments.scss */
  .code-block-caption + div > .highlight {
    margin-top: 0;
    border-radius: 0 0 4px 4px;
    border-top: 0; }

/* line 31, scss/_pygments.scss */
.snippet-filename {
  background: #C9F0DD;
  color: #0C4B33;
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  font-size: 1em;
  padding: 5px 20px;
  border-radius: 4px 4px 0 0; }
  /* line 39, scss/_pygments.scss */
  .snippet-filename + .highlight {
    margin-top: 0;
    border-radius: 0 0 4px 4px;
    border-top: 0; }

/* line 46, scss/_pygments.scss */
.highlight {
  border: 1px solid #EAEAEA;
  background: #F4F4F4;
  background: #f8f8f8;
  overflow: auto;
  border-radius: 4px;
  margin: 25px 0;
  /* Comment */
  /* Error */
  /* Keyword */
  /* Operator */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Error */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */ }
  /* line 54, scss/_pygments.scss */
  .highlight pre {
    margin: 15px 20px; }
  /* line 58, scss/_pygments.scss */
  .highlight li {
    margin-top: 0;
    border-left: 1px solid #EAEAEA;
    padding: 0 0 2px 15px; }
    /* line 63, scss/_pygments.scss */
    .highlight li:first-child {
      padding-top: 2px; }
  /* line 68, scss/_pygments.scss */
  .highlight .hll {
    background-color: #eeffcc; }
  /* line 72, scss/_pygments.scss */
  .highlight .c {
    color: #FF8040; }
  /* line 77, scss/_pygments.scss */
  .highlight .err {
    border: 1px solid #FF0000; }
  /* line 81, scss/_pygments.scss */
  .highlight .k {
    /* color: #008000; font-weight: bold */
    color: #000000;
    font-weight: bold; }
  /* line 86, scss/_pygments.scss */
  .highlight .o {
    color: #666666;
    font-weight: bold; }
  /* line 90, scss/_pygments.scss */
  .highlight .cm {
    color: #408080;
    font-style: italic; }
  /* line 94, scss/_pygments.scss */
  .highlight .cp {
    color: #BC7A00; }
  /* line 98, scss/_pygments.scss */
  .highlight .c1 {
    color: #FF8040; }
  /* line 103, scss/_pygments.scss */
  .highlight .cs {
    color: #408080;
    font-style: italic; }
  /* line 107, scss/_pygments.scss */
  .highlight .gd {
    color: #A00000; }
  /* line 111, scss/_pygments.scss */
  .highlight .ge {
    color: #800080; }
  /* line 115, scss/_pygments.scss */
  .highlight .gr {
    color: #FF0000; }
  /* line 119, scss/_pygments.scss */
  .highlight .gh {
    color: #000080;
    font-weight: bold; }
  /* line 123, scss/_pygments.scss */
  .highlight .gi {
    color: #FF0080; }
  /* line 127, scss/_pygments.scss */
  .highlight .go {
    color: #030303; }
  /* line 131, scss/_pygments.scss */
  .highlight .gp {
    color: #008000; }
  /* line 135, scss/_pygments.scss */
  .highlight .gs {
    color: #0000A0; }
  /* line 139, scss/_pygments.scss */
  .highlight .gu {
    color: #808000; }
  /* line 143, scss/_pygments.scss */
  .highlight .gt {
    color: #0040D0; }
  /* line 147, scss/_pygments.scss */
  .highlight .kc {
    color: #008000;
    font-weight: bold; }
  /* line 151, scss/_pygments.scss */
  .highlight .kd {
    color: #008000;
    font-weight: bold; }
  /* line 155, scss/_pygments.scss */
  .highlight .kn {
    color: #008000;
    font-weight: bold; }
  /* line 159, scss/_pygments.scss */
  .highlight .kp {
    color: #008000; }
  /* line 163, scss/_pygments.scss */
  .highlight .kr {
    color: #008000;
    font-weight: bold; }
  /* line 167, scss/_pygments.scss */
  .highlight .kt {
    color: #B00040; }
  /* line 171, scss/_pygments.scss */
  .highlight .m {
    color: #666666; }
  /* line 175, scss/_pygments.scss */
  .highlight .s {
    color: #BA2121; }
  /* line 179, scss/_pygments.scss */
  .highlight .na {
    color: #7D9029; }
  /* line 183, scss/_pygments.scss */
  .highlight .nb {
    color: #0080C0; }
  /* line 187, scss/_pygments.scss */
  .highlight .nc {
    color: #0000FF;
    font-weight: bold; }
  /* line 191, scss/_pygments.scss */
  .highlight .no {
    color: #880000; }
  /* line 195, scss/_pygments.scss */
  .highlight .nd {
    color: #555555; }
  /* line 200, scss/_pygments.scss */
  .highlight .ni {
    color: #999999;
    font-weight: bold; }
  /* line 204, scss/_pygments.scss */
  .highlight .ne {
    color: #D2413A;
    font-weight: bold; }
  /* line 208, scss/_pygments.scss */
  .highlight .nf {
    color: #0000FF; }
  /* line 212, scss/_pygments.scss */
  .highlight .nl {
    color: #A0A000; }
  /* line 216, scss/_pygments.scss */
  .highlight .nn {
    color: #0000FF;
    font-weight: bold; }
  /* line 220, scss/_pygments.scss */
  .highlight .nt {
    color: #008000;
    font-weight: bold; }
  /* line 224, scss/_pygments.scss */
  .highlight .nv {
    color: #19177C; }
  /* line 228, scss/_pygments.scss */
  .highlight .ow {
    color: #AA22FF;
    font-weight: bold; }
  /* line 232, scss/_pygments.scss */
  .highlight .w {
    color: #bbbbbb; }
  /* line 236, scss/_pygments.scss */
  .highlight .mf {
    color: #666666; }
  /* line 240, scss/_pygments.scss */
  .highlight .mh {
    color: #666666; }
  /* line 244, scss/_pygments.scss */
  .highlight .mi {
    color: #666666; }
  /* line 248, scss/_pygments.scss */
  .highlight .mo {
    color: #666666; }
  /* line 252, scss/_pygments.scss */
  .highlight .sb {
    color: #BA2121; }
  /* line 256, scss/_pygments.scss */
  .highlight .sc {
    color: #BA2121; }
  /* line 260, scss/_pygments.scss */
  .highlight .sd {
    color: #BA2121;
    font-style: italic; }
  /* line 264, scss/_pygments.scss */
  .highlight .s2 {
    color: #BA2121; }
  /* line 268, scss/_pygments.scss */
  .highlight .se {
    color: #BB6622;
    font-weight: bold; }
  /* line 272, scss/_pygments.scss */
  .highlight .sh {
    color: #BA2121; }
  /* line 276, scss/_pygments.scss */
  .highlight .si {
    color: #BB6688;
    font-weight: bold; }
  /* line 280, scss/_pygments.scss */
  .highlight .sx {
    color: #008000; }
  /* line 284, scss/_pygments.scss */
  .highlight .sr {
    color: #BB6688; }
  /* line 288, scss/_pygments.scss */
  .highlight .s1 {
    color: #BA2121; }
  /* line 292, scss/_pygments.scss */
  .highlight .ss {
    color: #19177C; }
  /* line 296, scss/_pygments.scss */
  .highlight .bp {
    color: #008000; }
  /* line 300, scss/_pygments.scss */
  .highlight .vc {
    color: #19177C; }
  /* line 304, scss/_pygments.scss */
  .highlight .vg {
    color: #19177C; }
  /* line 308, scss/_pygments.scss */
  .highlight .vi {
    color: #19177C; }
  /* line 312, scss/_pygments.scss */
  .highlight .il {
    color: #666666; }
  /* line 316, scss/_pygments.scss */
  .highlight .lineno {
    color: #000000;
    background-color: #dddddd; }

/* line 5, scss/_styleguide.scss */
.styleguide .example {
  padding: 0 20px 20px;
  border: 1px solid #CFE3DC;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 64px; }
  /* line 11, scss/_styleguide.scss */
  .styleguide .example:before {
    content: "Example";
    font-size: 16px;
    font-weight: 700;
    display: block;
    color: #CFE3DC;
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
    text-align: left;
    padding: 10px 0; }
  /* line 22, scss/_styleguide.scss */
  .styleguide .example [role="complementary"] {
    float: none;
    width: auto;
    padding: 0;
    margin: 0; }

/* line 30, scss/_styleguide.scss */
.styleguide .iframe {
  display: block;
  height: 400px;
  cursor: zoom-in;
  border: 1px solid #CFE3DC;
  overflow: hidden; }
  /* line 37, scss/_styleguide.scss */
  .styleguide .iframe iframe {
    pointer-events: none;
    position: relative;
    width: 200%;
    border: 0;
    height: 800px;
    -webkit-transform: scale(0.5) translate(-50%, -50%);
    transform: scale(0.5) translate(-50%, -50%);
    top: 0;
    left: 0;
    overflow: hidden; }

/* line 51, scss/_styleguide.scss */
.styleguide .swatches {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 30px 0; }
  /* line 107, scss/_utils.scss */
  .styleguide .swatches:before, .styleguide .swatches:after {
    content: "";
    display: table; }
  /* line 112, scss/_utils.scss */
  .styleguide .swatches:after {
    clear: both; }
  /* line 57, scss/_styleguide.scss */
  .styleguide .swatches li {
    width: 30%;
    height: 30px;
    margin-right: 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left; }
    /* line 68, scss/_styleguide.scss */
    .styleguide .swatches li.text {
      background: #0C3C26; }
    /* line 71, scss/_styleguide.scss */
    .styleguide .swatches li.blue-dark {
      background: #0C334B; }
    /* line 74, scss/_styleguide.scss */
    .styleguide .swatches li.blue {
      background: #2076AA; }
    /* line 77, scss/_styleguide.scss */
    .styleguide .swatches li.blue-light {
      background: #93B7D7; }
    /* line 80, scss/_styleguide.scss */
    .styleguide .swatches li.white {
      background: #F1FFF7;
      border: 1px solid #CFE3DC; }
    /* line 84, scss/_styleguide.scss */
    .styleguide .swatches li.red-dark {
      background: #6A0E0E; }
    /* line 89, scss/_styleguide.scss */
    .styleguide .swatches li.text-light {
      background: #798780; }
    /* line 93, scss/_styleguide.scss */
    .styleguide .swatches li.blue-medium-dark {
      background: #2B678C; }
    /* line 97, scss/_styleguide.scss */
    .styleguide .swatches li.blue-medium {
      background: #448BB7; }
    /* line 101, scss/_styleguide.scss */
    .styleguide .swatches li.blue-very-light {
      background: #C9DDF0; }
    /* line 105, scss/_styleguide.scss */
    .styleguide .swatches li.gray-line {
      background: #CFE3DC; }
    /* line 109, scss/_styleguide.scss */
    .styleguide .swatches li.red {
      background: #BA2121; }

/* line 116, scss/_styleguide.scss */
.styleguide #layout {
  overflow: hidden; }

/* line 120, scss/_styleguide.scss */
.styleguide #icons .icon {
  font-size: 32px;
  font-size: 3.2rem;
  color: #2076AA;
  padding: 0 .2em; }

@media print {
  /* line 4, scss/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  /* line 11, scss/_print.scss */
  a,
  a:visited {
    text-decoration: underline; }
  /*
    * Don't show links for images, or javascript/internal links
    */
  /* line 20, scss/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /* line 26, scss/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  /* line 30, scss/_print.scss */
  tr,
  img {
    page-break-inside: avoid; }
  /* line 35, scss/_print.scss */
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  /* line 43, scss/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  /* line 50, scss/_print.scss */
  h2,
  h3 {
    page-break-after: avoid; }
  /* line 57, scss/_print.scss */
  html {
    font-size: 40%; }
  /* line 61, scss/_print.scss */
  .menu-button,
  .news-search,
  .backtotop,
  .nav-pagination,
  [role="contentinfo"] > .container,
  [role="contentinfo"] .logo,
  .thanks,
  [role="complementary"],
  [role="navigation"],
  .form-input {
    display: none !important; }
  /* line 74, scss/_print.scss */
  .logo {
    text-indent: 0 !important; }
  /* line 78, scss/_print.scss */
  [role="contentinfo"],
  [role="contentinfo"] .copyright {
    margin: 0 !important;
    padding: 0 !important; }
  /* line 84, scss/_print.scss */
  .internal-container {
    float: none;
    width: auto; }
  /* line 89, scss/_print.scss */
  .list-news li {
    margin-top: 0; } }

/* line 1, scss/_dashboard.scss */
#dashboard {
  font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; }
  /* line 2, scss/_dashboard.scss */
  #dashboard .full-width [role="main"] {
    margin: 0 auto;
    text-align: center; }

/* line 9, scss/_dashboard.scss */
.metric {
  height: 10em;
  min-width: 240px;
  padding: 0 20px 10px 20px;
  margin: 10px 10px 20px 10px;
  border: 1px solid #CFE3DC;
  border-radius: 4px;
  display: inline-block;
  position: relative; }
  /* line 19, scss/_dashboard.scss */
  .metric h3 {
    padding: 10px 15px;
    margin: 0 -20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    display: block;
    text-align: left;
    color: #0C3C26; }
    /* line 27, scss/_dashboard.scss */
    .metric h3 a {
      color: #0C3C26; }
      /* line 30, scss/_dashboard.scss */
      .metric h3 a:visited {
        color: #156741; }
      /* line 34, scss/_dashboard.scss */
      .metric h3 a:active, .metric h3 a:focus, .metric h3 a:hover {
        color: #1d915c; }
  /* line 42, scss/_dashboard.scss */
  .metric .value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 5em;
    line-height: 1.4em;
    font-weight: 200;
    z-index: 10;
    pointer-events: none; }
    /* line 57, scss/_dashboard.scss */
    .metric .value a {
      color: #0C3C26;
      text-decoration: none;
      pointer-events: auto;
      z-index: 10; }
      /* line 63, scss/_dashboard.scss */
      .metric .value a:visited {
        color: #156741; }
      /* line 67, scss/_dashboard.scss */
      .metric .value a:active, .metric .value a:focus, .metric .value a:hover {
        color: #1d915c; }
    /* line 73, scss/_dashboard.scss */
    .metric .value .timestamp {
      font-size: 0.16em;
      font-weight: 400;
      line-height: 0.1em; }
  /* line 80, scss/_dashboard.scss */
  .metric .sparkline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    z-index: 1; }

/* line 90, scss/_dashboard.scss */
.graph-wrapper {
  border-radius: 4px;
  border: 1px solid #CFE3DC;
  padding: 20px;
  margin: 20px 0; }

/* line 97, scss/_dashboard.scss */
.graph {
  margin: 0 auto;
  width: 100%;
  height: 20em; }

/* line 1, scss/_console-tabs.scss */
.console-block {
  text-align: right; }
  /* line 4, scss/_console-tabs.scss */
  .console-block *:before,
  .console-block *:after {
    box-sizing: border-box; }
  /* line 10, scss/_console-tabs.scss */
  .console-block > input.c-tab-unix, .console-block > input.c-tab-win {
    display: none; }
  /* line 14, scss/_console-tabs.scss */
  .console-block > input:checked + label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid #ab5603;
    border-bottom: 1px solid #fff; }
  /* line 22, scss/_console-tabs.scss */
  .console-block > label {
    display: inline-block;
    padding: 4px 8px;
    font-weight: normal;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
    font-family: fontawesome; }
  /* line 32, scss/_console-tabs.scss */
  .console-block > section {
    display: none;
    text-align: left; }
    /* line 36, scss/_console-tabs.scss */
    .console-block > section .highlight {
      margin-top: 0px; }
  /* line 41, scss/_console-tabs.scss */
  .console-block > .c-tab-unix:checked ~ .c-content-unix,
  .console-block > .c-tab-win:checked ~ .c-content-win {
    display: block; }