/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
   display: block;
}
audio,
canvas,
video {
   display: inline-block;
}
audio:not([controls]) {
   display: none;
   height: 0;
}
[hidden] {
   display: none;
}
html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
body {
   margin: 0;
}
a:focus {
   outline: thin dotted;
}
a:active,
a:hover {
   outline: 0;
}
abbr[title] {
   border-bottom: 1px dotted;
}
b,
strong {
   font-weight: bold;
}
dfn {
   font-style: italic;
}
mark {
   background: #ff0;
   color: #000;
}
code,
kbd,
pre,
samp {
   font-family: monospace, serif;
   font-size: 1em;
}
pre {
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word;
}
small {
   font-size: 80%;
}
sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}
sup {
   top: -0.5em;
}
sub {
   bottom: -0.25em;
}
p {
   margin: 1em 0;
}
img {
   border: 0;
}
svg:not(:root) {
   overflow: hidden;
}
figure {
   margin: 0;
}
fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
}
legend {
   border: 0;
   padding: 0;
}
button,
input,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   margin: 0;
}
button,
input {
   line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
}
button[disabled],
input[disabled] {
   cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
   box-sizing: border-box;
   padding: 0;
}
input[type="search"] {
   -webkit-appearance: textfield;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0;
}
textarea {
   overflow: auto;
   vertical-align: top;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
@font-face {
   font-family: "Fira Mono";
   src: url("../fonts/fira-mono/FiraMono-Regular.98f97ed2dbf9.eot");
   src: url("../fonts/fira-mono/FiraMono-Regular.98f97ed2dbf9.eot")
         format("embedded-opentype"),
      url("../fonts/fira-mono/FiraMono-Regular.690950e8d89c.woff")
         format("woff"),
      url("../fonts/fira-mono/FiraMono-Regular.0b6138c5b386.ttf")
         format("truetype");
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: "Fira Mono";
   src: url("../fonts/fira-mono/FiraMono-Bold.b4d0ec951f77.eot");
   src: url("../fonts/fira-mono/FiraMono-Bold.b4d0ec951f77.eot")
         format("embedded-opentype"),
      url("../fonts/fira-mono/FiraMono-Bold.b6ef510e2306.woff") format("woff"),
      url("../fonts/fira-mono/FiraMono-Bold.e0fd770c1bdd.ttf")
         format("truetype");
   font-weight: 700;
   font-style: normal;
}
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-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;
}
.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;
}
.icon-lg {
   font-size: 1.33333em;
   line-height: 0.75em;
   vertical-align: -15%;
}
.icon-2x {
   font-size: 2em;
}
.icon-3x {
   font-size: 3em;
}
.icon-4x {
   font-size: 4em;
}
.icon-5x {
   font-size: 5em;
}
.icon-fw {
   width: 1.28571em;
   text-align: center;
}
.icon-ul {
   padding-left: 0;
   margin-left: 2.14286em;
   list-style-type: none;
}
.icon-ul > li {
   position: relative;
}
.icon-li {
   position: absolute;
   left: -2.14286em;
   width: 2.14286em;
   top: 0.14286em;
   text-align: center;
}
.icon-li.icon-lg {
   left: -1.85714em;
}
.icon-border {
   padding: 0.2em 0.25em 0.15em;
   border: solid 0.08em #eee;
   border-radius: 0.1em;
}
.pull-right {
   float: right;
}
.pull-left {
   float: left;
}
.icon.pull-left {
   margin-right: 0.3em;
}
.icon.pull-right {
   margin-left: 0.3em;
}
.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);
   }
}
.icon-rotate-90 {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
.icon-rotate-180 {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.icon-rotate-270 {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg);
}
.icon-flip-horizontal {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
   -webkit-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
   transform: scale(-1, 1);
}
.icon-flip-vertical {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   -webkit-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
   transform: scale(1, -1);
}
:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
   filter: none;
}
.icon-stack {
   position: relative;
   display: inline-block;
   width: 2em;
   height: 2em;
   line-height: 2em;
   vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
}
.icon-stack-1x {
   line-height: inherit;
}
.icon-stack-2x {
   font-size: 2em;
}
.icon-inverse {
   color: #fff;
}
.icon-glass:before {
   content: "";
}
.icon-music:before {
   content: "";
}
.icon-search:before {
   content: "";
}
.icon-envelope-o:before {
   content: "";
}
.icon-heart:before {
   content: "";
}
.icon-star:before {
   content: "";
}
.icon-star-o:before {
   content: "";
}
.icon-user:before {
   content: "";
}
.icon-film:before {
   content: "";
}
.icon-th-large:before {
   content: "";
}
.icon-th:before {
   content: "";
}
.icon-th-list:before {
   content: "";
}
.icon-check:before {
   content: "";
}
.icon-remove:before,
.icon-close:before,
.icon-times:before {
   content: "";
}
.icon-search-plus:before {
   content: "";
}
.icon-search-minus:before {
   content: "";
}
.icon-power-off:before {
   content: "";
}
.icon-signal:before {
   content: "";
}
.icon-gear:before,
.icon-cog:before {
   content: "";
}
.icon-trash-o:before {
   content: "";
}
.icon-home:before {
   content: "";
}
.icon-file-o:before {
   content: "";
}
.icon-clock-o:before {
   content: "";
}
.icon-road:before {
   content: "";
}
.icon-download:before {
   content: "";
}
.icon-arrow-circle-o-down:before {
   content: "";
}
.icon-arrow-circle-o-up:before {
   content: "";
}
.icon-inbox:before {
   content: "";
}
.icon-play-circle-o:before {
   content: "";
}
.icon-rotate-right:before,
.icon-repeat:before {
   content: "";
}
.icon-refresh:before {
   content: "";
}
.icon-list-alt:before {
   content: "";
}
.icon-lock:before {
   content: "";
}
.icon-flag:before {
   content: "";
}
.icon-headphones:before {
   content: "";
}
.icon-volume-off:before {
   content: "";
}
.icon-volume-down:before {
   content: "";
}
.icon-volume-up:before {
   content: "";
}
.icon-qrcode:before {
   content: "";
}
.icon-barcode:before {
   content: "";
}
.icon-tag:before {
   content: "";
}
.icon-tags:before {
   content: "";
}
.icon-book:before {
   content: "";
}
.icon-bookmark:before {
   content: "";
}
.icon-print:before {
   content: "";
}
.icon-camera:before {
   content: "";
}
.icon-font:before {
   content: "";
}
.icon-bold:before {
   content: "";
}
.icon-italic:before {
   content: "";
}
.icon-text-height:before {
   content: "";
}
.icon-text-width:before {
   content: "";
}
.icon-align-left:before {
   content: "";
}
.icon-align-center:before {
   content: "";
}
.icon-align-right:before {
   content: "";
}
.icon-align-justify:before {
   content: "";
}
.icon-list:before {
   content: "";
}
.icon-dedent:before,
.icon-outdent:before {
   content: "";
}
.icon-indent:before {
   content: "";
}
.icon-video-camera:before {
   content: "";
}
.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
   content: "";
}
.icon-pencil:before {
   content: "";
}
.icon-map-marker:before {
   content: "";
}
.icon-adjust:before {
   content: "";
}
.icon-tint:before {
   content: "";
}
.icon-edit:before,
.icon-pencil-square-o:before {
   content: "";
}
.icon-share-square-o:before {
   content: "";
}
.icon-check-square-o:before {
   content: "";
}
.icon-arrows:before {
   content: "";
}
.icon-step-backward:before {
   content: "";
}
.icon-fast-backward:before {
   content: "";
}
.icon-backward:before {
   content: "";
}
.icon-play:before {
   content: "";
}
.icon-pause:before {
   content: "";
}
.icon-stop:before {
   content: "";
}
.icon-forward:before {
   content: "";
}
.icon-fast-forward:before {
   content: "";
}
.icon-step-forward:before {
   content: "";
}
.icon-eject:before {
   content: "";
}
.icon-chevron-left:before {
   content: "";
}
.icon-chevron-right:before {
   content: "";
}
.icon-plus-circle:before {
   content: "";
}
.icon-minus-circle:before {
   content: "";
}
.icon-times-circle:before {
   content: "";
}
.icon-check-circle:before {
   content: "";
}
.icon-question-circle:before {
   content: "";
}
.icon-info-circle:before {
   content: "";
}
.icon-crosshairs:before {
   content: "";
}
.icon-times-circle-o:before {
   content: "";
}
.icon-check-circle-o:before {
   content: "";
}
.icon-ban:before {
   content: "";
}
.icon-arrow-left:before {
   content: "";
}
.icon-arrow-right:before {
   content: "";
}
.icon-arrow-up:before {
   content: "";
}
.icon-arrow-down:before {
   content: "";
}
.icon-mail-forward:before,
.icon-share:before {
   content: "";
}
.icon-expand:before {
   content: "";
}
.icon-compress:before {
   content: "";
}
.icon-plus:before {
   content: "";
}
.icon-minus:before {
   content: "";
}
.icon-asterisk:before {
   content: "";
}
.icon-exclamation-circle:before {
   content: "";
}
.icon-gift:before {
   content: "";
}
.icon-leaf:before {
   content: "";
}
.icon-fire:before {
   content: "";
}
.icon-eye:before {
   content: "";
}
.icon-eye-slash:before {
   content: "";
}
.icon-warning:before,
.icon-exclamation-triangle:before {
   content: "";
}
.icon-plane:before {
   content: "";
}
.icon-calendar:before {
   content: "";
}
.icon-random:before {
   content: "";
}
.icon-comment:before {
   content: "";
}
.icon-magnet:before {
   content: "";
}
.icon-chevron-up:before {
   content: "";
}
.icon-chevron-down:before {
   content: "";
}
.icon-retweet:before {
   content: "";
}
.icon-shopping-cart:before {
   content: "";
}
.icon-folder:before {
   content: "";
}
.icon-folder-open:before {
   content: "";
}
.icon-arrows-v:before {
   content: "";
}
.icon-arrows-h:before {
   content: "";
}
.icon-bar-chart-o:before,
.icon-bar-chart:before {
   content: "";
}
.icon-twitter-square:before {
   content: "";
}
.icon-facebook-square:before {
   content: "";
}
.icon-camera-retro:before {
   content: "";
}
.icon-key:before {
   content: "";
}
.icon-gears:before,
.icon-cogs:before {
   content: "";
}
.icon-comments:before {
   content: "";
}
.icon-thumbs-o-up:before {
   content: "";
}
.icon-thumbs-o-down:before {
   content: "";
}
.icon-star-half:before {
   content: "";
}
.icon-heart-o:before {
   content: "";
}
.icon-sign-out:before {
   content: "";
}
.icon-linkedin-square:before {
   content: "";
}
.icon-thumb-tack:before {
   content: "";
}
.icon-external-link:before {
   content: "";
}
.icon-sign-in:before {
   content: "";
}
.icon-trophy:before {
   content: "";
}
.icon-github-square:before {
   content: "";
}
.icon-upload:before {
   content: "";
}
.icon-lemon-o:before {
   content: "";
}
.icon-phone:before {
   content: "";
}
.icon-square-o:before {
   content: "";
}
.icon-bookmark-o:before {
   content: "";
}
.icon-phone-square:before {
   content: "";
}
.icon-twitter:before {
   content: "";
}
.icon-facebook:before {
   content: "";
}
.icon-github:before {
   content: "";
}
.icon-unlock:before {
   content: "";
}
.icon-credit-card:before {
   content: "";
}
.icon-rss:before {
   content: "";
}
.icon-hdd-o:before {
   content: "";
}
.icon-bullhorn:before {
   content: "";
}
.icon-bell:before {
   content: "";
}
.icon-certificate:before {
   content: "";
}
.icon-hand-o-right:before {
   content: "";
}
.icon-hand-o-left:before {
   content: "";
}
.icon-hand-o-up:before {
   content: "";
}
.icon-hand-o-down:before {
   content: "";
}
.icon-arrow-circle-left:before {
   content: "";
}
.icon-arrow-circle-right:before {
   content: "";
}
.icon-arrow-circle-up:before {
   content: "";
}
.icon-arrow-circle-down:before {
   content: "";
}
.icon-globe:before {
   content: "";
}
.icon-wrench:before {
   content: "";
}
.icon-tasks:before {
   content: "";
}
.icon-filter:before {
   content: "";
}
.icon-briefcase:before {
   content: "";
}
.icon-arrows-alt:before {
   content: "";
}
.icon-group:before,
.icon-users:before {
   content: "";
}
.icon-chain:before,
.icon-link:before {
   content: "";
}
.icon-cloud:before {
   content: "";
}
.icon-flask:before {
   content: "";
}
.icon-cut:before,
.icon-scissors:before {
   content: "";
}
.icon-copy:before,
.icon-files-o:before {
   content: "";
}
.icon-paperclip:before {
   content: "";
}
.icon-save:before,
.icon-floppy-o:before {
   content: "";
}
.icon-square:before {
   content: "";
}
.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
   content: "";
}
.icon-list-ul:before {
   content: "";
}
.icon-list-ol:before {
   content: "";
}
.icon-strikethrough:before {
   content: "";
}
.icon-underline:before {
   content: "";
}
.icon-table:before {
   content: "";
}
.icon-magic:before {
   content: "";
}
.icon-truck:before {
   content: "";
}
.icon-pinterest:before {
   content: "";
}
.icon-pinterest-square:before {
   content: "";
}
.icon-google-plus-square:before {
   content: "";
}
.icon-google-plus:before {
   content: "";
}
.icon-money:before {
   content: "";
}
.icon-caret-down:before {
   content: "";
}
.icon-caret-up:before {
   content: "";
}
.icon-caret-left:before {
   content: "";
}
.icon-caret-right:before {
   content: "";
}
.icon-columns:before {
   content: "";
}
.icon-unsorted:before,
.icon-sort:before {
   content: "";
}
.icon-sort-down:before,
.icon-sort-desc:before {
   content: "";
}
.icon-sort-up:before,
.icon-sort-asc:before {
   content: "";
}
.icon-envelope:before {
   content: "";
}
.icon-linkedin:before {
   content: "";
}
.icon-rotate-left:before,
.icon-undo:before {
   content: "";
}
.icon-legal:before,
.icon-gavel:before {
   content: "";
}
.icon-dashboard:before,
.icon-tachometer:before {
   content: "";
}
.icon-comment-o:before {
   content: "";
}
.icon-comments-o:before {
   content: "";
}
.icon-flash:before,
.icon-bolt:before {
   content: "";
}
.icon-sitemap:before {
   content: "";
}
.icon-umbrella:before {
   content: "";
}
.icon-paste:before,
.icon-clipboard:before {
   content: "";
}
.icon-lightbulb-o:before {
   content: "";
}
.icon-exchange:before {
   content: "";
}
.icon-cloud-download:before {
   content: "";
}
.icon-cloud-upload:before {
   content: "";
}
.icon-user-md:before {
   content: "";
}
.icon-stethoscope:before {
   content: "";
}
.icon-suitcase:before {
   content: "";
}
.icon-bell-o:before {
   content: "";
}
.icon-coffee:before {
   content: "";
}
.icon-cutlery:before {
   content: "";
}
.icon-file-text-o:before {
   content: "";
}
.icon-building-o:before {
   content: "";
}
.icon-hospital-o:before {
   content: "";
}
.icon-ambulance:before {
   content: "";
}
.icon-medkit:before {
   content: "";
}
.icon-fighter-jet:before {
   content: "";
}
.icon-beer:before {
   content: "";
}
.icon-h-square:before {
   content: "";
}
.icon-plus-square:before {
   content: "";
}
.icon-angle-double-left:before {
   content: "";
}
.icon-angle-double-right:before {
   content: "";
}
.icon-angle-double-up:before {
   content: "";
}
.icon-angle-double-down:before {
   content: "";
}
.icon-angle-left:before {
   content: "";
}
.icon-angle-right:before {
   content: "";
}
.icon-angle-up:before {
   content: "";
}
.icon-angle-down:before {
   content: "";
}
.icon-desktop:before {
   content: "";
}
.icon-laptop:before {
   content: "";
}
.icon-tablet:before {
   content: "";
}
.icon-mobile-phone:before,
.icon-mobile:before {
   content: "";
}
.icon-circle-o:before {
   content: "";
}
.icon-quote-left:before {
   content: "";
}
.icon-quote-right:before {
   content: "";
}
.icon-spinner:before {
   content: "";
}
.icon-circle:before {
   content: "";
}
.icon-mail-reply:before,
.icon-reply:before {
   content: "";
}
.icon-github-alt:before {
   content: "";
}
.icon-folder-o:before {
   content: "";
}
.icon-folder-open-o:before {
   content: "";
}
.icon-smile-o:before {
   content: "";
}
.icon-frown-o:before {
   content: "";
}
.icon-meh-o:before {
   content: "";
}
.icon-gamepad:before {
   content: "";
}
.icon-keyboard-o:before {
   content: "";
}
.icon-flag-o:before {
   content: "";
}
.icon-flag-checkered:before {
   content: "";
}
.icon-terminal:before {
   content: "";
}
.icon-code:before {
   content: "";
}
.icon-mail-reply-all:before,
.icon-reply-all:before {
   content: "";
}
.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
   content: "";
}
.icon-location-arrow:before {
   content: "";
}
.icon-crop:before {
   content: "";
}
.icon-code-fork:before {
   content: "";
}
.icon-unlink:before,
.icon-chain-broken:before {
   content: "";
}
.icon-question:before {
   content: "";
}
.icon-info:before {
   content: "";
}
.icon-exclamation:before {
   content: "";
}
.icon-superscript:before {
   content: "";
}
.icon-subscript:before {
   content: "";
}
.icon-eraser:before {
   content: "";
}
.icon-puzzle-piece:before {
   content: "";
}
.icon-microphone:before {
   content: "";
}
.icon-microphone-slash:before {
   content: "";
}
.icon-shield:before {
   content: "";
}
.icon-calendar-o:before {
   content: "";
}
.icon-fire-extinguisher:before {
   content: "";
}
.icon-rocket:before {
   content: "";
}
.icon-maxcdn:before {
   content: "";
}
.icon-chevron-circle-left:before {
   content: "";
}
.icon-chevron-circle-right:before {
   content: "";
}
.icon-chevron-circle-up:before {
   content: "";
}
.icon-chevron-circle-down:before {
   content: "";
}
.icon-html5:before {
   content: "";
}
.icon-css3:before {
   content: "";
}
.icon-anchor:before {
   content: "";
}
.icon-unlock-alt:before {
   content: "";
}
.icon-bullseye:before {
   content: "";
}
.icon-ellipsis-h:before {
   content: "";
}
.icon-ellipsis-v:before {
   content: "";
}
.icon-rss-square:before {
   content: "";
}
.icon-play-circle:before {
   content: "";
}
.icon-ticket:before {
   content: "";
}
.icon-minus-square:before {
   content: "";
}
.icon-minus-square-o:before {
   content: "";
}
.icon-level-up:before {
   content: "";
}
.icon-level-down:before {
   content: "";
}
.icon-check-square:before {
   content: "";
}
.icon-pencil-square:before {
   content: "";
}
.icon-external-link-square:before {
   content: "";
}
.icon-share-square:before {
   content: "";
}
.icon-compass:before {
   content: "";
}
.icon-toggle-down:before,
.icon-caret-square-o-down:before {
   content: "";
}
.icon-toggle-up:before,
.icon-caret-square-o-up:before {
   content: "";
}
.icon-toggle-right:before,
.icon-caret-square-o-right:before {
   content: "";
}
.icon-euro:before,
.icon-eur:before {
   content: "";
}
.icon-gbp:before {
   content: "";
}
.icon-dollar:before,
.icon-usd:before {
   content: "";
}
.icon-rupee:before,
.icon-inr:before {
   content: "";
}
.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
   content: "";
}
.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
   content: "";
}
.icon-won:before,
.icon-krw:before {
   content: "";
}
.icon-bitcoin:before,
.icon-btc:before {
   content: "";
}
.icon-file:before {
   content: "";
}
.icon-file-text:before {
   content: "";
}
.icon-sort-alpha-asc:before {
   content: "";
}
.icon-sort-alpha-desc:before {
   content: "";
}
.icon-sort-amount-asc:before {
   content: "";
}
.icon-sort-amount-desc:before {
   content: "";
}
.icon-sort-numeric-asc:before {
   content: "";
}
.icon-sort-numeric-desc:before {
   content: "";
}
.icon-thumbs-up:before {
   content: "";
}
.icon-thumbs-down:before {
   content: "";
}
.icon-youtube-square:before {
   content: "";
}
.icon-youtube:before {
   content: "";
}
.icon-xing:before {
   content: "";
}
.icon-xing-square:before {
   content: "";
}
.icon-youtube-play:before {
   content: "";
}
.icon-dropbox:before {
   content: "";
}
.icon-stack-overflow:before {
   content: "";
}
.icon-instagram:before {
   content: "";
}
.icon-flickr:before {
   content: "";
}
.icon-adn:before {
   content: "";
}
.icon-bitbucket:before {
   content: "";
}
.icon-bitbucket-square:before {
   content: "";
}
.icon-tumblr:before {
   content: "";
}
.icon-tumblr-square:before {
   content: "";
}
.icon-long-arrow-down:before {
   content: "";
}
.icon-long-arrow-up:before {
   content: "";
}
.icon-long-arrow-left:before {
   content: "";
}
.icon-long-arrow-right:before {
   content: "";
}
.icon-apple:before {
   content: "";
}
.icon-windows:before {
   content: "";
}
.icon-android:before {
   content: "";
}
.icon-linux:before {
   content: "";
}
.icon-dribbble:before {
   content: "";
}
.icon-skype:before {
   content: "";
}
.icon-foursquare:before {
   content: "";
}
.icon-trello:before {
   content: "";
}
.icon-female:before {
   content: "";
}
.icon-male:before {
   content: "";
}
.icon-gittip:before {
   content: "";
}
.icon-sun-o:before {
   content: "";
}
.icon-moon-o:before {
   content: "";
}
.icon-archive:before {
   content: "";
}
.icon-bug:before {
   content: "";
}
.icon-vk:before {
   content: "";
}
.icon-weibo:before {
   content: "";
}
.icon-renren:before {
   content: "";
}
.icon-pagelines:before {
   content: "";
}
.icon-stack-exchange:before {
   content: "";
}
.icon-arrow-circle-o-right:before {
   content: "";
}
.icon-arrow-circle-o-left:before {
   content: "";
}
.icon-toggle-left:before,
.icon-caret-square-o-left:before {
   content: "";
}
.icon-dot-circle-o:before {
   content: "";
}
.icon-wheelchair:before {
   content: "";
}
.icon-vimeo-square:before {
   content: "";
}
.icon-turkish-lira:before,
.icon-try:before {
   content: "";
}
.icon-plus-square-o:before {
   content: "";
}
.icon-space-shuttle:before {
   content: "";
}
.icon-slack:before {
   content: "";
}
.icon-envelope-square:before {
   content: "";
}
.icon-wordpress:before {
   content: "";
}
.icon-openid:before {
   content: "";
}
.icon-institution:before,
.icon-bank:before,
.icon-university:before {
   content: "";
}
.icon-mortar-board:before,
.icon-graduation-cap:before {
   content: "";
}
.icon-yahoo:before {
   content: "";
}
.icon-google:before {
   content: "";
}
.icon-reddit:before {
   content: "";
}
.icon-reddit-square:before {
   content: "";
}
.icon-stumbleupon-circle:before {
   content: "";
}
.icon-stumbleupon:before {
   content: "";
}
.icon-delicious:before {
   content: "";
}
.icon-digg:before {
   content: "";
}
.icon-pied-piper:before {
   content: "";
}
.icon-pied-piper-alt:before {
   content: "";
}
.icon-drupal:before {
   content: "";
}
.icon-joomla:before {
   content: "";
}
.icon-language:before {
   content: "";
}
.icon-fax:before {
   content: "";
}
.icon-building:before {
   content: "";
}
.icon-child:before {
   content: "";
}
.icon-paw:before {
   content: "";
}
.icon-spoon:before {
   content: "";
}
.icon-cube:before {
   content: "";
}
.icon-cubes:before {
   content: "";
}
.icon-behance:before {
   content: "";
}
.icon-behance-square:before {
   content: "";
}
.icon-steam:before {
   content: "";
}
.icon-steam-square:before {
   content: "";
}
.icon-recycle:before {
   content: "";
}
.icon-automobile:before,
.icon-car:before {
   content: "";
}
.icon-cab:before,
.icon-taxi:before {
   content: "";
}
.icon-tree:before {
   content: "";
}
.icon-spotify:before {
   content: "";
}
.icon-deviantart:before {
   content: "";
}
.icon-soundcloud:before {
   content: "";
}
.icon-database:before {
   content: "";
}
.icon-file-pdf-o:before {
   content: "";
}
.icon-file-word-o:before {
   content: "";
}
.icon-file-excel-o:before {
   content: "";
}
.icon-file-powerpoint-o:before {
   content: "";
}
.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
   content: "";
}
.icon-file-zip-o:before,
.icon-file-archive-o:before {
   content: "";
}
.icon-file-sound-o:before,
.icon-file-audio-o:before {
   content: "";
}
.icon-file-movie-o:before,
.icon-file-video-o:before {
   content: "";
}
.icon-file-code-o:before {
   content: "";
}
.icon-vine:before {
   content: "";
}
.icon-codepen:before {
   content: "";
}
.icon-jsfiddle:before {
   content: "";
}
.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
   content: "";
}
.icon-circle-o-notch:before {
   content: "";
}
.icon-ra:before,
.icon-rebel:before {
   content: "";
}
.icon-ge:before,
.icon-empire:before {
   content: "";
}
.icon-git-square:before {
   content: "";
}
.icon-git:before {
   content: "";
}
.icon-hacker-news:before {
   content: "";
}
.icon-tencent-weibo:before {
   content: "";
}
.icon-qq:before {
   content: "";
}
.icon-wechat:before,
.icon-weixin:before {
   content: "";
}
.icon-send:before,
.icon-paper-plane:before {
   content: "";
}
.icon-send-o:before,
.icon-paper-plane-o:before {
   content: "";
}
.icon-history:before {
   content: "";
}
.icon-circle-thin:before {
   content: "";
}
.icon-header:before {
   content: "";
}
.icon-paragraph:before {
   content: "";
}
.icon-sliders:before {
   content: "";
}
.icon-share-alt:before {
   content: "";
}
.icon-share-alt-square:before {
   content: "";
}
.icon-bomb:before {
   content: "";
}
.icon-soccer-ball-o:before,
.icon-futbol-o:before {
   content: "";
}
.icon-tty:before {
   content: "";
}
.icon-binoculars:before {
   content: "";
}
.icon-plug:before {
   content: "";
}
.icon-slideshare:before {
   content: "";
}
.icon-twitch:before {
   content: "";
}
.icon-yelp:before {
   content: "";
}
.icon-newspaper-o:before {
   content: "";
}
.icon-wifi:before {
   content: "";
}
.icon-calculator:before {
   content: "";
}
.icon-paypal:before {
   content: "";
}
.icon-google-wallet:before {
   content: "";
}
.icon-cc-visa:before {
   content: "";
}
.icon-cc-mastercard:before {
   content: "";
}
.icon-cc-discover:before {
   content: "";
}
.icon-cc-amex:before {
   content: "";
}
.icon-cc-paypal:before {
   content: "";
}
.icon-cc-stripe:before {
   content: "";
}
.icon-bell-slash:before {
   content: "";
}
.icon-bell-slash-o:before {
   content: "";
}
.icon-trash:before {
   content: "";
}
.icon-copyright:before {
   content: "";
}
.icon-at:before {
   content: "";
}
.icon-eyedropper:before {
   content: "";
}
.icon-paint-brush:before {
   content: "";
}
.icon-birthday-cake:before {
   content: "";
}
.icon-area-chart:before {
   content: "";
}
.icon-pie-chart:before {
   content: "";
}
.icon-line-chart:before {
   content: "";
}
.icon-lastfm:before {
   content: "";
}
.icon-lastfm-square:before {
   content: "";
}
.icon-toggle-off:before {
   content: "";
}
.icon-toggle-on:before {
   content: "";
}
.icon-bicycle:before {
   content: "";
}
.icon-bus:before {
   content: "";
}
.icon-ioxhost:before {
   content: "";
}
.icon-angellist:before {
   content: "";
}
.icon-cc:before {
   content: "";
}
.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
   content: "";
}
.icon-meanpath:before {
   content: "";
}
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;
}
body .layout-secondary,
body [role="complementary"] {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
}
@media screen and (min-width: 768px) {
   body {
      min-width: 768px;
   }
}
a {
   color: #0c3c26;
   text-decoration: underline;
   -webkit-tap-highlight-color: transparent;
}
a:visited {
   color: #156741;
}
a:active,
a:focus,
a:hover {
   color: #1d915c;
}
::selection {
   background: #c9f0dd;
}
::-moz-selection {
   background: #c9f0dd;
}
ol li,
ul li {
   margin-top: 10px;
}
dl {
   margin: 20px 0 10px;
}
dl dt {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   font-weight: 400;
}
dl dd {
   margin: 0.2em 0 1.2em;
   padding: 0;
}
dl dd:last-of-type {
   margin-bottom: 0;
}
dl.glossary dt {
   font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   font-weight: 400;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
   text-decoration: none;
   color: #20aa76;
   text-decoration: none;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
   color: #20aa76;
}
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: #25c488;
   text-decoration: none;
}
h1 {
   font-size: 28px;
   font-size: 2.8rem;
   color: #fff;
   letter-spacing: -1px;
   line-height: 1.1;
}
@media screen and (min-width: 768px) {
   h1 {
      font-size: 32px;
      font-size: 3.2rem;
   }
}
.layout-secondary h1 {
   color: #0c3c26;
}
[role="main"] h1 {
   font-size: 32px;
   font-size: 3.2rem;
   margin: 40px 0px 30px;
   color: #0c3c26;
}
[role="complementary"] h1 {
   font-size: 28px;
   font-size: 2.8rem;
}
h2 {
   font-size: 24px;
   font-size: 2.4rem;
}
[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;
}
[role="complementary"] h2:first-of-type,
.layout-secondary h2:first-of-type {
   margin-top: inherit;
}
@media screen and (min-width: 768px) {
   [role="complementary"] h2:first-child,
   .layout-secondary h2:first-child {
      margin-top: 20px;
   }
}
.full-width [role="complementary"] h2,
.full-width .layout-secondary h2 {
   font-size: 24px;
   font-size: 2.4rem;
}
[role="main"] h2 {
   margin-top: 40px;
   margin-bottom: 15px;
}
h3 {
   font-size: 20px;
   font-size: 2rem;
   font-weight: 700;
   color: #0c3c26;
   line-height: 1.2;
   margin: 35px 0 20px;
}
[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) {
   [role="complementary"] h3:first-child,
   .layout-secondary h3:first-child {
      margin-top: 12px;
   }
}
[role="complementary"] h3 {
   font-size: 18px;
   font-size: 1.8rem;
   border-bottom: 1px solid #cfe3dc;
}
h4 {
   font-size: 16px;
   font-size: 1.6rem;
   color: #0c3c26;
   line-height: 1.2;
   margin: 35px 0 20px;
   font-weight: 700;
}
h5 {
   font-size: 14px;
   font-size: 1.4rem;
   color: #0c3c26;
   line-height: 1.2;
   margin: 35px 0 20px;
   font-weight: 700;
}
tt,
code,
kbd,
pre,
samp {
   font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier,
      monospace;
   font-variant-ligatures: no-common-ligatures;
   text-rendering: optimizeSpeed;
   color: #0c4b33;
   font-size: 1em;
}
tt {
   font-weight: 700;
}
span.pre {
   font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier,
      monospace;
   font-variant-ligatures: no-common-ligatures;
   text-rendering: optimizeSpeed;
}
a:hover tt,
a:active tt,
a:focus tt {
   color: #1d915c;
}
[role="main"] > p:first-child {
   margin-top: 30px;
}
ul {
   padding-left: 20px;
}
blockquote {
   background: #f1fff7;
   padding: 15px 20px 15px 70px;
   border: 1px solid #c9f0dd;
   border-radius: 4px;
   margin: 25px 0;
   position: relative;
}
blockquote p:first-child {
   margin-top: 0;
}
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;
}
[role="main"] {
   background: #fff;
   padding: 1px 10px 40px;
}
@media screen and (min-width: 768px) {
   [role="main"] {
      min-height: 800px;
      border: 1px solid #ddd;
      float: right;
      margin: 0;
      padding-bottom: 80px;
      padding-left: 3%;
      padding-right: 3%;
      width: 60%;
   }
   .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%;
   }
   .sidebar-right [role="main"] {
      float: left;
   }
   .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%;
   }
}
.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) {
   .full-width [role="main"] {
      max-width: 740px;
      padding: 20px 0 40px;
      width: 91.66667%;
   }
}
[role="main"] .section {
   padding-bottom: 40px;
   border-bottom: 1px solid #cfe3dc;
}
[role="main"] .section:last-of-type {
   padding-bottom: 0;
   border-bottom: 0;
}
[role="main"] .section dd.last-child {
   padding-bottom: 0;
}
.full-width.container {
   width: 100%;
   padding: 0;
   max-width: none;
   border-bottom: 1px solid #ddd;
   background: #fff;
}
.full-width:before,
.full-width:after {
   content: "";
   display: table;
}
.full-width:after {
   clear: both;
}
.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);
}
[role="complementary"] {
   padding: 0 10px 20px;
   font-size: 14px;
   font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
   [role="complementary"] {
      float: right;
      margin: 20px 0;
      margin-right: 3%;
      padding: 0 0 40px 0;
      width: 30%;
   }
   .sidebar-right [role="complementary"] {
      margin-left: 3%;
      margin-right: 0;
   }
}
[role="complementary"] span.form-controls {
   display: none;
}
[role="complementary"] .list-collapsing {
   margin-top: 0;
   border-bottom: 0;
}
[role="complementary"] .list-collapsing.active li {
   border-top: 0;
}
[role="complementary"] .list-collapsing.active h2 {
   padding: 10px 40px 10px 0;
   font-size: 18px;
   border-bottom: 0;
   color: #44b78b;
}
[role="complementary"] .list-collapsing.active h2 .collapsing-icon {
   font-size: 10px;
}
[role="secondary"] {
   margin: 0 10px;
   padding: 40px 0 60px;
}
@media screen and (min-width: 768px) {
   .full-width [role="secondary"] {
      max-width: 700px;
      margin: 0 auto;
   }
}
.layout-secondary {
   padding: 20px 10px 50px;
}
.layout-tertiary {
   background: #fff;
   border-top: 1px solid #ddd;
   padding: 20px 10px 50px;
}
.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);
}
@media screen and (min-width: 768px) {
   .container {
      margin: 0 auto;
      max-width: 1400px;
      padding: 0 4.16667%;
   }
}
.mdzr-boxshadow .container.sidebar-right {
   box-shadow: -1200px 0 0 0px #fff;
}
.container--flex {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.container--flex--wrap--mobile {
   flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
   .container--flex--wrap--mobile {
      flex-wrap: no-wrap;
   }
}
[role="banner"] {
   background: #0c4b33;
   overflow: hidden;
   margin: 0;
   padding: 10px 0 6px;
   position: relative;
   z-index: 0;
}
[role="banner"]:before,
[role="banner"]:after {
   content: "";
   display: table;
}
[role="banner"]:after {
   clear: both;
}
@media screen and (min-width: 768px) {
   [role="banner"] .container {
      position: relative;
   }
}
[role="banner"] .meta,
[role="banner"] .list-links dd,
[role="banner"] .search-links dd,
.list-links [role="banner"] dd,
.search-links [role="banner"] dd {
   font-size: 13px;
   font-size: 1.3rem;
   color: #44b78b;
   font-weight: 700;
   width: auto;
   float: left;
   margin: 8px 0 0 10px;
   display: none;
}
@media screen and (min-width: 1150px) {
   [role="banner"] .meta,
   [role="banner"] .list-links dd,
   [role="banner"] .search-links dd,
   .list-links [role="banner"] dd,
   .search-links [role="banner"] dd {
      float: left;
      width: 200px;
      display: block;
   }
}
[role="banner"] .logo {
   font-size: 40px;
   font-size: 4rem;
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   background: url("../img/logo-django.90b49074bac7.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: 104px;
   height: 36px;
}
.mdzr-svg [role="banner"] .logo {
   background: url("../img/logo-django.42234b631760.svg") center center
      no-repeat;
}
@media screen and (min-width: 768px) {
   [role="banner"] .logo {
      margin-left: 0;
   }
}
[role="banner"] .menu-button {
   font-size: 20px;
   font-size: 2rem;
   background: #0c4b33;
   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) {
   [role="banner"] .menu-button {
      display: none;
   }
}
[role="banner"] .menu-button:active {
   color: #44b78b;
}
[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;
}
[role="banner"] .menu-button.active {
   opacity: 0.5;
}
[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) {
   [role="banner"] .nav-menu-on {
      max-height: none;
      -webkit-transition: none;
      transition: none;
   }
}
[role="banner"] .nav-menu-on.active {
   max-height: 500px;
}
[role="banner"] [role="navigation"] {
   background: #0c4b33;
   width: 100%;
}
@media screen and (min-width: 768px) {
   [role="banner"] [role="navigation"] {
      width: auto;
      float: right;
   }
}
[role="banner"] [role="navigation"] ul {
   margin: 10px 0 0;
   padding: 0;
}
@media screen and (min-width: 768px) {
   [role="banner"] [role="navigation"] ul {
      margin: 0;
   }
}
[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;
   font-weight: 700;
   line-height: 16px;
   text-align: left;
   text-transform: uppercase;
   margin: 0 10px;
   border-top: 1px solid #106142;
}
@media screen and (min-width: 768px) {
   [role="banner"] [role="navigation"] li {
      margin: 0;
      border: 0;
      float: left;
      text-align: left;
   }
}
[role="banner"] [role="navigation"] li.active a {
   color: #44b78b;
}
[role="banner"] [role="navigation"] a {
   color: #fff;
   display: block;
   padding: 20px 0px;
   text-decoration: none;
}
[role="banner"] [role="navigation"] a:active,
[role="banner"] [role="navigation"] a:hover {
   color: #c9f0dd;
}
@media screen and (min-width: 768px) {
   [role="banner"] [role="navigation"] a {
      padding: 20px 10px;
   }
}
@media screen and (min-width: 768px) {
   [role="banner"] [role="navigation"] .nav-primary {
      position: absolute;
      right: 0;
      top: 45px;
   }
}
.header {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   background: #0c4b33;
   margin: 0;
   padding: 11px 0px 8px;
   position: relative;
}
.header h1 {
   margin: 0.4em 0;
}
.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) {
   .header p {
      position: static;
   }
}
.copy-banner {
   background: #44b78b;
   padding: 1px 10px;
}
@media screen and (min-width: 768px) {
   .copy-banner {
      padding: 1px 0;
   }
}
.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: #c9f0dd;
   font-weight: 300;
   line-height: 1.3;
   padding: 1px 0 6px;
   margin: 0.45em 0 0.35em;
}
.copy-banner p em,
.copy-banner h1 em {
   font-style: normal;
   color: white;
}
@media screen and (min-width: 768px) {
   .copy-banner p,
   .copy-banner h1 {
      font-size: 32px;
      font-size: 3.2rem;
      margin: 0.35em 0 0.35em;
      color: #c9f0dd;
      padding: 1px 0 6px;
   }
}
.copy-banner p a,
.copy-banner h1 a {
   font-weight: 300;
   color: #c9f0dd;
}
.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;
}
.copy-banner a.cta,
.copy-banner .cta {
   margin: 15px 0;
   padding: 0.4em 1.5em 0.5em;
   background: #2b8c67;
   background: none;
   border: 1px solid #c9f0dd;
   color: #c9f0dd;
   font-weight: 400;
}
.copy-banner a.cta:hover,
.copy-banner .cta:hover {
   background: #309c72;
}
.copy-banner a.cta em,
.copy-banner .cta em {
   color: white;
}
.copy-banner a.cta:hover,
.copy-banner .cta:hover {
   background: #f1fff7;
   color: #20aa76;
   border-color: #f1fff7;
}
.copy-banner a.cta:hover em,
.copy-banner .cta:hover em {
   color: #20aa76;
}
.copy-banner a.cta.white,
.copy-banner .cta.white {
   background: #f1fff7;
   color: #20aa76;
   font-weight: 700;
   border: 0;
}
.copy-banner a.cta.white:hover,
.copy-banner .cta.white:hover {
   background: #fff;
}
.homepage .copy-banner {
   padding: 50px 0;
   background: white;
   text-align: center;
   border-bottom: 1px solid #cfe3dc;
}
.homepage .copy-banner p {
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
   margin: 1em auto 0.5em;
   color: #0c3c26;
   font-size: 36px;
   font-size: 3.6rem;
}
.homepage .copy-banner p.small {
   color: #798780;
   margin: 2em auto 1em;
   font-size: 14px;
   font-size: 1.4rem;
}
.homepage .copy-banner p em {
   color: #0c3c26;
}
.homepage .copy-banner a.cta,
.homepage .copy-banner .cta {
   display: inline-block;
   padding: 1em 50px 1.1em;
   margin-bottom: 40px;
   background: #44b78b;
   color: white;
   border: 0;
   font-weight: 700;
}
.homepage .copy-banner a.cta:hover,
.homepage .copy-banner .cta:hover {
   background: #51be95;
}
.homepage .copy-banner a.cta:active,
.homepage .copy-banner .cta:active {
   background: #41b085;
}
.homepage .copy-banner .django-companies {
   max-width: 750px;
   margin: 0 auto;
   list-style: none;
   padding: 0 0 0 30px;
}
.homepage .copy-banner .django-companies li {
   width: 144px;
   display: inline-block;
   text-indent: -1000px;
   overflow: hidden;
   margin: 0;
}
.homepage .copy-banner .django-companies li a {
   display: block;
   height: 46px;
   background-position: center;
   background-repeat: no-repeat;
}
.homepage .copy-banner .django-companies li a.company-mozilla {
   background-image: url("../img/company-mozilla.6278ad7bf955.png");
   background-position: center 7px;
}
.mdzr-svg .homepage .copy-banner .django-companies li a.company-mozilla {
   background-image: url("../img/company-mozilla.23cadb845830.svg");
}
.homepage .copy-banner .django-companies li a.company-pinterest {
   background-image: url("../img/company-pinterest.a2ff6a5f0ac9.png");
   background-position: center 7px;
}
.mdzr-svg .homepage .copy-banner .django-companies li a.company-pinterest {
   background-image: url("../img/company-pinterest.1e36e5313944.svg");
}
.homepage .copy-banner .django-companies li a.company-theguardian {
   background-image: url("../img/company-theguardian.3d5d9d4eea5c.png");
   background-position: center 14px;
}
.mdzr-svg .homepage .copy-banner .django-companies li a.company-theguardian {
   background-image: url("../img/company-theguardian.0865a1d6bb35.svg");
}
.homepage .copy-banner .django-companies li a.company-instagram {
   background-image: url("../img/company-instagram.6e8564d2efc8.png");
   background-position: center 10px;
}
.mdzr-svg .homepage .copy-banner .django-companies li a.company-instagram {
   background-image: url("../img/company-instagram.0150a85a33fd.svg");
}
.homepage .copy-banner .django-companies li a.company-rdio {
   background-image: url("../img/company-rdio.62c6dbd39ec4.png");
   background-position: 15px 6px;
}
.mdzr-svg .homepage .copy-banner .django-companies li a.company-rdio {
   background-image: url("../img/company-rdio.305a21b779b8.svg");
}
[role="alert"] {
   clear: both;
   background: #f1fff7;
   position: relative;
   box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.05);
}
[role="alert"] a {
   color: #20aa76;
   text-decoration: none;
}
[role="alert"] a:visited {
   color: #20aa76;
}
[role="alert"] a:hover,
[role="alert"] a:active,
[role="alert"] a:focus {
   color: #25c488;
   text-decoration: none;
}
[role="alert"] a.link-readmore {
   margin: 0;
}
[role="alert"] dl {
   margin: 0 10px;
   padding: 25px 0;
}
[role="alert"] dl:before,
[role="alert"] dl:after {
   content: "";
   display: table;
}
[role="alert"] dl:after {
   clear: both;
}
[role="alert"] dl dt i.icon {
   color: #20aa76;
   margin-right: 8px;
}
[role="alert"] dl dd {
   float: left;
   width: 60%;
   margin-top: 0;
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
}
[role="alert"] dl .link-readmore {
   margin-left: 10px;
}
@media screen and (min-width: 768px) {
   [role="alert"] dt {
      float: left;
      width: 31%;
      padding-right: 2%;
   }
   [role="alert"] dl {
      margin: 0;
   }
}
[role="contentinfo"] {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   position: relative;
   background: #44b78b;
   clear: both;
   margin-top: 0px;
}
[role="contentinfo"]:before,
[role="contentinfo"]:after {
   content: "";
   display: table;
}
[role="contentinfo"]:after {
   clear: both;
}
[role="contentinfo"] .container {
   overflow: hidden;
}
[role="contentinfo"] .subfooter {
   padding: 0 10px;
}
[role="contentinfo"] .subfooter:before,
[role="contentinfo"] .subfooter:after {
   content: "";
   display: table;
}
[role="contentinfo"] .subfooter:after {
   clear: both;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .subfooter {
      padding: 0;
   }
}
[role="contentinfo"] .subfooter .col:first-child h2 {
   border-top: 0;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .subfooter .col {
      float: left;
      margin-bottom: -999px;
      padding: 0 3% 999px 0;
      width: 23%;
   }
}
[role="contentinfo"] .subfooter .col:first-child {
   margin-left: 0;
   padding-left: 0;
}
[role="contentinfo"] .subfooter .col.last-child {
   margin-right: 0;
   padding-right: 0;
}
[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) {
   [role="contentinfo"] h2 {
      border: none;
      margin-top: 0;
   }
}
[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;
}
[role="contentinfo"] ul li {
   margin: 10px 0 0;
   padding: 0;
}
[role="contentinfo"] ul a {
   color: #f1fff7;
   text-decoration: none;
}
[role="contentinfo"] ul a:hover,
[role="contentinfo"] ul a:active,
[role="contentinfo"] ul a:focus {
   text-decoration: underline;
}
[role="contentinfo"] .footer {
   background: #0c4b33;
   margin-top: 20px;
   padding: 10px 0 30px;
   color: #2b8c67;
}
[role="contentinfo"] .footer .footer-logo {
   float: left;
   width: 33%;
}
[role="contentinfo"] .footer .logo {
   margin-right: 0;
   margin-top: 28px;
}
.mdzr-svg [role="contentinfo"] .footer .logo {
   background-position: left center;
   margin-right: 0;
   margin-top: 20px;
}
[role="contentinfo"] .logo {
   font-size: 40px;
   font-size: 4rem;
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   background: url("../img/logo-django.90b49074bac7.png") 0 0 no-repeat;
   color: #0c4b33;
   display: block;
   font-weight: 700;
   height: 50px;
   margin: 10px;
   overflow: hidden;
   text-decoration: none;
   text-indent: 100%;
   width: 142px;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .logo {
      float: left;
      margin: 20px 90px 0 0;
   }
}
.mdzr-svg [role="contentinfo"] .logo {
   background: url("../img/logo-django.42234b631760.svg") center center
      no-repeat;
   height: 39px;
   width: 109px;
}
[role="contentinfo"] .thanks {
   font-size: 12px;
   font-size: 1.2rem;
   color: #2b8c67;
   margin: 0;
   padding: 0;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .thanks {
      border: none;
   }
}
[role="contentinfo"] .thanks li {
   margin: 0;
   padding: 17px 10px 11px;
   display: block;
   clear: both;
}
[role="contentinfo"] .thanks li:before,
[role="contentinfo"] .thanks li:after {
   content: "";
   display: table;
}
[role="contentinfo"] .thanks li:after {
   clear: both;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .thanks li {
      background: none;
      float: left;
      clear: none;
      padding: 0 3% 0 0;
      width: 30%;
   }
   [role="contentinfo"] .thanks li.design span.ampersand,
   [role="contentinfo"] .thanks li.design a {
      display: inline-block;
      vertical-align: top;
   }
   [role="contentinfo"] .thanks li.design span.ampersand.threespot,
   [role="contentinfo"] .thanks li.design a.threespot {
      clear: both;
   }
   [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;
   }
}
[role="contentinfo"] .thanks li span.ampersand {
   line-height: 24px;
}
[role="contentinfo"] .thanks span {
   display: block;
   height: 24px;
   line-height: 36px;
   padding-right: 12px;
   white-space: nowrap;
}
[role="contentinfo"] .thanks a.in-kind-donors {
   font-size: 20px;
   font-size: 2rem;
   color: #2b8c67;
}
[role="contentinfo"] .thanks a.threespot,
[role="contentinfo"] .thanks a.andrevv {
   display: block;
   height: 33px;
   overflow: hidden;
   text-indent: -200px;
   width: 94px;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .thanks a.threespot,
   [role="contentinfo"] .thanks a.andrevv {
      clear: both;
      margin-top: 5px;
   }
}
[role="contentinfo"] .thanks a.threespot.threespot,
[role="contentinfo"] .thanks a.andrevv.threespot {
   background: url("../img/logo-threespot.9dcef46828f6.png") no-repeat left
      center;
}
.mdzr-svg [role="contentinfo"] .thanks a.threespot.threespot,
.mdzr-svg [role="contentinfo"] .thanks a.andrevv.threespot {
   background: url("../img/logo-threespot.6f9857ef0bb4.svg") no-repeat left
      center;
}
[role="contentinfo"] .thanks a.threespot.andrevv,
[role="contentinfo"] .thanks a.andrevv.andrevv {
   background: url("../img/logo-andrevv.e16766da19e5.png") no-repeat left center;
}
.mdzr-svg [role="contentinfo"] .thanks a.threespot.andrevv,
.mdzr-svg [role="contentinfo"] .thanks a.andrevv.andrevv {
   background: url("../img/logo-andrevv.6c6c6eb2ace8.svg") no-repeat left center;
}
[role="contentinfo"] .copyright {
   font-size: 12px;
   font-size: 1.2rem;
   clear: both;
   margin: 20px 0 0 10px;
}
@media screen and (min-width: 768px) {
   [role="contentinfo"] .copyright {
      max-width: 80%;
      padding-top: 30px;
      margin: 0;
   }
}
[role="contentinfo"] .copyright a {
   color: #2b8c67;
}
.backtotop {
   color: #20aa76;
   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;
}
.backtotop:visited {
   color: #20aa76;
}
.backtotop:hover,
.backtotop:active,
.backtotop:focus {
   color: #25c488;
   text-decoration: none;
}
@media screen and (min-width: 768px) {
   .backtotop {
      display: none;
   }
}
.cta,
a.cta {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   font-weight: 700;
   -webkit-appearance: none;
   -moz-appearance: none;
   background: #44b78b;
   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) {
   .cta,
   a.cta {
      margin: 20px auto;
      max-width: 400px;
   }
}
.cta em,
a.cta em {
   color: #c9f0dd;
   font-style: normal;
}
.cta:hover,
.cta:focus,
a.cta:hover,
a.cta:focus {
   background: #51be95;
}
.cta:active,
a.cta:active {
   background: #41b085;
}
[role="complementary"] .cta,
[role="complementary"] a.cta {
   font-size: 16px;
   font-size: 1.6rem;
}
[role="complementary"] .cta + .link-readmore,
[role="complementary"] a.cta + .link-readmore {
   display: block;
   text-align: center;
}
@media screen and (min-width: 768px) {
   [role="complementary"] .cta + .link-readmore,
   [role="complementary"] a.cta + .link-readmore {
      margin-top: -10px;
   }
}
.cta.outline,
a.cta.outline {
   background: none;
   border: 1px solid #cfe3dc;
   color: #859d94;
   font-weight: 400;
}
.cta.outline.inline,
a.cta.outline.inline {
   display: inline;
   margin-right: 1em;
}
.cta.outline em,
a.cta.outline em {
   color: #0c4b33;
}
.cta.outline:hover,
a.cta.outline:hover {
   border-color: #20aa76;
   color: #20aa76;
}
.cta.outline:hover em,
a.cta.outline:hover em {
   color: #20aa76;
}
.cta.outline:active,
a.cta.outline:active {
   border-color: #44b78b;
   color: #44b78b;
}
.cta.outline:active em,
a.cta.outline:active em {
   color: #44b78b;
}
.link-green {
   color: #20aa76;
   text-decoration: none;
}
.link-green:visited {
   color: #20aa76;
}
.link-green:hover,
.link-green:active,
.link-green:focus {
   color: #25c488;
   text-decoration: none;
}
.link-readmore {
   color: #20aa76;
   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;
}
.link-readmore:visited {
   color: #20aa76;
}
.link-readmore:hover,
.link-readmore:active,
.link-readmore:focus {
   color: #25c488;
   text-decoration: none;
}
.link-readmore:after {
   content: " ›";
   font-size: 1.2em;
}
.link-readmore.back-link:after {
   content: "";
}
.link-readmore.back-link:before {
   content: "‹ ";
   font-size: 1.2em;
}
[role="complementary"] .link-readmore {
   font-size: 12px;
   font-size: 1.2rem;
}
.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;
}
.meta a,
.list-links dd a,
.search-links dd a {
   color: #20aa76;
   text-decoration: none;
}
.meta a:visited,
.list-links dd a:visited,
.search-links dd a:visited {
   color: #20aa76;
}
.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: #25c488;
   text-decoration: none;
}
.layout-2col {
   margin: 20px 0;
}
@media screen and (min-width: 768px) {
   .layout-2col {
      margin: 0;
   }
   .layout-2col:before,
   .layout-2col:after {
      content: "";
      display: table;
   }
   .layout-2col:after {
      clear: both;
   }
   .layout-2col .col {
      float: left;
      width: 46%;
      margin: 0 4%;
   }
   .layout-2col .col:first-child {
      margin-left: 0;
   }
   .layout-2col .col.last-child {
      margin-right: 0;
   }
   .layout-2col .one-third {
      width: 29%;
   }
   .layout-2col .two-third {
      width: 62%;
   }
}
.blue {
   color: #20aa76;
}
.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;
}
.label.form-controls {
   font-size: 14px;
   font-size: 1.4rem;
   display: block;
   margin: 0;
   position: relative;
   text-align: left;
}
.label.form-controls span {
   cursor: pointer;
}
.label.form-controls span:hover,
.label.form-controls span:active,
.label.form-controls span:focus {
   color: #afb7b3;
}
@media screen and (min-width: 768px) {
   .callout-right {
      float: right;
      margin: 26px 0 0 35px;
      width: 33%;
   }
   .callout-right.two-thirds {
      width: 60%;
   }
}
.callout-right img {
   display: block;
   max-width: 100%;
}
@media screen and (min-width: 768px) {
   .callout-left {
      float: left;
      margin: 26px 35px 0 0;
      width: 33%;
   }
   .callout-left.two-thirds {
      width: 60%;
   }
}
.callout-left img {
   display: block;
   max-width: 100%;
}
.codedump {
   background: #f8f8f8;
   border: 1px solid #cfe3dc;
   padding: 10px;
   border-radius: 4px;
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   font-size: 14px;
   font-size: 1.4rem;
   line-height: 1.6em;
}
.list-events {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   list-style: none;
   margin: 0;
   padding: 0;
}
.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;
}
.list-events li i {
   font-size: 16px;
   font-size: 1.6rem;
   color: #93d7b7;
   display: block;
   left: 0;
   line-height: 20px;
   height: 30px;
   position: absolute;
   text-align: center;
   top: 20px;
   width: 24px;
}
.list-events li:first-child {
   border-top: 0;
   padding-top: 0;
}
.list-events li:first-child i {
   top: 0px;
}
.list-events .meta,
.list-events .list-links dd,
.list-events .search-links dd,
.list-links .list-events 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;
}
.list-events a {
   color: #20aa76;
   text-decoration: none;
}
.list-events a:visited {
   color: #20aa76;
}
.list-events a:hover,
.list-events a:active,
.list-events a:focus {
   color: #25c488;
   text-decoration: none;
}
.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;
}
.list-tags li {
   margin-top: 10px;
}
.list-tags a {
   background: #93d7b7;
   color: #f1fff7;
   display: inline-block;
   line-height: 1.2;
   margin: 0;
   padding: 8px 10px 5px;
   text-decoration: none;
}
.list-tags a:hover,
.list-tags a:active,
.list-tags a:focus {
   background-color: #44b78b;
   color: #fff;
}
.list-news {
   list-style: none;
   margin: 0;
   padding: 0;
}
.list-news h2 {
   font-weight: 400;
   margin-bottom: 5px;
}
.list-news li {
   border-top: 1px solid #cfe3dc;
   margin-top: 35px;
   padding-top: 10px;
}
.list-news li:first-child {
   border: none;
   margin-top: 0;
   padding-top: 0;
}
.list-news li.unpublished,
.list-news li.unpublished * {
   color: #859d94;
}
.list-news .meta,
.list-news .list-links dd,
.list-news .search-links dd,
.list-links .list-news dd,
.search-links .list-news dd {
   margin-top: 10px;
   color: #859d94;
}
.list-news .meta a:link,
.list-news .list-links dd a:link,
.list-news .search-links dd a:link,
.list-links .list-news dd a:link,
.search-links .list-news dd a:link {
   color: #798780;
   text-decoration: underline;
}
.list-case-study {
   list-style: none;
   margin: 0;
   padding: 0 0 10px;
}
.list-case-study:before,
.list-case-study:after {
   content: "";
   display: table;
}
.list-case-study:after {
   clear: both;
}
.list-case-study p {
   font-size: 14px;
   font-size: 1.4rem;
   margin: 10px 0 5px;
}
.list-case-study li {
   border-top: 1px solid #cfe3dc;
   margin-top: 20px;
   padding-top: 20px;
}
@media screen and (min-width: 1024px) {
   .list-case-study li {
      border: none;
      float: left;
      padding-right: 5%;
      padding-top: 0;
      width: 28%;
   }
   .list-case-study li:nth-child(3):after {
      clear: both;
      content: "";
      display: block;
      margin-bottom: 30px;
   }
}
.list-case-study li > a {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   color: #20aa76;
   text-decoration: none;
   font-size: 12px;
   font-size: 1.2rem;
   font-weight: 700;
   margin-top: 10px;
   text-transform: uppercase;
}
.list-case-study li > a:visited {
   color: #20aa76;
}
.list-case-study li > a:hover,
.list-case-study li > a:active,
.list-case-study li > a:focus {
   color: #25c488;
   text-decoration: none;
}
.list-case-study li > a:after {
   content: " ›";
   font-size: 1.2em;
}
.list-case-study h3 {
   margin: 10px 0 20px;
   padding: 0;
}
.list-case-study h3.logo {
   text-indent: -1000%;
   overflow: hidden;
}
.list-case-study [title="Knight Foundation"] {
   background: url("../img/logo-knight.d7dac8e273af.png") no-repeat bottom left;
   height: 25px;
   padding-top: 7px;
   width: 190px;
}
.mdzr-svg .list-case-study [title="Knight Foundation"] {
   background: url("../img/logo-knight.800c5cfcd461.svg") no-repeat bottom left;
}
.list-case-study [title="Mozilla"] {
   background: url("../img/logo-mozilla.9891ff2c5029.png") no-repeat bottom left;
   height: 32px;
   width: 120px;
}
.mdzr-svg .list-case-study [title="Mozilla"] {
   background: url("../img/logo-mozilla.bd13fdb112e4.svg") no-repeat bottom left;
}
.list-case-study [title="Disqus"] {
   background: url("../img/logo-disqus.768fe8c2a4b6.png") no-repeat bottom left;
   height: 28px;
   padding-top: 4px;
   width: 140px;
}
.mdzr-svg .list-case-study [title="Disqus"] {
   background: url("../img/logo-disqus.2b62256896c6.svg") no-repeat bottom left;
}
.list-case-study.single-col li {
   margin-top: 0;
   margin-bottom: 30px;
   width: auto;
}
.list-case-study.single-col li p {
   font-size: 18px;
   font-size: 1.8rem;
   margin-right: 40px;
}
.list-case-study.single-col li h3 {
   margin-top: 20px;
}
.case-study-logo {
   max-width: 50%;
   max-height: 70px;
   height: auto;
   margin: 40px 0 0;
}
.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;
}
.list-link-soup:before,
.list-link-soup:after {
   content: "";
   display: table;
}
.list-link-soup:after {
   clear: both;
}
.list-link-soup li {
   float: left;
   margin: 10px 5% 0 0;
   width: 45%;
}
@media screen and (min-width: 768px) {
   .list-link-soup li {
      margin-right: 3%;
      width: 30%;
   }
}
.list-link-soup a {
   color: #20aa76;
   text-decoration: none;
}
.list-link-soup a:visited {
   color: #20aa76;
}
.list-link-soup a:hover,
.list-link-soup a:active,
.list-link-soup a:focus {
   color: #25c488;
   text-decoration: none;
}
[role="complementary"] .list-link-soup li {
   float: none;
}
h2 + .list-link-soup {
   border-top: 0;
}
.list-features {
   margin: 50px 0 40px;
}
.list-features dt {
   font-size: 24px;
   font-size: 2.4rem;
   border-top: 1px solid #cfe3dc;
   padding-top: 25px;
}
.list-features i {
   color: #f1fff7;
   margin-right: 10px;
   width: 40px;
   height: 40px;
   border-radius: 25px;
   background: #20aa76;
   line-height: 1.68em;
   display: inline-block;
   text-align: center;
}
.list-features i.icon-briefcase {
   line-height: 1.7em;
}
.list-features i.icon-dashboard {
   line-height: 1.5em;
}
@media screen and (min-width: 768px) {
   .list-features {
      padding-bottom: 40px;
   }
   .list-features dt {
      margin-top: 60px;
      padding: 60px 0 0 245px;
      position: relative;
   }
   .list-features dt:first-child {
      margin-top: 20px;
   }
   .list-features dt.even {
      padding-left: 0;
      padding-right: 245px;
   }
   .list-features dt.even i {
      left: auto !important;
      right: 0;
   }
   .list-features dd {
      padding-left: 245px;
      min-height: 140px;
   }
   .list-features dd.even {
      padding-left: 0;
      padding-right: 245px;
   }
   .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;
   }
   .mdzr-borderradius .list-features i {
      background: #44b78b;
      border-radius: 100px;
      color: #fff;
   }
   .mdzr-svg .list-features i {
      background: url("../img/bg-features.a10a0100c8c0.svg") no-repeat center
         center;
   }
   .mdzr-svg .list-features i.icon-bolt {
      background-position: -150px -269px;
   }
   .mdzr-svg .list-features i.icon-briefcase {
      background-position: -354px -7px;
   }
   .mdzr-svg .list-features i.icon-lock {
      background-position: -36px -96px;
   }
   .mdzr-svg .list-features i.icon-dashboard {
      background-position: -270px -9px;
   }
   .mdzr-svg .list-features i.icon-cogs {
      background-position: -334px -12px;
   }
   .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);
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.inview {
      -webkit-transform: rotate(0turn);
      transform: rotate(0turn);
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-bolt {
      background-position: 40px -369px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-bolt.inview {
      background-position: -150px -269px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-briefcase {
      background-position: -494px 207px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-briefcase.inview {
      background-position: -354px -7px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-lock {
      background-position: 144px -206px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-lock.inview {
      background-position: -36px -96px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-dashboard {
      background-position: -360px 201px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-dashboard.inview {
      background-position: -270px -9px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations .list-features i.icon-cogs {
      background-position: -500px -180px;
   }
   .mdzr-svg.mdzr-borderradius.mdzr-cssanimations
      .list-features
      i.icon-cogs.inview {
      background-position: -334px -12px;
   }
   .list-features i :-o-prefocus,
   .list-features i {
      background: #44b78b !important;
      -webkit-transition: none !important;
      transition: none !important;
      -webkit-transform: none !important;
      transform: none !important;
   }
}
.homepage .list-features {
   padding-bottom: 0;
}
.homepage .list-features dl {
   padding-top: 0;
}
.homepage .list-features i {
   color: #f1fff7;
   margin-right: 10px;
   width: 40px;
   height: 40px;
   top: 10px;
   border-radius: 20px;
   background: #20aa76;
   display: inline-block;
   text-align: center;
   font-size: 24px;
   font-size: 2.4rem;
}
.mdzr-svg.mdzr-borderradius.mdzr-cssanimations .homepage .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);
}
.mdzr-svg.mdzr-borderradius.mdzr-cssanimations
   .homepage
   .list-features
   i.inview {
   -webkit-transform: rotate(0turn);
   transform: rotate(0turn);
}
@media screen and (min-width: 768px) {
   .homepage .list-features dt {
      padding: 20px 0 0px 110px;
      font-size: 18px;
      font-size: 1.8rem;
      border-top: 0;
      margin-top: 0;
   }
   .homepage .list-features dd {
      padding: 0 60px 20px 110px;
      min-height: 0;
   }
   .homepage .list-features dd p {
      margin-top: 0;
      font-size: 18px;
      font-size: 1.8rem;
   }
   .homepage .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) {
   .list-collapsing-header {
      float: left;
   }
   .section .list-collapsing-header h2 {
      margin: 40px 0 20px;
   }
   .list-collapsing-header + .form-controls.label {
      margin: 50px 0 0;
      text-align: right;
   }
   .form-controls.label {
      float: right;
   }
}
.list-collapsing {
   border-bottom: 1px solid #cfe3dc;
   list-style: none;
   margin: 30px 0;
   padding: 0;
   clear: both;
}
.list-collapsing.active > li {
   border-top: 1px solid #cfe3dc;
   margin: 0;
   padding: 0;
}
.list-collapsing.active > li.active h2 .collapsing-icon:before {
   content: "\f068";
}
.list-collapsing.active h2 {
   font-size: 18px;
   font-size: 1.8rem;
   cursor: pointer;
   margin: 0;
   padding: 18px 40px 18px 0;
   position: relative;
}
.list-collapsing.active h2:hover,
.list-collapsing.active h2:focus,
.list-collapsing.active h2:active {
   color: #1d915c;
   outline: none;
}
.list-collapsing.active h2 .collapsing-icon {
   position: absolute;
   right: 0;
   top: 24px;
}
.list-collapsing.active h2 .collapsing-icon:before {
   content: "\f067";
}
.list-collapsing.active h2.bullet-icon {
   padding-left: 1.5em;
}
.list-collapsing.active h2.bullet-icon > i:first-child {
   position: absolute;
   top: 24px;
   left: 0;
}
.list-collapsing.active .collapsing-content {
   overflow: hidden;
   max-height: 0px;
   -webkit-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}
.list-collapsing.active li.active .collapsing-content {
   max-height: 1000px;
   overflow: auto;
}
.list-image {
   list-style: none;
   margin: 0;
   padding: 0;
}
.list-image li {
   border-top: 1px solid #cfe3dc;
   margin-top: 20px;
   padding-top: 40px;
}
@media screen and (min-width: 768px) {
   .list-image li {
      margin-top: 20px;
      padding-top: 40px;
   }
   .list-image li:before,
   .list-image li:after {
      content: "";
      display: table;
   }
   .list-image li:after {
      clear: both;
   }
}
.list-image li:first-child {
   border: none;
   padding-top: 0;
}
.list-image a {
   text-decoration: none;
}
.list-image a:hover,
.list-image a:active,
.list-image a:focus {
   color: #798780;
}
.list-image a.link-readmore {
   margin: 0;
}
.list-image img {
   display: block;
   margin: 0 auto 25px;
   max-width: 100%;
}
@media screen and (min-width: 768px) {
   .list-image img {
      float: left;
      margin: 0 40px 0 0;
      max-width: 200px;
      max-height: 200px;
   }
   .list-image h2,
   .list-image h3,
   .list-image h4,
   .list-image p {
      padding-left: 240px;
   }
   .list-image h3 {
      margin-top: 10px;
   }
}
.layout-secondary .list-image img,
[role="complementary"] .list-image img {
   float: left;
   max-width: 40%;
   max-height: 120px;
   margin: 0 20px 10px 0;
}
.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;
}
.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;
}
#s-django-documentation,
#s-feed {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
}
.list-outline {
   font-size: 16px;
   font-size: 1.6rem;
   line-height: 1.3;
   list-style: none;
   margin: 0;
   padding: 0;
}
.list-outline a {
   text-decoration: none;
}
.list-outline > li > ul > li {
   margin-top: 12px;
}
.list-outline > li > ul > li:first-child {
   margin-top: 6px;
}
.list-outline > li > a {
   text-transform: uppercase;
   font-weight: 700;
   color: #20aa76;
   text-decoration: none;
}
.list-outline > li > a:visited {
   color: #20aa76;
}
.list-outline > li > a:hover,
.list-outline > li > a:active,
.list-outline > li > a:focus {
   color: #25c488;
   text-decoration: none;
}
.list-outline > li > ul {
   list-style: none;
   font-size: 12px;
   font-size: 1.2rem;
   padding: 5px 0 0 10px;
}
.list-outline > li > ul > li > a {
   font-weight: 700;
   text-transform: uppercase;
   color: #20aa76;
   text-decoration: none;
}
.list-outline > li > ul > li > a:visited {
   color: #20aa76;
}
.list-outline > li > ul > li > a:hover,
.list-outline > li > ul > li > a:active,
.list-outline > li > ul > li > a:focus {
   color: #25c488;
   text-decoration: none;
}
.list-outline > li > ul > li ul {
   font-size: 14px;
   font-size: 1.4rem;
   padding: 0 0 0 20px;
}
.section h2 {
   margin: 50px 0 30px;
}
.section h3 {
   margin: 40px 0 20px;
}
.headerlink {
   opacity: 0;
   margin-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;
}
.headerlink:focus {
   opacity: 1;
}
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;
}
.note,
.admonition,
.help-block {
   background: #f1fff7;
   padding: 15px 20px 15px 70px;
   border: 1px solid #c9f0dd;
   border-radius: 4px;
   margin: 25px 0;
   position: relative;
}
.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;
}
.note p,
.admonition p,
.help-block p {
   margin: 0.8em 0;
}
.note .first,
.admonition .first,
.help-block .first {
   margin-top: 0;
}
.note .admonition-title,
.admonition .admonition-title,
.help-block .admonition-title {
   font-weight: bold;
}
.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;
}
.note.warning,
.admonition.warning,
.help-block.warning {
   background-color: #fffdf1;
   border-color: #f5f1c7;
}
.note.warning .admonition-title::before,
.admonition.warning .admonition-title::before,
.help-block.warning .admonition-title::before {
   color: #e9bd46;
   content: "";
}
.note.admonition-philosophy .admonition-title::before,
.admonition.admonition-philosophy .admonition-title::before,
.help-block.admonition-philosophy .admonition-title::before {
   content: "";
}
.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: "";
}
.note .last,
.note .highlight,
.admonition .last,
.admonition .highlight,
.help-block .last,
.help-block .highlight {
   margin-bottom: 0px;
}
.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;
}
.browse-horizontal:before,
.browse-horizontal:after {
   content: "";
   display: table;
}
.browse-horizontal:after {
   clear: both;
}
.browse-horizontal .left {
   float: left;
}
.browse-horizontal .left .icon {
   margin-right: 4px;
   font-size: 12px;
   font-size: 1.2rem;
}
.browse-horizontal .right {
   float: right;
}
.browse-horizontal .right .icon {
   margin-left: 4px;
   font-size: 12px;
   font-size: 1.2rem;
}
.browse-horizontal a {
   text-decoration: none;
}
#version-switcher {
   position: fixed;
   right: 15px;
   bottom: 15px;
   margin: 0;
   padding: 0;
   z-index: 1;
   pointer-events: none;
   list-style: none;
}
#version-switcher .icon {
   margin-right: 4px;
}
#version-switcher ul {
   text-align: right;
}
#doc-versions,
#doc-languages,
#faq-link {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}
#doc-versions li,
#doc-languages li,
#faq-link 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;
}
#doc-versions li.current,
#doc-languages li.current,
#faq-link li.current {
   display: inline-block;
   background: #f1fff7;
   padding: 8px 15px;
   border: 1px solid #cfe3dc;
   border-radius: 4px;
}
#doc-versions li.current-link,
#doc-languages li.current-link,
#faq-link li.current-link {
   display: inline-block;
}
#doc-versions li a,
#doc-languages li a,
#faq-link li a {
   display: inline-block;
   background: #f1fff7;
   color: #44b78b;
   text-decoration: none;
   font-weight: 700;
   padding: 8px 15px;
   border: 1px solid #cfe3dc;
   border-radius: 4px;
}
#doc-versions li a:hover,
#doc-languages li a:hover,
#faq-link li a:hover {
   color: #20aa76;
   border: 1px solid #93d7b7;
}
#doc-versions:hover,
#doc-versions .hover-on,
#doc-languages:hover,
#doc-languages .hover-on,
#faq-link:hover,
#faq-link .hover-on {
   pointer-events: auto;
}
#doc-versions:hover li,
#doc-versions .hover-on li,
#doc-languages:hover li,
#doc-languages .hover-on li,
#faq-link:hover li,
#faq-link .hover-on li {
   display: inline-block;
}
#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) {
   #dev-warning,
   #outdated-warning {
      position: fixed;
      min-width: 768px;
   }
}
#outdated-warning {
   background-color: #ffbaba;
   color: #6a0e0e;
}
#docs-content {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   font-size: 14px;
   font-size: 1.4rem;
   line-height: 1.5em;
}
#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;
}
#docs-content .section {
   padding: 10px 0 20px;
}
#docs-content img {
   display: block;
   max-width: 100%;
}
#docs-content a.reference {
   color: #6a0e0e;
   text-decoration: none;
   border-bottom: 1px dotted #798780;
}
#docs-content a.reference:visited {
   border-color: #971414;
}
#docs-content a.reference:active,
#docs-content a.reference:focus,
#docs-content a.reference:hover {
   background: #f1fff7;
   color: #ba2121;
}
#docs-content a.reference em {
   font-style: normal;
}
#docs-content code.literal {
   font-weight: 700;
}
.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 #c9f0dd;
   border-radius: 4px;
}
.versionadded p,
.versionchanged p,
.deprecated p,
.versionmodified p {
   font-weight: normal;
   margin-top: 0.3em;
}
.versionadded p:last-child,
.versionchanged p:last-child,
.deprecated p:last-child,
.versionmodified p:last-child {
   margin-bottom: 0;
}
.deprecated .versionadded,
.deprecated .versionchanged,
.deprecated .deprecated,
.deprecated .versionmodified {
   border: none;
   padding: 0;
   margin-bottom: 0;
   display: block;
}
.deprecated p {
   font-weight: normal;
   margin-top: 0;
}
.deprecated p:last-child {
   margin-bottom: 0;
}
dl.function dt,
dl.class dt,
dl.method dt,
dl.classmethod dt,
dl.staticmethod dt,
dl.attribute dt,
dl.exception dt,
dl.data dt {
   font-weight: 700;
}
dl.function dd,
dl.class dd,
dl.method dd,
dl.classmethod dd,
dl.staticmethod dd,
dl.attribute dd,
dl.exception dd,
dl.data dd {
   padding-left: 1.4em;
}
table.docutils td,
table.docutils th {
   border-bottom: 1px solid #cfe3dc;
}
.list-links,
.search-links {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   list-style: none;
   margin: 0;
   padding: 10px 0 0;
}
.list-links a,
.search-links a {
   color: #20aa76;
   text-decoration: none;
}
.list-links a:visited,
.search-links a:visited {
   color: #20aa76;
}
.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: #25c488;
   text-decoration: none;
}
.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;
}
.list-links dt:first-child,
.search-links dt:first-child,
.list-links li:first-child,
.search-links li:first-child {
   margin-top: 0;
}
.list-links dd,
.search-links dd {
   margin-top: 0;
   margin-bottom: 30px;
}
[role="complementary"] .list-links,
[role="complementary"] .search-links {
   padding: 0;
}
[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;
}
[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;
}
[role="complementary"] .list-links li,
[role="complementary"] .search-links li {
   padding: 14px 0 10px;
}
[role="complementary"] .list-links dd,
[role="complementary"] .search-links dd {
   font-size: 14px;
   font-size: 1.4rem;
   margin-bottom: 16px;
}
.list-links + h2,
.search-links + h2 {
   margin-top: 34px;
}
.search-links em {
   font-weight: 700;
   color: #0c3c26;
}
.search-links span.meta {
   margin-top: 0;
   margin-bottom: 10px;
   color: #859d94;
}
.search-links span.meta a {
   color: #798780;
}
.search-links span.meta a:visited {
   color: #616c67;
}
.search-links span.meta a:active,
.search-links span.meta a:focus,
.search-links span.meta a:hover {
   color: #49514d;
}
.search-links h2.result-title {
   margin: 0.3em 0 !important;
}
.search-links span.arrow {
   color: #0c3c26;
   font-weight: 700;
}
.search-links dd {
   margin-bottom: 30px;
}
.list-links-small {
   padding-left: 0;
   list-style: none;
}
.list-links-small a {
   color: #20aa76;
   text-decoration: none;
   text-decoration: none;
}
.list-links-small a:visited {
   color: #20aa76;
}
.list-links-small a:hover,
.list-links-small a:active,
.list-links-small a:focus {
   color: #25c488;
   text-decoration: none;
}
.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;
}
.list-links-small dt {
   font-weight: 400;
}
.list-links-small dd {
   color: #798780;
   padding-top: 2px;
}
.list-links-small.docs-list {
   list-style: none;
}
.list-links-small.docs-list li > a:before,
.list-links-small.docs-list dt > a:before {
   content: "\f0f6";
}
.list-links-small.docs-list dd {
   padding-left: 24px;
}
.list-links-small.news-list {
   list-style: none;
}
.list-links-small.news-list li > a:before,
.list-links-small.news-list dt > a:before {
   content: "\f0a1";
}
.list-links-small.news-list dt.event > a:before {
   content: "\f133";
}
.list-links-small.news-list dd {
   padding-left: 24px;
}
.list-links-small.resource-list {
   list-style: none;
}
.list-links-small.resource-list li > a:before,
.list-links-small.resource-list dt > a:before {
   content: "\f0c1";
}
.list-links-small.resource-list dd {
   padding-left: 24px;
}
.list-links-small.rss-list {
   list-style: none;
}
.list-links-small.rss-list li > a:before,
.list-links-small.rss-list dt > a:before {
   content: "\f09e";
}
.list-links-small.rss-list dd {
   padding-left: 24px;
}
form {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
   font-size: 16px;
   font-size: 1.6rem;
}
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;
   width: 83%;
}
@media screen and (min-width: 768px) {
   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%;
   }
}
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;
}
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: #20aa76;
}
form textarea {
   height: auto;
}
form input[type="checkbox"],
form input[type="radio"] {
   margin-right: 6px;
}
form select {
   border: 1px solid #cfe3dc;
   background: white;
   height: 46px;
   padding: 0 10px;
   border-radius: 4px;
   font-size: 16px;
   font-size: 1.6rem;
}
[role="complementary"] form select {
   height: 36px;
   font-size: 14px;
   font-size: 1.4rem;
}
form button {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background: #20aa76;
   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;
}
form button:hover {
   background: #44b78b;
}
.form-general fieldset {
   max-width: 700px;
   border: 0;
   padding: 0;
   margin: 15px 0;
}
.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;
}
.form-input {
   min-height: 40px;
   margin: 30px 0 20px;
   position: relative;
}
.form-input:focus {
   background: #000;
}
.form-input button {
   background: none;
   border: none;
   color: #44b78b;
   height: 40px;
   padding: 0;
   position: absolute;
   right: 2%;
   top: 6%;
   width: 40px;
}
@media screen and (min-width: 768px) {
   .form-input button {
      right: 1%;
   }
}
.form-input button i {
   font-size: 20px;
   font-size: 2rem;
   line-height: 1;
}
.form-input button:hover,
.form-input button:focus,
.form-input button:active {
   background: none;
   color: #0c4b33;
   outline: none;
}
[role="complementary"] .form-input {
   min-height: 30px;
   margin: 20px 0 30px;
}
[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;
}
[role="complementary"] .form-input button {
   height: 30px;
   width: 30px;
   top: 3px;
}
@media screen and (min-width: 768px) {
   [role="complementary"] .form-input button {
      right: 0;
   }
}
[role="complementary"] .form-input button i {
   font-size: 20px;
   font-size: 2rem;
}
.form-input.search {
   flex: 0 0 100%;
   margin: 0 0 10px 0;
}
@media screen and (min-width: 768px) {
   .form-input.search {
      flex: 0 0 40%;
      margin: 10px 0;
   }
}
.form-input.search button {
   top: 19%;
}
form.donate {
   max-width: 150px;
}
form.donate label {
   position: absolute;
   left: 0px;
   color: #2b8c67;
   padding-top: 0.3em;
   padding-left: 0.5em;
}
form.donate input[type="text"] {
   padding-left: 20px;
   padding-right: 9px;
}
div[role="main"] form.donate label {
   padding-top: 0.7em;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
   color: #859d94;
}
.form-email h3 {
   font-size: 18px;
   font-size: 1.8rem;
   margin: 10px 0;
}
.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;
}
.form-email form {
   margin: 10px 0 30px;
}
.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;
}
.nav-pagination li {
   display: inline-block;
}
.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) {
   .nav-pagination a {
      background: #798780;
      color: #fff;
      height: 30px;
      margin: 0 2px;
      width: 30px;
   }
}
.nav-pagination a.previous,
.nav-pagination a.next {
   font-size: 16px;
   font-size: 1.6rem;
}
@media screen and (min-device-width: 320px) {
   .nav-pagination a.previous,
   .nav-pagination a.next {
      border-radius: 20px;
      height: 40px;
      line-height: 43px;
      width: 40px;
   }
}
.nav-pagination a.previous {
   margin-right: 10px;
}
@media screen and (min-width: 768px) {
   .nav-pagination a.previous {
      margin-right: 70px;
   }
}
.nav-pagination a.next {
   margin-left: 10px;
   text-indent: 1px;
}
@media screen and (min-width: 768px) {
   .nav-pagination a.next {
      margin-left: 70px;
   }
}
.nav-pagination a:hover,
.nav-pagination a:focus,
.nav-pagination a:active,
.nav-pagination a.active {
   background: none;
   color: #20aa76;
}
@media screen and (min-device-width: 320px) {
   .nav-pagination a:hover,
   .nav-pagination a:focus,
   .nav-pagination a:active,
   .nav-pagination a.active {
      background: #20aa76;
      color: white;
   }
}
.mdzr-no-borderradius .nav-pagination a {
   display: inline;
   background: none;
   color: #798780;
   height: auto;
   width: auto;
   margin: 0 5px !important;
}
.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: #20aa76;
}
hr {
   border: 0;
   border-top: 1px solid #cfe3dc;
}
.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: #20aa76;
}
.user-info .avatar {
   padding: 20px;
   border: 1px solid #cfe3dc;
   border-radius: 4px;
   float: right;
}
.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}
.clearfix:before,
.clearfix:after,
.group-container:before,
.group-container:after {
   content: "";
   display: table;
}
.clearfix:after,
.group-container:after {
   clear: both;
}
@keyframes pixel-pulse {
   0%,
   100% {
      opacity: 0.1;
   }
   50% {
      opacity: 0.25;
   }
}
.fundraising-index {
   margin-top: 50px;
}
.fundraising-index .fundraising-heart {
   width: 100%;
   float: none;
}
.fundraising-index .fundraising-heart img,
.fundraising-index .fundraising-heart svg {
   width: 100%;
   height: auto;
}
.fundraising-index .fundraising-heart rect {
   -webkit-transition: opacity 250ms ease-out;
   transition: opacity 250ms ease-out;
}
.fundraising-index .fundraising-heart rect.faded {
   opacity: 0.05;
   animation: pixel-pulse 3s infinite;
}
.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) {
   .fundraising-index .fundraising-heart {
      width: 55%;
      float: left;
   }
}
.fundraising-index .description {
   margin-left: 5%;
   width: 100%;
   float: none;
   margin-top: 30px;
}
@media screen and (min-width: 768px) {
   .fundraising-index .description {
      width: 40%;
      float: left;
      margin-top: 0px;
   }
}
.fundraising-index .description h2 {
   margin-top: 0;
   font-size: 28px;
   font-size: 2.8rem;
}
.fundraising-index .donate select {
   width: 80%;
}
@media screen and (min-width: 768px) {
   .fundraising-index .donate select {
      width: 100%;
   }
}
.fundraising-index .donate .cta {
   margin: 10px 0;
}
.fundraising-index .donate .cta .disabled {
   opacity: 0.5;
}
.fundraising-index .donate .custom-donation {
   display: none;
}
.fundraising-index .donate .prefix {
   float: left;
   font-size: 19px;
   font-size: 1.9rem;
   margin: 8px 9px 0 3px;
}
.fundraising-index .donate input[type="text"] {
   width: 70%;
}
.fundraising-index .cls {
   clear: both;
}
.fundraising-sidebar {
   clear: both;
}
.fundraising-sidebar .small-heart {
   margin-top: 20px;
   width: 20%;
   float: left;
   margin-bottom: 20px;
}
.fundraising-sidebar .small-heart img {
   width: 100%;
   max-width: 64px;
}
.fundraising-sidebar .small-cta {
   width: 70%;
   float: left;
   vertical-align: top;
   margin-left: 5%;
   margin-right: 5%;
   margin-bottom: 20px;
}
.footnote {
   color: #859d94;
   font-size: 14px;
   font-size: 1.4rem;
   margin-top: 20px;
   text-align: center;
}
.footnote .label {
   display: table-cell;
   padding-right: 1em;
}
form .footnote {
   margin-top: 10px;
   text-align: left;
}
.footnote.docutils {
   text-align: left;
}
.heroes-section {
   overflow: hidden;
}
.heroes-section .heroes {
   clear: both;
}
.heroes-section .heroes h3 {
   clear: both;
   text-align: center;
}
.heroes-section .heroes .hero {
   width: calc(100% / 3);
   position: relative;
   height: auto;
}
.heroes-section .heroes .hero div {
   width: 100%;
}
.heroes-section .heroes .hero-logo {
   height: 170px;
   line-height: 170px;
}
.heroes-section .heroes .hero-logo img {
   vertical-align: middle;
}
.heroes-section .heroes .hero-name {
   min-height: 87px;
   vertical-align: top;
   margin-bottom: 5px;
}
.heroes-section .heroes .no-logo-hero {
   min-height: 60px;
   margin-right: 24px;
}
.heroes-section .heroes div {
   float: left;
   text-align: center;
}
.heroes-section .heroes div img {
   max-width: 90%;
   max-height: 170px;
}
.heroes-section .pagination {
   clear: both;
}
.manage-donations-form select,
.manage-donations-form input[type="number"] {
   width: 300px;
}
.manage-donations-form input[type="number"] {
   padding: 7px 10px;
   width: 278px;
}
.django-hero-form .form-control {
   margin: 1em 0;
}
.django-hero-form ul {
   list-style: none;
   display: inline-block;
   margin: 0;
   padding: 0;
}
.django-hero-form li {
   display: inline-block;
   margin-left: 1em;
}
table.django-supported-versions,
table.django-unsupported-versions {
   border: 1px solid black;
   text-align: center;
}
table.django-supported-versions th,
table.django-supported-versions td,
table.django-unsupported-versions th,
table.django-unsupported-versions td {
   padding: 5px;
}
table.django-supported-versions tr {
   background-color: #c9f0dd;
}
table.django-unsupported-versions tr {
   background-color: #ffbaba;
}
ul.corporate-members li {
   min-height: 160px;
}
.corporate-member-logo {
   float: right;
   max-height: 150px;
   max-width: 150px;
   padding: 0 0 10px 10px;
}
.messages {
   list-style-type: none;
   width: 100%;
   padding-left: 0;
}
.messages li {
   padding: 15px;
   background-color: #f1fbf6;
   color: #0c4b33;
   border: 1px solid #0c4b33;
   border-radius: 4px;
}
.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;
   margin-left: -5px;
   margin-right: 10px;
}
.messages li.info::before {
   content: "";
}
.messages li.success {
   background-color: #ddf6ea;
   content: "";
}
.messages li.success::before {
   content: "";
}
.messages li.warning {
   background-color: #fffdf1;
   border-color: #a0951d;
}
.messages li.warning::before {
   color: #a0951d;
   content: "";
}
.messages li.error {
   background-color: #ffeded;
   color: #6a0e0e;
   border-color: #6a0e0e;
}
.messages li.error::before {
   content: "";
}
.messages li i.close {
   float: right;
   border-radius: 5px;
   cursor: pointer;
   margin-top: -10px;
   margin-right: -10px;
}
.code-block-caption .btn-clipboard,
.snippet .btn-clipboard {
   float: right;
   cursor: pointer;
   margin-top: 2px;
   margin-right: -10px;
}
.code-block-caption .btn-clipboard i:hover,
.snippet .btn-clipboard i:hover {
   color: #1aa36f;
}
.code-block-caption .btn-clipboard .clipboard-success,
.snippet .btn-clipboard .clipboard-success {
   font-size: 80%;
   margin-right: 10px;
}
pre.literal-block,
.literal-block {
   font-size: 14px;
   font-size: 1.4rem;
   border: 1px solid #eaeaea;
   background: #f4f4f4;
   background: #f8f8f8;
   overflow: auto;
   border-radius: 4px;
   margin: 25px 0;
   padding: 10px 20px;
   color: #0c4b33;
}
.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;
   font-size: 1em;
   padding: 5px 20px;
   border-radius: 4px 4px 0 0;
}
.code-block-caption + div > .highlight {
   margin-top: 0;
   border-radius: 0 0 4px 4px;
   border-top: 0;
}
.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;
}
.snippet-filename + .highlight {
   margin-top: 0;
   border-radius: 0 0 4px 4px;
   border-top: 0;
}
.highlight {
   font-size: 14px;
   font-size: 1.4rem;
   border: 1px solid #eaeaea;
   background: #f4f4f4;
   background: #f8f8f8;
   overflow: auto;
   border-radius: 4px;
   margin: 25px 0;
}
.highlight pre {
   margin: 15px 20px;
}
.highlight li {
   margin-top: 0;
   border-left: 1px solid #eaeaea;
   padding: 0 0 2px 15px;
}
.highlight li:first-child {
   padding-top: 2px;
}
.highlight .hll {
   background-color: #ffffcc;
}
.highlight .c {
   color: #408080;
   font-style: italic;
}
.highlight .err {
   border: 1px solid #ff0000;
}
.highlight .k {
   color: #008000;
   font-weight: bold;
}
.highlight .o {
   color: #666666;
}
.highlight .cm {
   color: #408080;
   font-style: italic;
}
.highlight .cp {
   color: #bc7a00;
}
.highlight .c1 {
   color: #408080;
   font-style: italic;
}
.highlight .cs {
   color: #408080;
   font-style: italic;
}
.highlight .gd {
   color: #a00000;
}
.highlight .ge {
   font-style: italic;
}
.highlight .gr {
   color: #ff0000;
}
.highlight .gh {
   color: #000080;
   font-weight: bold;
}
.highlight .gi {
   color: #00a000;
}
.highlight .go {
   color: #808080;
}
.highlight .gp {
   color: #000080;
   font-weight: bold;
}
.highlight .gs {
   font-weight: bold;
}
.highlight .gu {
   color: #800080;
   font-weight: bold;
}
.highlight .gt {
   color: #0040d0;
}
.highlight .kc {
   color: #008000;
   font-weight: bold;
}
.highlight .kd {
   color: #008000;
   font-weight: bold;
}
.highlight .kn {
   color: #008000;
   font-weight: bold;
}
.highlight .kp {
   color: #008000;
}
.highlight .kr {
   color: #008000;
   font-weight: bold;
}
.highlight .kt {
   color: #b00040;
}
.highlight .m {
   color: #666666;
}
.highlight .s {
   color: #ba2121;
}
.highlight .na {
   color: #7d9029;
}
.highlight .nb {
   color: #008000;
}
.highlight .nc {
   color: #0000ff;
   font-weight: bold;
}
.highlight .no {
   color: #880000;
}
.highlight .nd {
   color: #aa22ff;
}
.highlight .ni {
   color: #999999;
   font-weight: bold;
}
.highlight .ne {
   color: #d2413a;
   font-weight: bold;
}
.highlight .nf {
   color: #0000ff;
}
.highlight .nl {
   color: #a0a000;
}
.highlight .nn {
   color: #0000ff;
   font-weight: bold;
}
.highlight .nt {
   color: #008000;
   font-weight: bold;
}
.highlight .nv {
   color: #19177c;
}
.highlight .ow {
   color: #aa22ff;
   font-weight: bold;
}
.highlight .w {
   color: #bbbbbb;
}
.highlight .mf {
   color: #666666;
}
.highlight .mh {
   color: #666666;
}
.highlight .mi {
   color: #666666;
}
.highlight .mo {
   color: #666666;
}
.highlight .sb {
   color: #ba2121;
}
.highlight .sc {
   color: #ba2121;
}
.highlight .sd {
   color: #ba2121;
   font-style: italic;
}
.highlight .s2 {
   color: #ba2121;
}
.highlight .se {
   color: #bb6622;
   font-weight: bold;
}
.highlight .sh {
   color: #ba2121;
}
.highlight .si {
   color: #bb6688;
   font-weight: bold;
}
.highlight .sx {
   color: #008000;
}
.highlight .sr {
   color: #bb6688;
}
.highlight .s1 {
   color: #ba2121;
}
.highlight .ss {
   color: #19177c;
}
.highlight .bp {
   color: #008000;
}
.highlight .vc {
   color: #19177c;
}
.highlight .vg {
   color: #19177c;
}
.highlight .vi {
   color: #19177c;
}
.highlight .il {
   color: #666666;
}
.highlight .lineno {
   color: #000000;
   background-color: #dddddd;
}
.styleguide .example {
   padding: 0 20px 20px;
   border: 1px solid #cfe3dc;
   border-radius: 4px;
   margin-top: 20px;
   margin-bottom: 64px;
}
.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;
}
.styleguide .example [role="complementary"] {
   float: none;
   width: auto;
   padding: 0;
   margin: 0;
}
.styleguide .iframe {
   display: block;
   height: 400px;
   cursor: zoom-in;
   border: 1px solid #cfe3dc;
   overflow: hidden;
}
.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;
}
.styleguide .swatches {
   margin: 0;
   padding: 0;
   list-style: none;
   margin: 30px 0;
}
.styleguide .swatches:before,
.styleguide .swatches:after {
   content: "";
   display: table;
}
.styleguide .swatches:after {
   clear: both;
}
.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;
}
.styleguide .swatches li.text {
   background: #0c3c26;
}
.styleguide .swatches li.green-dark {
   background: #0c4b33;
}
.styleguide .swatches li.green {
   background: #20aa76;
}
.styleguide .swatches li.green-light {
   background: #93d7b7;
}
.styleguide .swatches li.white {
   background: #f1fff7;
   border: 1px solid #cfe3dc;
}
.styleguide .swatches li.red-dark {
   background: #6a0e0e;
}
.styleguide .swatches li.text-light {
   background: #798780;
}
.styleguide .swatches li.green-medium-dark {
   background: #2b8c67;
}
.styleguide .swatches li.green-medium {
   background: #44b78b;
}
.styleguide .swatches li.green-very-light {
   background: #c9f0dd;
}
.styleguide .swatches li.gray-line {
   background: #cfe3dc;
}
.styleguide .swatches li.red {
   background: #ba2121;
}
.styleguide #layout {
   overflow: hidden;
}
.styleguide #icons .icon {
   font-size: 32px;
   font-size: 3.2rem;
   color: #20aa76;
   padding: 0 0.2em;
}
@media print {
   * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
   }
   a,
   a:visited {
      text-decoration: underline;
   }
   pre,
   blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
   }
   thead {
      display: table-header-group;
   }
   tr,
   img {
      page-break-inside: avoid;
   }
   img {
      max-width: 100% !important;
   }
   @page {
      margin: 0.5cm;
   }
   p,
   h2,
   h3 {
      orphans: 3;
      widows: 3;
   }
   h2,
   h3 {
      page-break-after: avoid;
   }
   html {
      font-size: 40%;
   }
   .menu-button,
   .news-search,
   .backtotop,
   .nav-pagination,
   [role="contentinfo"] > .container,
   [role="contentinfo"] .logo,
   .thanks,
   [role="complementary"],
   [role="navigation"],
   .form-input {
      display: none !important;
   }
   .logo {
      text-indent: 0 !important;
   }
   [role="contentinfo"],
   [role="contentinfo"] .copyright {
      margin: 0 !important;
      padding: 0 !important;
   }
   .internal-container {
      float: none;
      width: auto;
   }
   .list-news li {
      margin-top: 0;
   }
}
#dashboard {
   font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans",
      sans-serif;
}
#dashboard .full-width [role="main"] {
   margin: 0 auto;
   text-align: center;
}
.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;
}
.metric h3 {
   padding: 10px 15px;
   margin: 0 -20px;
   font-size: 20px;
   font-size: 2rem;
   font-weight: 400;
   display: block;
   text-align: left;
   color: #0c3c26;
}
.metric h3 a {
   color: #0c3c26;
}
.metric h3 a:visited {
   color: #156741;
}
.metric h3 a:active,
.metric h3 a:focus,
.metric h3 a:hover {
   color: #1d915c;
}
.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;
}
.metric .value a {
   color: #0c3c26;
   text-decoration: none;
   pointer-events: auto;
   z-index: 10;
}
.metric .value a:visited {
   color: #156741;
}
.metric .value a:active,
.metric .value a:focus,
.metric .value a:hover {
   color: #1d915c;
}
.metric .value .timestamp {
   font-size: 0.16em;
   font-weight: 400;
   line-height: 0.1em;
}
.metric .sparkline {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 54px;
   z-index: 1;
}
.graph-wrapper {
   border-radius: 4px;
   border: 1px solid #cfe3dc;
   padding: 20px;
   margin: 20px 0;
}
.graph {
   margin: 0 auto;
   width: 100%;
   height: 20em;
}
.console-block {
   text-align: right;
}
.console-block *:before,
.console-block *:after {
   box-sizing: border-box;
}
.console-block > input.c-tab-unix,
.console-block > input.c-tab-win {
   display: none;
}
.console-block > input:checked + label {
   color: #555;
   border: 1px solid #ddd;
   border-top: 2px solid #ab5603;
   border-bottom: 1px solid #fff;
}
.console-block > label {
   display: inline-block;
   padding: 4px 8px;
   font-weight: normal;
   text-align: center;
   color: #bbb;
   border: 1px solid transparent;
   font-family: fontawesome;
}
.console-block > section {
   display: none;
   text-align: left;
}
.console-block > section .highlight {
   margin-top: 0px;
}
.console-block > .c-tab-unix:checked ~ .c-content-unix,
.console-block > .c-tab-win:checked ~ .c-content-win {
   display: block;
}