﻿body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -webkit-highlight: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0px;
    overflow: hidden;
}

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    word-wrap: break-word;
    z-index: 100000
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000
}

.tipsy-arrow-n {
    border-bottom-color: #000
}

.tipsy-arrow-s {
    border-top-color: #000
}

.tipsy-arrow-e {
    border-left-color: #000
}

.tipsy-arrow-w {
    border-right-color: #000
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

#jquery-clipster-overlay {
    position: fixed;
    z-index: 1003;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    background-color: rgba(255, 255, 255, 0.9);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

#jquery-clipster-overlay p {
    margin: 10px
}

#jquery-clipster-overlay div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 3em
}

#jquery-clipster-overlay textarea {
    font-size: .5em;
    line-height: 2em;
    width: 410px;
    text-align: center
}

@font-face {
    font-family: "SSSocialRegular";
    src: url(ss-social-regular-45b23ff1bde337a25f515d78b11ebb2b51f268006393f5048929d2c326b082bd.eot);
    src: url(ss-social-regular-45b23ff1bde337a25f515d78b11ebb2b51f268006393f5048929d2c326b082bd.eot?#iefix) format("embedded-opentype"), url(ss-social-regular-3d5629a5cbadabfd67e7c99b9e71569f356ebf7fddabd5b3c24e37b49a48c605.woff) format("woff"), url(ss-social-regular-6d92fe3d25085919d9acf2ed052197ea987f1bd3fc4e515fd8cae9baea7d33b7.ttf) format("truetype"), url(ss-social-regular-4a336b884caf1e64d238894f36062350e0f8581e3d153ac704d8c55cf11eee62.svg#SSSocialRegular) format("svg");
    font-weight: normal;
    font-style: normal
}

html:hover [class^="ss-"] {
    -ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-social-regular,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before,
[class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after,
[class*=" ss-"].ss-social-regular.right:after {
    font-family: "SSSocialRegular";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
    display: none;
    content: ""
}

.ss-facebook:before,
.ss-facebook.right:after {
    content: ""
}

.ss-twitter:before,
.ss-twitter.right:after {
    content: ""
}

.ss-linkedin:before,
.ss-linkedin.right:after {
    content: ""
}

.ss-googleplus:before,
.ss-googleplus.right:after {
    content: ""
}

.ss-appdotnet:before,
.ss-appdotnet.right:after {
    content: ""
}

.ss-zerply:before,
.ss-zerply.right:after {
    content: ""
}

.ss-reddit:before,
.ss-reddit.right:after {
    content: ""
}

.ss-steam:before,
.ss-steam.right:after {
    content: ""
}

.ss-tumblr:before,
.ss-tumblr.right:after {
    content: ""
}

.ss-wordpress:before,
.ss-wordpress.right:after {
    content: ""
}

.ss-blogger:before,
.ss-blogger.right:after {
    content: ""
}

.ss-posterous:before,
.ss-posterous.right:after {
    content: ""
}

.ss-quora:before,
.ss-quora.right:after {
    content: ""
}

.ss-youtube:before,
.ss-youtube.right:after {
    content: ""
}

.ss-vimeo:before,
.ss-vimeo.right:after {
    content: ""
}

.ss-vine:before,
.ss-vine.right:after {
    content: ""
}

.ss-letterboxd:before,
.ss-letterboxd.right:after {
    content: ""
}

.ss-flickr:before,
.ss-flickr.right:after {
    content: ""
}

.ss-instagram:before,
.ss-instagram.right:after {
    content: ""
}

.ss-500px:before,
.ss-500px.right:after {
    content: ""
}

.ss-etsy:before,
.ss-etsy.right:after {
    content: ""
}

.ss-pinterest:before,
.ss-pinterest.right:after {
    content: ""
}

.ss-svpply:before,
.ss-svpply.right:after {
    content: ""
}

.ss-readmill:before,
.ss-readmill.right:after {
    content: ""
}

.ss-dropbox:before,
.ss-dropbox.right:after {
    content: ""
}

.ss-pinboard:before,
.ss-pinboard.right:after {
    content: ""
}

.ss-delicious:before,
.ss-delicious.right:after {
    content: ""
}

.ss-dribbble:before,
.ss-dribbble.right:after {
    content: ""
}

.ss-behance:before,
.ss-behance.right:after {
    content: ""
}

.ss-github:before,
.ss-github.right:after {
    content: ""
}

.ss-octocat:before,
.ss-octocat.right:after {
    content: ""
}

.ss-stackoverflow:before,
.ss-stackoverflow.right:after {
    content: ""
}

.ss-paypal:before,
.ss-paypal.right:after {
    content: ""
}

.ss-kickstarter:before,
.ss-kickstarter.right:after {
    content: ""
}

.ss-foursquare:before,
.ss-foursquare.right:after {
    content: ""
}

.ss-yelp:before,
.ss-yelp.right:after {
    content: ""
}

.ss-skype:before,
.ss-skype.right:after {
    content: ""
}

.ss-rdio:before,
.ss-rdio.right:after {
    content: ""
}

.ss-spotify:before,
.ss-spotify.right:after {
    content: ""
}

.ss-lastfm:before,
.ss-lastfm.right:after {
    content: ""
}

.ss-soundcloud:before,
.ss-soundcloud.right:after {
    content: ""
}

.ss-link:before,
.ss-link.right:after {
    content: "🔗"
}

.ss-phone:before,
.ss-phone.right:after {
    content: "📞"
}

.ss-mail:before,
.ss-mail.right:after {
    content: "✉"
}

.ss-like:before,
.ss-like.right:after {
    content: "👍"
}

.ss-rss:before,
.ss-rss.right:after {
    content: ""
}

.ss-share:before,
.ss-share.right:after {
    content: ""
}

.ss-apple:before,
.ss-apple.right:after {
    content: ""
}

.ss-microsoft:before,
.ss-microsoft.right:after {
    content: ""
}

.ss-windows:before,
.ss-windows.right:after {
    content: ""
}

.ss-android:before,
.ss-android.right:after {
    content: ""
}

.ss-blackberry:before,
.ss-blackberry.right:after {
    content: ""
}

.ss-fivehundredpx:before,
.ss-fivehundredpx.right:after {
    content: ""
}

@font-face {
    font-family: "SSSocialCircle";
    src: url(ss-social-circle-6c30c2e1f226dc45d1d2903d02d074e71c620ba187d0d181ce49a9036254e677.eot);
    src: url(ss-social-circle-6c30c2e1f226dc45d1d2903d02d074e71c620ba187d0d181ce49a9036254e677.eot?#iefix) format("embedded-opentype"), url(ss-social-circle-a87d8e2a4ae35fedccbae95ba5f42f1761c365fd109075695cee4b7ebdb1698a.woff) format("woff"), url(ss-social-circle-2a966f0db618bd60eea08400a9bb8905e05451f8e8dabc4ea736f1fe19e9eea5.ttf) format("truetype"), url(ss-social-circle-ec4466da28eda3f0c91a38e858bbd88d2db91dd39b7f686360fef1baaa20abc2.svg#SSSocialCircle) format("svg");
    font-weight: normal;
    font-style: normal
}

html:hover [class^="ss-"] {
    -ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-social-circle,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-social-circle:before,
[class*=" ss-"].ss-social-circle:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-social-circle.right:after,
[class*=" ss-"].ss-social-circle.right:after {
    font-family: "SSSocialCircle";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
    display: none;
    content: ""
}

.ss-facebook:before,
.ss-facebook.right:after {
    content: ""
}

.ss-twitter:before,
.ss-twitter.right:after {
    content: ""
}

.ss-linkedin:before,
.ss-linkedin.right:after {
    content: ""
}

.ss-googleplus:before,
.ss-googleplus.right:after {
    content: ""
}

.ss-appdotnet:before,
.ss-appdotnet.right:after {
    content: ""
}

.ss-zerply:before,
.ss-zerply.right:after {
    content: ""
}

.ss-reddit:before,
.ss-reddit.right:after {
    content: ""
}

.ss-steam:before,
.ss-steam.right:after {
    content: ""
}

.ss-tumblr:before,
.ss-tumblr.right:after {
    content: ""
}

.ss-wordpress:before,
.ss-wordpress.right:after {
    content: ""
}

.ss-blogger:before,
.ss-blogger.right:after {
    content: ""
}

.ss-posterous:before,
.ss-posterous.right:after {
    content: ""
}

.ss-quora:before,
.ss-quora.right:after {
    content: ""
}

.ss-youtube:before,
.ss-youtube.right:after {
    content: ""
}

.ss-vimeo:before,
.ss-vimeo.right:after {
    content: ""
}

.ss-vine:before,
.ss-vine.right:after {
    content: ""
}

.ss-letterboxd:before,
.ss-letterboxd.right:after {
    content: ""
}

.ss-flickr:before,
.ss-flickr.right:after {
    content: ""
}

.ss-instagram:before,
.ss-instagram.right:after {
    content: ""
}

.ss-500px:before,
.ss-500px.right:after {
    content: ""
}

.ss-etsy:before,
.ss-etsy.right:after {
    content: ""
}

.ss-pinterest:before,
.ss-pinterest.right:after {
    content: ""
}

.ss-svpply:before,
.ss-svpply.right:after {
    content: ""
}

.ss-readmill:before,
.ss-readmill.right:after {
    content: ""
}

.ss-dropbox:before,
.ss-dropbox.right:after {
    content: ""
}

.ss-pinboard:before,
.ss-pinboard.right:after {
    content: ""
}

.ss-delicious:before,
.ss-delicious.right:after {
    content: ""
}

.ss-dribbble:before,
.ss-dribbble.right:after {
    content: ""
}

.ss-behance:before,
.ss-behance.right:after {
    content: ""
}

.ss-github:before,
.ss-github.right:after {
    content: ""
}

.ss-octocat:before,
.ss-octocat.right:after {
    content: ""
}

.ss-stackoverflow:before,
.ss-stackoverflow.right:after {
    content: ""
}

.ss-paypal:before,
.ss-paypal.right:after {
    content: ""
}

.ss-kickstarter:before,
.ss-kickstarter.right:after {
    content: ""
}

.ss-foursquare:before,
.ss-foursquare.right:after {
    content: ""
}

.ss-yelp:before,
.ss-yelp.right:after {
    content: ""
}

.ss-skype:before,
.ss-skype.right:after {
    content: ""
}

.ss-rdio:before,
.ss-rdio.right:after {
    content: ""
}

.ss-spotify:before,
.ss-spotify.right:after {
    content: ""
}

.ss-lastfm:before,
.ss-lastfm.right:after {
    content: ""
}

.ss-soundcloud:before,
.ss-soundcloud.right:after {
    content: ""
}

.ss-link:before,
.ss-link.right:after {
    content: "🔗"
}

.ss-phone:before,
.ss-phone.right:after {
    content: "📞"
}

.ss-mail:before,
.ss-mail.right:after {
    content: "✉"
}

.ss-like:before,
.ss-like.right:after {
    content: "👍"
}

.ss-rss:before,
.ss-rss.right:after {
    content: ""
}

.ss-share:before,
.ss-share.right:after {
    content: ""
}

.ss-apple:before,
.ss-apple.right:after {
    content: ""
}

.ss-microsoft:before,
.ss-microsoft.right:after {
    content: ""
}

.ss-windows:before,
.ss-windows.right:after {
    content: ""
}

.ss-android:before,
.ss-android.right:after {
    content: ""
}

.ss-blackberry:before,
.ss-blackberry.right:after {
    content: ""
}

.ss-fivehundredpx:before,
.ss-fivehundredpx.right:after {
    content: ""
}

@font-face {
    font-family: "SSKickstarter";
    src: url(ss-kickstarter-dc6f588f6226bfe56216a5e7579e2284372b2ea97e341d0531be23025201bde9.eot);
    src: url(ss-kickstarter-dc6f588f6226bfe56216a5e7579e2284372b2ea97e341d0531be23025201bde9.eot?#iefix) format("embedded-opentype"), url(ss-kickstarter-45c32f48987db6416a9b01f3420ff2693ab0eec27e5dd8870aca89fb76404aa7.woff) format("woff"), url(ss-kickstarter-9a4fdf558e81be8a018f82550e4931dfc6dac93a5030fde72efd1606199cc3fc.ttf) format("truetype"), url(ss-kickstarter-80b0a58f2ff980f01bae79d60d797f86468107b85c2180bc5c2d660f6b3be642.svg#SSKickstarter) format("svg");
    font-weight: 400;
    font-style: normal
}

html:hover [class^="ss-"] {
    -ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-kickstarter,
.ss-icon:before,
.ss-icon.ss-kickstarter:before,
.ss-icon.right:after,
.ss-icon.ss-kickstarter.right:after {
    font-family: "SSKickstarter";
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
    display: none;
    content: ""
}

.ss-search:before,
.ss-search.right:after {
    content: "🔎"
}

.ss-link:before,
.ss-link.right:after {
    content: "🔗"
}

.ss-unlink:before,
.ss-unlink.right:after {
    content: ""
}

.ss-move:before,
.ss-move.right:after {
    content: ""
}

.ss-write:before,
.ss-write.right:after {
    content: "✎"
}

.ss-compose:before,
.ss-compose.right:after {
    content: "📝"
}

.ss-lock:before,
.ss-lock.right:after {
    content: "🔒"
}

.ss-tag:before,
.ss-tag.right:after {
    content: ""
}

.ss-heart:before,
.ss-heart.right:after {
    content: "♥"
}

.ss-star:before,
.ss-star.right:after {
    content: "⋆"
}

.ss-reply:before,
.ss-reply.right:after {
    content: "↩"
}

.ss-mail:before,
.ss-mail.right:after {
    content: "✉"
}

.ss-chat:before,
.ss-chat.right:after {
    content: "💬"
}

.ss-user:before,
.ss-user.right:after {
    content: "👤"
}

.ss-barchart:before,
.ss-barchart.right:after {
    content: "📊"
}

.ss-globe:before,
.ss-globe.right:after {
    content: "🌎"
}

.ss-location:before,
.ss-location.right:after {
    content: ""
}

.ss-music:before,
.ss-music.right:after {
    content: "♫"
}

.ss-volume:before,
.ss-volume.right:after {
    content: "🔈"
}

.ss-highvolume:before,
.ss-highvolume.right:after {
    content: "🔊"
}

.ss-picture:before,
.ss-picture.right:after {
    content: "🌄"
}

.ss-video:before,
.ss-video.right:after {
    content: "📹"
}

.ss-play:before,
.ss-play.right:after {
    content: "▶"
}

.ss-pause:before,
.ss-pause.right:after {
    content: ""
}

.ss-grid:before,
.ss-grid.right:after {
    content: ""
}

.ss-rows:before,
.ss-rows.right:after {
    content: ""
}

.ss-cell:before,
.ss-cell.right:after {
    content: "📱"
}

.ss-download:before,
.ss-download.right:after {
    content: ""
}

.ss-list:before,
.ss-list.right:after {
    content: ""
}

.ss-action:before,
.ss-action.right:after {
    content: ""
}

.ss-expand:before,
.ss-expand.right:after {
    content: "⤢"
}

.ss-help:before,
.ss-help.right:after {
    content: "❓"
}

.ss-info:before,
.ss-info.right:after {
    content: "ℹ"
}

.ss-alert:before,
.ss-alert.right:after {
    content: "⚠"
}

.ss-plus:before,
.ss-plus.right:after {
    content: "+"
}

.ss-check:before,
.ss-check.right:after {
    content: "✓"
}

.ss-delete:before,
.ss-delete.right:after {
    content: "␡"
}

.ss-clock:before,
.ss-clock.right:after {
    content: "⏲"
}

.ss-calendar:before,
.ss-calendar.right:after {
    content: "📅"
}

.ss-navigateup:before,
.ss-navigateup.right:after {
    content: ""
}

.ss-navigateright:before,
.ss-navigateright.right:after {
    content: "▻"
}

.ss-navigatedown:before,
.ss-navigatedown.right:after {
    content: ""
}

.ss-navigateleft:before,
.ss-navigateleft.right:after {
    content: "◅"
}

.ss-directup:before,
.ss-directup.right:after {
    content: "▴"
}

.ss-dropdown:before,
.ss-dropdown.right:after {
    content: "▾"
}

.ss-backer:before,
.ss-backer.right:after {
    content: ""
}

.ss-facebook:before,
.ss-facebook.right:after {
    content: ""
}

.ss-twitter:before,
.ss-twitter.right:after {
    content: ""
}

.ss-kickstarter:before,
.ss-kickstarter.right:after {
    content: ""
}

.ss-rss:before,
.ss-rss.right:after {
    content: ""
}

.liquid-container {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.liquid-child {
    overflow: hidden
}

.lm-container {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer
}

.lf-dialog {
    position: relative;
    background: white;
    padding: 1.5em;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    max-width: 20em
}

.lf-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
    z-index: 1
}

.lf-modal-open {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    background: none !important;
    border: 0 !important;
    bottom: auto !important;
    float: none !important;
    height: auto !important;
    left: auto !important;
    line-height: 1.1em !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    top: auto !important;
    vertical-align: baseline !important;
    width: auto !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 1em !important;
    min-height: inherit !important;
    min-height: auto !important
}

.syntaxhighlighter {
    width: 100% !important;
    margin: 1em 0 1em 0 !important;
    position: relative !important;
    overflow: auto !important;
    font-size: 1em !important
}

.syntaxhighlighter.source {
    overflow: hidden !important
}

.syntaxhighlighter .bold {
    font-weight: bold !important
}

.syntaxhighlighter .italic {
    font-style: italic !important
}

.syntaxhighlighter .line {
    white-space: pre !important
}

.syntaxhighlighter table {
    width: 100% !important
}

.syntaxhighlighter table caption {
    text-align: left !important;
    padding: .5em 0 0.5em 1em !important
}

.syntaxhighlighter table td.code {
    width: 100% !important
}

.syntaxhighlighter table td.code .container {
    position: relative !important
}

.syntaxhighlighter table td.code .container textarea {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: white !important;
    padding-left: 1em !important;
    overflow: hidden !important;
    white-space: pre !important
}

.syntaxhighlighter table td.gutter .line {
    text-align: right !important;
    padding: 0 0.5em 0 1em !important
}

.syntaxhighlighter table td.code .line {
    padding: 0 1em !important
}

.syntaxhighlighter.nogutter td.code .container textarea,
.syntaxhighlighter.nogutter td.code .line {
    padding-left: 0em !important
}

.syntaxhighlighter.show {
    display: block !important
}

.syntaxhighlighter.collapsed table {
    display: none !important
}

.syntaxhighlighter.collapsed .toolbar {
    padding: 0.1em 0.8em 0em 0.8em !important;
    font-size: 1em !important;
    position: static !important;
    width: auto !important;
    height: auto !important
}

.syntaxhighlighter.collapsed .toolbar span {
    display: inline !important;
    margin-right: 1em !important
}

.syntaxhighlighter.collapsed .toolbar span a {
    padding: 0 !important;
    display: none !important
}

.syntaxhighlighter.collapsed .toolbar span a.expandSource {
    display: inline !important
}

.syntaxhighlighter .toolbar {
    position: absolute !important;
    right: 1px !important;
    top: 1px !important;
    width: 11px !important;
    height: 11px !important;
    font-size: 10px !important;
    z-index: 10 !important
}

.syntaxhighlighter .toolbar span.title {
    display: inline !important
}

.syntaxhighlighter .toolbar a {
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    padding-top: 1px !important
}

.syntaxhighlighter .toolbar a.expandSource {
    display: none !important
}

.syntaxhighlighter.ie {
    font-size: .9em !important;
    padding: 1px 0 1px 0 !important
}

.syntaxhighlighter.ie .toolbar {
    line-height: 8px !important
}

.syntaxhighlighter.ie .toolbar a {
    padding-top: 0px !important
}

.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
    background: none !important
}

.syntaxhighlighter.printing .line .number {
    color: #bbbbbb !important
}

.syntaxhighlighter.printing .line .content {
    color: black !important
}

.syntaxhighlighter.printing .toolbar {
    display: none !important
}

.syntaxhighlighter.printing a {
    text-decoration: none !important
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a {
    color: black !important
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a {
    color: #008200 !important
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a {
    color: blue !important
}

.syntaxhighlighter.printing .keyword {
    color: #006699 !important;
    font-weight: bold !important
}

.syntaxhighlighter.printing .preprocessor {
    color: gray !important
}

.syntaxhighlighter.printing .variable {
    color: #aa7700 !important
}

.syntaxhighlighter.printing .value {
    color: #009900 !important
}

.syntaxhighlighter.printing .functions {
    color: #ff1493 !important
}

.syntaxhighlighter.printing .constants {
    color: #0066cc !important
}

.syntaxhighlighter.printing .script {
    font-weight: bold !important
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a {
    color: gray !important
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a {
    color: #ff1493 !important
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a {
    color: red !important
}

.syntaxhighlighter.printing .break,
.syntaxhighlighter.printing .break a {
    color: black !important
}

.syntaxhighlighter {
    background-color: white !important
}

.syntaxhighlighter .line.alt1 {
    background-color: white !important
}

.syntaxhighlighter .line.alt2 {
    background-color: white !important
}

.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {
    background-color: #e0e0e0 !important
}

.syntaxhighlighter .line.highlighted.number {
    color: black !important
}

.syntaxhighlighter table caption {
    color: black !important
}

.syntaxhighlighter .gutter {
    color: #afafaf !important
}

.syntaxhighlighter .gutter .line {
    border-right: 3px solid #6ce26c !important
}

.syntaxhighlighter .gutter .line.highlighted {
    background-color: #6ce26c !important;
    color: white !important
}

.syntaxhighlighter.printing .line .content {
    border: none !important
}

.syntaxhighlighter.collapsed {
    overflow: visible !important
}

.syntaxhighlighter.collapsed .toolbar {
    color: blue !important;
    background: white !important;
    border: 1px solid #6ce26c !important
}

.syntaxhighlighter.collapsed .toolbar a {
    color: blue !important
}

.syntaxhighlighter.collapsed .toolbar a:hover {
    color: red !important
}

.syntaxhighlighter .toolbar {
    color: white !important;
    background: #6ce26c !important;
    border: none !important
}

.syntaxhighlighter .toolbar a {
    color: white !important
}

.syntaxhighlighter .toolbar a:hover {
    color: black !important
}

.syntaxhighlighter .plain,
.syntaxhighlighter .plain a {
    color: black !important
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a {
    color: #008200 !important
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a {
    color: blue !important
}

.syntaxhighlighter .keyword {
    color: #006699 !important
}

.syntaxhighlighter .preprocessor {
    color: gray !important
}

.syntaxhighlighter .variable {
    color: #aa7700 !important
}

.syntaxhighlighter .value {
    color: #009900 !important
}

.syntaxhighlighter .functions {
    color: #ff1493 !important
}

.syntaxhighlighter .constants {
    color: #0066cc !important
}

.syntaxhighlighter .script {
    font-weight: bold !important;
    color: #006699 !important;
    background-color: none !important
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a {
    color: gray !important
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a {
    color: #ff1493 !important
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a {
    color: red !important
}

.syntaxhighlighter .keyword {
    font-weight: bold !important
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

body {
    color: #020621;
    font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    -webkit-font-smoothing: antialiased
}

b,
strong {
    font-weight: bold
}

i,
em {
    font-style: italic
}

a {
    color: #2752ff;
    text-decoration: none
}

a:hover {
    color: #060F46
}

a:focus,
.button:focus,
div:focus,
li:focus {
    outline: 1px dotted #3D3D66
}

hr {
    border-color: #F1EEEA;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0
}

a.grey_link {
    text-decoration: underline;
    color: #3D3D66
}

a.grey_link:hover {
    color: #020621
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 20px
}

.mega {
    font-weight: normal
}

h4 {
    margin-bottom: 10px
}

h5 {
    margin-bottom: 10px
}

h6 {
    margin-bottom: 0
}

.h60 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: normal;
    line-height: 60px
}

.h48 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 1.0416
}

.h32 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.25
}

.h22 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 22px
}

.h16 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    margin-bottom: 10px
}

.h14 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px
}

.h12 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 12px;
    margin-bottom: 0
}

.normal_weight {
    font-weight: normal
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

li {
    margin-left: 30px
}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 20px
}

.big_type {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px
}

.small_type {
    font-size: 14px;
    margin-bottom: 10px
}

.tiny_type {
    font-size: 12px;
    margin-bottom: 10px
}

.normal_type {
    font-size: 16px;
    margin-bottom: 20px
}

blockquote {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px
}

code {
    font-family: Courier, monospace;
    border-radius: 2px;
    font-size: 12px;
    background-color: #F7F5F2;
    padding: 3px 5px
}

.project_post .body h1,
.project_post .body h2,
.project_post .body h3,
.project_post .body h4,
.project_post .body h5,
.project_post .body h6 {
    margin-bottom: 10px
}

.project_post .body h1,
.project_post .body h2 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 22px
}

.project_post .body h3,
.project_post .body h4 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    margin-bottom: 10px
}

.project_post .body h5,
.project_post .body h6 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px
}

.quote {
    color: #3D3D66;
    font-family: georgia, serif;
    font-size: 48px
}

.ss-icon,
.ss-social,
.ss-social-circle {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 0.99999em
}

.ss-icon.margin-right,
.ss-social.margin-right,
.ss-social-circle.margin-right {
    margin-right: 5px
}

.ss-icon.margin-left,
.ss-social.margin-left,
.ss-social-circle.margin-left {
    margin-left: 5px
}

.ss-icon.icon-large,
.ss-social.icon-large,
.ss-social-circle.icon-large {
    font-size: 3em
}

.ss-alert {
    color: #fd003b
}

.circle_x {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #3D3D66;
    color: #fff;
    font-size: 10px;
    line-height: 19px;
    cursor: pointer
}

.circle_x:hover {
    background: #2BDE73
}

.money {
    white-space: nowrap
}

.money.cad:after {
    content: " CAD"
}

.money.nzd:after {
    content: " NZD"
}

.money.aud:after {
    content: " AUD"
}

.money.sek:after {
    content: " SEK"
}

.money.dkk:after {
    content: " DKK"
}

.money.nok:after {
    content: " NOK"
}

.money.chf:after {
    content: " CHF"
}

.money.no-code:after {
    content: ""
}

.money.usd.show-code:after {
    content: " USD"
}

.disbursements__heading .money:after {
    position: relative;
    font-size: 60%;
    top: -0.75rem
}

input,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif
}

input.text,
input.input-text,
input.password,
input[type="text"],
textarea,
textarea.input-textarea,
iframe.editor,
select {
    border-radius: 6px;
    background: white;
    border: 1px solid #dad7d4;
    color: #020621;
    font-size: 14px;
    margin: 0;
    padding: 6px 5px;
    -webkit-font-smoothing: antialiased
}

input.text:focus,
input.input-text:focus,
input.password:focus,
input[type="text"]:focus,
textarea:focus,
textarea.input-textarea:focus,
iframe.editor:focus,
select:focus {
    border-color: #2752ff;
    background-color: #FFF;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
    -webkit-box-shadow: #F8F9FD 0 0 5px;
    -ms-box-shadow: #F8F9FD 0 0 5px;
    -o-box-shadow: #F8F9FD 0 0 5px;
    box-shadow: #F8F9FD 0 0 5px;
    outline: none
}

textarea {
    resize: none
}

input.button-link {
    border: none;
    border-radius: 0px;
    background-color: transparent;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    cursor: pointer;
    -webkit-appearance: none;
    color: #2752ff
}

input.button-link:hover {
    color: #060F46
}

label {
    display: block
}

label.radio {
    display: inline;
    margin-right: 1em;
    font-weight: normal
}

.ta-squeezer {
    margin-right: 12px
}

textarea {
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

input.checkbox,
input.radio {
    margin-right: 0.5em
}

label.checkbox,
label.radio,
label.label-checkbox {
    display: inline;
    font-weight: normal;
    text-transform: none
}

.green_checkbox {
    position: relative;
    display: block;
    height: 30px;
    vertical-align: middle;
    cursor: pointer
}

.green_checkbox .ss-icon {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: transparent;
    background-color: #fff;
    border: 1px solid #dad7d4;
    border-radius: 6px
}

.green_checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%
}

.green_checkbox input[type=checkbox]:checked ~ .ss-icon {
    color: #fff;
    background-color: #2BDE73;
    border-color: #2BDE73
}

.green_checkbox:hover .ss-icon {
    border-color: #2752ff
}

.field-selected {
    display: inline;
    float: left;
    color: #020621;
    background-color: #EFEFF3;
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    border-radius: 6px
}

.field-selected span.value {
    display: block;
    display: inline;
    float: left;
    width: 242px
}

.field-selected .ss-icon {
    font-size: 12px;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-right: 5px
}

.field-selected a.cancel-link {
    background-image: none;
    float: right;
    padding: 12px 10px 8px;
    margin: -10px;
    color: #3D3D66;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.field-selected a.cancel-link:hover {
    color: #020621;
    background: #d2d2dd
}

#flash {
    font-size: 0px;
    border-left: 1px solid #facb72;
    border-right: 1px solid #facb72;
    width: 960px;
    margin: 0 auto;
    padding: 0
}

ul#flashes {
    margin: 0
}

.flash-error,
.flash-notice,
.flash-success {
    border-radius: 6px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px
}

.noscript {
    margin: 0 !important;
    padding: 20px 40px !important
}

.flash-error {
    background: #fd003b;
    color: #fff
}

.flash-notice {
    background-color: #fcdda3
}

.flash-success {
    background-color: #80809E
}

.onpage-flash {
    background-color: #fcdda3;
    padding: 1em
}

.field_with_errors textarea,
.field_with_errors input.text,
.field_with_errors input.checkbox,
.field_with_errors select.select,
.field_with_errors input.password {
    background: #ffecf0;
    border: 1px solid #fd003b;
    -webkit-box-shadow: none;
    box-shadow: none
}

fieldset ol {
    list-style: none
}

fieldset ol li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

fieldset ol li {
    overflow: hidden;
    *zoom: 1
}

fieldset label {
    display: block
}

fieldset legend {
    font-weight: bold
}

fieldset input.checkbox {
    margin-right: 5px
}

fieldset select.input-select {
    border: 1px solid #F1EEEA;
    border-radius: 6px;
    padding: 7px 5px
}

fieldset textarea.input-textarea {
    padding: 5px;
    resize: none
}

fieldset .fieldset-errors h2 {
    display: none
}

fieldset .fieldset-errors ul {
    list-style-type: disc;
    list-style-position: outside;
    background: #fd003b;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 20px;
    line-height: 24px
}

fieldset .fieldset-errors ul li {
    margin: 0 0 0 10px
}

#login-signup fieldset ol li {
    overflow: visible
}

.field.search,
.field.search_term {
    position: relative
}

.field.search .field_with_icon,
.field.search_term .field_with_icon {
    position: relative
}

.field.search .icon-loading-small,
.field.search_term .icon-loading-small {
    position: absolute;
    top: 5px;
    left: 7px
}

.field.search .ss-search,
.field.search_term .ss-search {
    color: #F1EEEA;
    position: absolute;
    top: 3px;
    left: 10px
}

.field.search .icon-loading-small,
.field.search_term .icon-loading-small {
    top: 4px;
    left: 5px
}

.field.search .ss-delete:not(.cancel-link),
.field.search_term .ss-delete:not(.cancel-link) {
    color: #F1EEEA;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    top: 6px;
    right: 10px
}

.field.search .ss-delete:not(.cancel-link):hover,
.field.search_term .ss-delete:not(.cancel-link):hover {
    color: #3D3D66
}

.field.search.field_on_bottom .icon-loading-small,
.field.search.field_on_bottom .ss-icon.ss-search,
.field.search_term.field_on_bottom .icon-loading-small,
.field.search_term.field_on_bottom .ss-icon.ss-search {
    top: auto;
    bottom: 5px
}

.field.search.field_on_bottom .icon-loading-small,
.field.search_term.field_on_bottom .icon-loading-small {
    top: auto;
    bottom: 4px
}

.field.search input.text,
.field.search_term input.text {
    outline: none;
    padding-left: 30px;
    padding-right: 28px
}

.field.search input.text.no_search_icon,
.field.search_term input.text.no_search_icon {
    background: url(/assets/icons/search_icon-65e5b1b09402f2642bde1b545f4fabbea06550c452d1a80083db7855b2b8db84.png) no-repeat scroll 4px 4px transparent
}

.field.search input.text.no_search_icon.searching,
.field.search_term input.text.no_search_icon.searching {
    background: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat scroll 4px 4px transparent
}

.field.search .results,
.field.search_term .results {
    display: none;
    text-align: center
}

.field.search .results ul,
.field.search .results div.no_results,
.field.search_term .results ul,
.field.search_term .results div.no_results {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid #F1EEEA;
    border-radius: 6px;
    font-size: 12px;
    color: #3D3D66;
    overflow: hidden
}

.field.search .results ul.no_results,
.field.search .results div.no_results.no_results,
.field.search_term .results ul.no_results,
.field.search_term .results div.no_results.no_results {
    line-height: 14px;
    color: white;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px
}

.field.search .results ul li,
.field.search .results div.no_results li,
.field.search_term .results ul li,
.field.search_term .results div.no_results li {
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #F1EEEA;
    padding: 10px
}

.field.search .results ul li.selected,
.field.search .results div.no_results li.selected,
.field.search_term .results ul li.selected,
.field.search_term .results div.no_results li.selected {
    background-color: #F7F5F2
}

.field.search .results ul li:last-child,
.field.search .results div.no_results li:last-child,
.field.search_term .results ul li:last-child,
.field.search_term .results div.no_results li:last-child {
    border: 0
}

.field.search .results ul li .count,
.field.search .results div.no_results li .count,
.field.search_term .results ul li .count,
.field.search_term .results div.no_results li .count {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 9px;
    margin-top: 6px;
    padding: 0 6px;
    padding-top: 3px;
    font-size: 11px;
    line-height: 13px;
    float: right;
    background-color: black;
    color: white;
    font-weight: normal
}

.field.search .results.limited-height ul,
.field.search .results.limited-height div.no_results,
.field.search_term .results.limited-height ul,
.field.search_term .results.limited-height div.no_results {
    max-height: 115px;
    overflow: auto
}

.grey-field {
    background-color: #F8F9FD;
    border-radius: 6px;
    display: block;
    line-height: 30px;
    margin: 0;
    padding: 4px;
    position: relative
}

.grey-field.with-action input {
    margin-right: 3px
}

.grey-field.focus {
    background: #F8F9FD
}

.grey-field.focus label {
    color: #020621
}

.grey-field.error {
    background: #ffecf0
}

.grey-field.error .asset_upload {
    border: 1px solid #fd003b
}

.grey-field.error .ss-help {
    color: #fd003b
}

.grey-field.error .field_with_errors label {
    color: #fd003b
}

.grey-field.error .field_with_errors input,
.grey-field.error .field_with_errors input.text,
.grey-field.error .field_with_errors input.input-text,
.grey-field.error .field_with_errors textarea {
    background: #ffecf0;
    border-color: #fd003b
}

.grey-field.error .field_with_errors select.select {
    border-color: #fd003b;
    background: #ffecf0 url(/assets/library/forms/select-large-error-bg-6cc01c2cde985240e12e4485dce748b757a486a0301a06975f88de0c2731c8ff.png) no-repeat 422px 14px
}

.grey-field label,
.grey-field .label {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    padding: 10px 5px 10px 10px
}

.grey-field input.text,
.grey-field input.input-text,
.grey-field input.password,
.grey-field input[type="text"],
.grey-field textarea,
.grey-field textarea.input-textarea,
.grey-field iframe.editor,
.grey-field select {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    line-height: 18px;
    width: 100%
}

.grey-field textarea {
    height: 70px;
    vertical-align: top
}

.grey-field select {
    -webkit-appearance: none;
    background: #FFF url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png) no-repeat 422px 14px;
    padding: 10px 9px 10px 7px
}

.grey-field select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png) no-repeat 422px 14px
}

.grey-field .custom-form-element.disabled,
.grey-field input[disabled],
.grey-field textarea[disabled],
.grey-field select[disabled] {
    -webkit-text-fill-color: #3D3D66;
    color: #3D3D66;
    background: #F7F5F2 !important
}

.grey-field fieldset {
    border-radius: 3px;
    border: 1px solid #F1EEEA;
    background: white;
    margin-bottom: 5px
}

.grey-field fieldset:last-child {
    margin-bottom: 0
}

form.overlabels .field.search .ss-search {
    top: 2px
}

form.overlabels .field.search .ss-delete {
    display: none
}

#credit_card_form input[type="text"],
#credit_card_form textarea,
#credit_card_form select,
#new_sepa_account_form input[type="text"],
#new_sepa_account_form textarea,
#new_sepa_account_form select,
ol.refund_checkouts_form input[type="text"],
ol.refund_checkouts_form textarea,
ol.refund_checkouts_form select {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#credit_card_form select,
#new_sepa_account_form select,
ol.refund_checkouts_form select {
    background: #fff url(/assets/library/forms/select-arrow-74f44df2c6283696b97945d227cfaaea765317df5b94de6061b720631ec1c216.png) no-repeat right center;
    border: 1px solid #F1EEEA;
    -webkit-appearance: none
}

#credit_card_form select:focus,
#new_sepa_account_form select:focus,
ol.refund_checkouts_form select:focus {
    background: url(/assets/library/forms/select-arrow-focus-ea401a49d95f0e7ccc808e98e171564c26431d0d7417fa3a04bf45ce751656cd.png) no-repeat right center
}

#credit_card_form li.invalid input[type="text"],
#credit_card_form li.invalid textarea,
#credit_card_form li.invalid select,
#credit_card_form .field_with_errors input[type="text"],
#credit_card_form .field_with_errors textarea,
#credit_card_form .field_with_errors select,
#new_sepa_account_form li.invalid input[type="text"],
#new_sepa_account_form li.invalid textarea,
#new_sepa_account_form li.invalid select,
#new_sepa_account_form .field_with_errors input[type="text"],
#new_sepa_account_form .field_with_errors textarea,
#new_sepa_account_form .field_with_errors select,
ol.refund_checkouts_form li.invalid input[type="text"],
ol.refund_checkouts_form li.invalid textarea,
ol.refund_checkouts_form li.invalid select,
ol.refund_checkouts_form .field_with_errors input[type="text"],
ol.refund_checkouts_form .field_with_errors textarea,
ol.refund_checkouts_form .field_with_errors select {
    background: #ffecf0;
    border-color: #fd003b
}

#credit_card_form li.invalid input[type="text"]#card_accountNumber,
#credit_card_form li.invalid textarea#card_accountNumber,
#credit_card_form li.invalid select#card_accountNumber,
#credit_card_form .field_with_errors input[type="text"]#card_accountNumber,
#credit_card_form .field_with_errors textarea#card_accountNumber,
#credit_card_form .field_with_errors select#card_accountNumber,
#new_sepa_account_form li.invalid input[type="text"]#card_accountNumber,
#new_sepa_account_form li.invalid textarea#card_accountNumber,
#new_sepa_account_form li.invalid select#card_accountNumber,
#new_sepa_account_form .field_with_errors input[type="text"]#card_accountNumber,
#new_sepa_account_form .field_with_errors textarea#card_accountNumber,
#new_sepa_account_form .field_with_errors select#card_accountNumber,
ol.refund_checkouts_form li.invalid input[type="text"]#card_accountNumber,
ol.refund_checkouts_form li.invalid textarea#card_accountNumber,
ol.refund_checkouts_form li.invalid select#card_accountNumber,
ol.refund_checkouts_form .field_with_errors input[type="text"]#card_accountNumber,
ol.refund_checkouts_form .field_with_errors textarea#card_accountNumber,
ol.refund_checkouts_form .field_with_errors select#card_accountNumber {
    background: url(/assets/credit_cards/icon-cc-valid-ba459707aea3aac6e79ffb1c9c1b3256a1089eefbc1146547f15a3e59e8d57de.png) no-repeat 335px center #ffecf0
}

#credit_card_form li.invalid input[type="text"]#card_accountNumber.valid,
#credit_card_form li.invalid textarea#card_accountNumber.valid,
#credit_card_form li.invalid select#card_accountNumber.valid,
#credit_card_form .field_with_errors input[type="text"]#card_accountNumber.valid,
#credit_card_form .field_with_errors textarea#card_accountNumber.valid,
#credit_card_form .field_with_errors select#card_accountNumber.valid,
#new_sepa_account_form li.invalid input[type="text"]#card_accountNumber.valid,
#new_sepa_account_form li.invalid textarea#card_accountNumber.valid,
#new_sepa_account_form li.invalid select#card_accountNumber.valid,
#new_sepa_account_form .field_with_errors input[type="text"]#card_accountNumber.valid,
#new_sepa_account_form .field_with_errors textarea#card_accountNumber.valid,
#new_sepa_account_form .field_with_errors select#card_accountNumber.valid,
ol.refund_checkouts_form li.invalid input[type="text"]#card_accountNumber.valid,
ol.refund_checkouts_form li.invalid textarea#card_accountNumber.valid,
ol.refund_checkouts_form li.invalid select#card_accountNumber.valid,
ol.refund_checkouts_form .field_with_errors input[type="text"]#card_accountNumber.valid,
ol.refund_checkouts_form .field_with_errors textarea#card_accountNumber.valid,
ol.refund_checkouts_form .field_with_errors select#card_accountNumber.valid {
    background-position: 306px center
}

#credit_card_form li.invalid select,
#credit_card_form .field_with_errors select,
#new_sepa_account_form li.invalid select,
#new_sepa_account_form .field_with_errors select,
ol.refund_checkouts_form li.invalid select,
ol.refund_checkouts_form .field_with_errors select {
    background: #ffecf0 url(/assets/library/forms/select-arrow-error-05dda5cf28bb523a79b46902444fb36762e1cfd2aa7dd79dfd75bdba2614adf2.png) no-repeat right center
}

form.search.term {
    display: inline;
    float: right
}

form.search.term .field {
    display: inline;
    float: left
}

form.search.term .field input {
    border-radius: 6px 0px 0px 6px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background: #fff;
    border: 1px solid #dad7d4;
    border-right: none;
    margin: 0px;
    padding: 8px 25px 8px 34px;
    font-size: 14px;
    height: 16px;
    width: 157px
}

form.search.term .field input.focused {
    border-color: #2752ff;
    width: 217px
}

form.search.term .field .overlabel {
    height: 26px;
    line-height: 26px;
    padding-left: 35px;
    font-size: 14px;
    color: #aba49e;
    overflow: hidden
}

form.search.term .field .ss-search {
    position: absolute;
    top: 0px;
    left: 10px;
    color: #c3beb9;
    line-height: 38px;
    font-size: 15px
}

form.search.term .field .ss-icon.ss-delete {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
    cursor: pointer
}

form.search.term .submit {
    display: inline;
    float: right;
    border-radius: 0px 6px 6px 0px;
    background: #2BDE73;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
    padding: 0px 10px;
    line-height: 34px;
    height: 34px
}

form.search.term .submit:hover {
    background: #1db95c
}

.blue_select_container {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    position: relative;
    cursor: pointer
}

.blue_select_container select {
    -webkit-appearance: none;
    border-color: #2752ff;
    background-color: #F8F9FD;
    color: #2752ff;
    padding: 5px 35px 5px 15px;
    text-transform: capitalize
}

.blue_select_container select:focus {
    background-color: #F8F9FD
}

.blue_select_container .ss-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 10px;
    color: #2752ff
}

form.asset_upload,
.asset_upload {
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border-radius: 6px;
    border: 1px dashed #586BE9
}

form.asset_upload.has_file .success,
.asset_upload.has_file .success {
    display: block
}

form.asset_upload.has_file .has_file_show,
.asset_upload.has_file .has_file_show {
    display: block
}

form.asset_upload.has_file .has_file_hide,
.asset_upload.has_file .has_file_hide {
    display: none
}

form.asset_upload.encoding .success,
.asset_upload.encoding .success {
    display: none
}

form.asset_upload.encoding .upload strong,
.asset_upload.encoding .upload strong {
    display: none
}

form.asset_upload.encoding .encode,
.asset_upload.encoding .encode {
    display: block
}

form.asset_upload.uploading input.file,
.asset_upload.uploading input.file {
    display: none
}

form.asset_upload.uploading .encode,
.asset_upload.uploading .encode {
    display: none
}

form.asset_upload.uploading .upload .progress,
.asset_upload.uploading .upload .progress {
    display: block
}

form.asset_upload.uploading .success,
.asset_upload.uploading .success {
    display: none
}

form.asset_upload.uploading .upload strong,
.asset_upload.uploading .upload strong {
    display: none
}

form.asset_upload .error,
.asset_upload .error {
    display: none;
    color: #fd003b;
    background: #ffecf0;
    padding: 10px;
    text-align: center
}

form.asset_upload .encode,
.asset_upload .encode {
    display: none
}

form.asset_upload .footer,
.asset_upload .footer {
    display: none
}

form.asset_upload .encode .image-placeholder,
.asset_upload .encode .image-placeholder {
    display: inline-block;
    background: url(/assets/projects/edit/encoding-placeholder-6f0c9058d16fbe65ec7689efa6c1feb4e8153712474b3e773623932cf8d895fc.png) no-repeat;
    width: 100px;
    height: 80px;
    margin-left: 10px;
    display: none
}

form.asset_upload .encode .message,
.asset_upload .encode .message {
    display: inline-block;
    text-align: left;
    padding: 30px 35px;
    width: 422px
}

form.asset_upload .encode .message strong,
.asset_upload .encode .message strong {
    border: 0;
    color: #2BDE73;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    font-size: 16px
}

form.asset_upload .encode .message P,
.asset_upload .encode .message P {
    color: #020621;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0
}

form.asset_upload .success,
.asset_upload .success {
    display: none;
    float: none;
    vertical-align: top;
    position: relative;
    z-index: 2
}

form.asset_upload .success h2,
.asset_upload .success h2 {
    font-size: 18px;
    margin-bottom: 5px
}

form.asset_upload .success .image-clip,
.asset_upload .success .image-clip {
    position: relative;
    line-height: 1px
}

form.asset_upload .success .image-clip img,
.asset_upload .success .image-clip img {
    margin: 0 auto;
    height: auto;
    width: 100%
}

form.asset_upload .success .image-clip .remove,
.asset_upload .success .image-clip .remove {
    position: absolute;
    top: 5px;
    left: 5px
}

form.asset_upload .upload,
.asset_upload .upload {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
    height: auto;
    width: 100%
}

form.asset_upload .upload strong,
.asset_upload .upload strong {
    display: table-cell;
    height: 38px;
    vertical-align: middle;
    width: 410px;
    font-size: 13px;
    padding: 20px;
    line-height: 18px;
    color: #2752ff
}

form.asset_upload .upload strong em,
.asset_upload .upload strong em {
    font-style: normal;
    text-transform: lowercase
}

form.asset_upload .upload strong span,
.asset_upload .upload strong span {
    display: block;
    color: #3D3D66;
    font-size: 11px;
    font-weight: normal
}

form.asset_upload .upload:hover,
.asset_upload .upload:hover {
    background: #F8F9FD;
    border-radius: 6px
}

form.asset_upload .upload input.file,
.asset_upload .upload input.file {
    position: absolute;
    font-size: 60px;
    opacity: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    cursor: pointer
}

form.asset_upload .upload .progress,
.asset_upload .upload .progress {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #80809E
}

form.asset_upload .upload .progress.finished,
.asset_upload .upload .progress.finished {
    background-color: #F8F9FD
}

form.asset_upload .upload .progress.finished .inner,
.asset_upload .upload .progress.finished .inner {
    border: 1px solid #2752ff
}

form.asset_upload .upload .progress.finished .bar,
.asset_upload .upload .progress.finished .bar {
    background: url(/assets/curated_pages/progress-processing-8e158738cc84efd94d61a82a49eafe67a18728aa1432d4fa52c6b55cb4fb1703.gif) repeat-x left center
}

form.asset_upload .upload .progress .inner,
.asset_upload .upload .progress .inner {
    border: 1px solid #2BDE73;
    -ms-background-clip: border-box;
    background-clip: border-box;
    overflow: hidden
}

form.asset_upload .upload .progress .bar,
.asset_upload .upload .progress .bar {
    background: url(/assets/curated_pages/progress-0641059c03de7098548054d7be87d351061f466e8c6a23e75e0301ede795856b.gif) repeat-x left center;
    width: 0;
    height: 100%
}

form.asset_upload .upload .progress .bar .percentage,
.asset_upload .upload .progress .bar .percentage {
    color: white;
    font-weight: bold;
    font-size: 45px;
    line-height: 80px;
    margin-left: 20px;
    text-align: left
}

form.asset_upload .upload .progress .inner .percentage,
.asset_upload .upload .progress .inner .percentage {
    font-size: 30px;
    line-height: 68px
}

form.asset_upload.profile-photo .success,
.asset_upload.profile-photo .success {
    float: left
}

form.asset_upload.profile-photo .success img,
.asset_upload.profile-photo .success img {
    width: 98%
}

form.asset_upload.profile-photo .upload,
.asset_upload.profile-photo .upload {
    width: 100%;
    height: 78px;
    margin: 0 auto
}

#projects_edit .profile-photo .success {
    float: left
}

#projects_edit .profile-photo .success img {
    width: 98%
}

#projects_edit .profile-photo .upload {
    width: 100%;
    height: 78px;
    margin: 0 auto
}

#admin_chargebacks_edit .success strong {
    cursor: pointer;
    background-color: #80809E;
    display: block;
    font-size: 13px;
    padding: 20px;
    line-height: 18px;
    color: #80809E
}

#admin_chargebacks_edit .success strong a {
    color: #2BDE73
}

#admin_chargebacks_edit .success strong em {
    font-style: normal;
    text-transform: lowercase
}

#admin_chargebacks_edit .success strong span {
    display: block;
    color: #3D3D66;
    font-size: 11px;
    font-weight: normal
}

.main-project-image .success {
    width: 100%;
    height: auto;
    float: none
}

.main-project-image .upload {
    width: 100%
}

.asset_upload.client-uploader.uploading .finished {
    display: none !important
}

.asset_upload.client-uploader.uploading .upload .progress.tmpl {
    display: none
}

ul.faqs {
    list-style: none;
    margin: 0 0 20px 0
}

ul.faqs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ul.faqs li.faq {
    margin-bottom: 5px
}

ul.faqs li.faq .faq-question a {
    cursor: pointer;
    display: block;
    font-size: 14px;
    position: relative;
    padding: 8px 15px 10px 25px;
    text-transform: none
}

ul.faqs li.faq .faq-question a .ss-navigateright {
    position: absolute;
    top: 11px;
    left: 6px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    font-size: 0.8em
}

ul.faqs li.faq .faq-question a:hover {
    color: #060F46
}

ul.faqs li.faq .faq-answer {
    display: block;
    color: #020621;
    font-size: 15px;
    line-height: 23px;
    padding: 10px 20px;
    overflow: hidden
}

ul.faqs li.faq .faq-answer .timestamp {
    font-size: 11px;
    color: #3D3D66
}

ul.faqs li.faq .faq-answer p:last-child {
    margin-bottom: 0
}

ul.faqs li.faq.expanded {
    margin-bottom: 10px
}

ul.faqs li.faq.expanded .faq-question .ss-navigateright {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

ul.faqs li.faq.expanded .faq-answer {
    display: block
}

ul.faqs_alt {
    list-style: none
}

ul.faqs_alt li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ul.faqs_alt li {
    margin-bottom: 10px
}

ul.faqs_alt li .question {
    border-radius: 6px;
    background: #F8F9FD;
    border: 1px solid transparent;
    color: #2752ff;
    display: block;
    padding: 8px 10px
}

ul.faqs_alt li .question:hover {
    background-color: #d0d7f2;
    color: #2752ff
}

ul.faqs_alt li .question .svg-icon__arrow-right {
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 12px;
    height: 12px;
    fill: currentColor;
    vertical-align: -1px;
    margin-right: 3px
}

ul.faqs_alt li .answer {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #F8F9FD;
    display: none;
    padding: 10px 32px 20px
}

ul.faqs_alt li.expanded .svg-icon__arrow-right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

ul.faqs_alt li.expanded .question {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #F8F9FD;
    color: #2752ff
}

ul.faqs_alt li.expanded .answer {
    display: block
}

.mobius_page ul.mobius {
    list-style: none
}

.mobius_page .missing {
    background: url(/assets/plugins/mobius/missing-1e0cb4816c1338797240e98cd3f1f69e5a5beff259f480caa8fec85427525a3e.png) center center no-repeat;
    padding: 8px 0;
    margin: 0 0 20px;
    height: 42px
}

.mobius_page .missing div.load_more {
    width: 100%;
    text-align: center
}

.mobius_page .missing div.load_more a.load_more {
    text-align: center;
    width: 120px;
    margin: 0 auto
}

.mobius_page .missing div.load_more a.load_more {
    display: block;
    background: #F7F5F2;
    border: 1px solid #F1EEEA;
    border-radius: 6px;
    color: #020621;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    padding: 0
}

.mobius_page .missing div.load_more a.load_more:hover {
    border-color: #3D3D66;
    color: #020621
}

.mobius_page .missing div.load_more a.load_more.loading {
    text-indent: -9999px;
    text-align: left;
    background: #F7F5F2 url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) 50% 50% no-repeat;
    border-color: #F1EEEA;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    cursor: default;
    text-align: left
}

.mobius_page .missing div.load_more a.load_more.disabled {
    display: none
}

.mobius_page div.load_more {
    text-align: center;
    width: 100%
}

.mobius_page div.load_more .loading {
    text-align: center;
    width: 120px;
    margin: 20px auto
}

.mobius_page div.load_more .loading img {
    margin: 0 5px 0 0;
    float: left
}

.mobius_page div.load_more .loading .copy {
    height: 16px;
    vertical-align: middle;
    color: #020621;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased
}

html.no-js .mobius_page div.load_more {
    display: none
}

html.js .mobius_page div.pagination {
    display: none
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top,
div.modal_dialog {
    z-index: 1002
}

div.modal_dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9)
}

div.modal_dialog.spinning div.modal_dialog_content {
    border-radius: 0px;
    border: 0;
    background: transparent url(/assets/icons/loading-big-0eef36319f48f7dbe7f5cc63899e6c932d9e000c5cb5d124354f74b21bcd0a87.gif) no-repeat center center;
    width: 50px;
    height: 50px
}

div.modal_dialog.spinning div.modal_dialog_content div.modal_dialog_head,
div.modal_dialog.spinning div.modal_dialog_content div.modal_dialog_body,
div.modal_dialog.spinning div.modal_dialog_content div.modal_dialog_footer {
    display: none
}

.header-grey .modal_dialog_head {
    background: #F7F5F2
}

.header-grey .header-bg-grey {
    background: #F7F5F2;
    border-bottom: 1px solid #F1EEEA
}

.controls {
    position: fixed;
    height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0px 0px -430px;
    z-index: -1;
    width: 860px
}

.controls .next,
.controls .prev {
    position: absolute;
    margin: 10px 0px
}

.controls .next {
    right: 0px
}

.controls .ss-icon {
    margin: 0
}

div.modal_dialog_outer {
    display: table;
    margin: 0 auto;
    height: 100%
}

div.modal_dialog_sizer {
    display: table-cell;
    vertical-align: middle
}

div.modal_dialog_head {
    border-radius: 6px 6px 0px 0px;
    background-color: #E6E4E2;
    position: relative
}

div.modal_dialog_head h4 {
    font-size: 14px;
    padding: 20px;
    padding-right: 50px;
    border-bottom: 1px solid #cecbc7;
    margin-bottom: 0px
}

div.modal_dialog_head a.modal_dialog_close {
    font-size: 14px;
    margin-bottom: 10px;
    color: #3D3D66;
    position: absolute;
    right: 0;
    top: 0px;
    padding: 20px;
    margin: 0;
    z-index: 99
}

div.modal_dialog_body {
    border-radius: 0px 0px 6px 6px;
    border-top: 0;
    background-color: #ffffff;
    padding: 20px;
    overflow: hidden
}

div.modal_dialog_body div.error_messages {
    border: none;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0
}

div.modal_dialog_body div.error_messages ul {
    padding: 5px 0 0 30px
}

div.modal_dialog_body div.footer {
    overflow: hidden;
    *zoom: 1;
    border-radius: 0px 0px 6px 6px;
    border-top: 1px solid #cecbc7;
    background-color: #E6E4E2;
    padding: 20px;
    margin: 40px -20px -20px;
    font-size: 14px
}

div.modal_dialog_body div.footer .cancel {
    margin: 0 0 0 10px
}

div.modal_dialog_body div.footer .cancel a {
    color: #3D3D66
}

div.modal_dialog_content {
    border-radius: 6px;
    border: 1px solid #cecbc7;
    background-color: #fff;
    overflow: hidden
}

div.modal_dialog_content .container-flex {
    max-width: 872px
}

div.modal_dialog_body label {
    margin-top: 0px
}

div#profile-bio-full {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    margin: 0
}

div.modal_delete_confirmation {
    width: 350px
}

div.modal_delete_confirmation .copy {
    color: #020621
}

div.modal_delete_confirmation a.yes {
    margin-right: 10px
}

div#promote-project-dialog .modal_dialog_body div.promote_modal {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px
}

div.modal_dialog.tall {
    overflow: scroll
}

div.modal_dialog.tall .modal_dialog_sizer {
    height: 100%;
    padding: 0;
    display: table-row
}

div.modal_dialog.tall .modal_dialog_inner {
    border-radius: 0px;
    padding: 0;
    display: table-cell;
    vertical-align: middle
}

div.modal_dialog.tall .modal_dialog_head {
    padding: 0
}

div.modal_dialog.tall .modal_dialog_content {
    background: none;
    padding: 0
}

div.modal_dialog.tall.spinning .modal_dialog_content {
    background: #fff url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat center center;
    height: 100%;
    min-width: 640px
}

div.modal_dialog.tall .controls {
    position: fixed;
    height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0px 0px -430px;
    z-index: -1;
    width: 860px
}

div.modal_dialog.tall .controls .next,
div.modal_dialog.tall .controls .prev {
    position: absolute;
    margin: 10px 0px
}

div.modal_dialog.tall .controls .next {
    right: 0px
}

div.modal_dialog.tall .controls .ss-icon {
    margin: 0
}

.modal_dialog.destroy-modal {
    margin: inherit 20px
}

.modal_dialog.destroy-modal .modal_dialog_inner {
    margin: 0 auto;
    width: 90%
}

@media (min-width: 640px) {
    .modal_dialog.destroy-modal .modal_dialog_inner {
        max-width: 500px
    }
}

.modal_dialog.destroy-modal .modal_dialog_inner .form-group input {
    width: 100%;
    margin-top: 20px
}

#destroy-pledge .footer {
    margin: 30px -20px -20px
}

.sg-will-paginate a,
.sg-will-paginate span,
.sg-will-paginate em {
    padding-right: 10px;
    padding-left: 10px
}

.sg-will-paginate a span,
.sg-will-paginate span span,
.sg-will-paginate em span {
    padding: 0
}

.sg-will-paginate em {
    font-style: inherit;
    color: #3D3D66
}

.tipsy {
    font-size: 12px
}

.tipsy_n,
.tipsy_s {
    cursor: default
}

.wym_box.wym_skin_ksr {
    background-color: #F7F5F2;
    border-radius: 6px;
    clear: both;
    border: 1px solid #F1EEEA
}

.wym_box.wym_skin_ksr .wym_iframe {
    line-height: 1px
}

.wym_box.wym_skin_ksr.intermediate .wym_iframe {
    background: #FFF
}

.wym_box.wym_skin_ksr.intermediate .wym_iframe iframe {
    height: 465px
}

.wym_box.wym_skin_ksr .wym_area_top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: rgba(0, 0, 0, 0.05)
}

.wym_box.wym_skin_ksr .wym_tools h2 {
    display: none
}

.wym_box.wym_skin_ksr .wym_tools ul {
    list-style-type: none
}

.wym_box.wym_skin_ksr .wym_tools ul,
.wym_box.wym_skin_ksr .wym_tools ul li {
    margin: 0px;
    padding: 0px;
    display: inline
}

.wym_box.wym_skin_ksr .wym_tools ul li:first-child {
    margin-left: 10px
}

.wym_box.wym_skin_ksr .wym_tools ul li a {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 12px;
    margin-bottom: 0;
    display: inline-block;
    color: #3D3D66;
    padding: 11px 10px;
    margin: 0
}

.wym_box.wym_skin_ksr .wym_tools ul li a:hover {
    color: #020621
}

.wym_box.wym_skin_ksr .wym_tools ul li.wym_tools_emphasis a {
    font-style: italic
}

.wym_box.wym_skin_ksr .wym_tools ul li.wym_tools_html {
    float: right;
    margin-right: 5px;
    margin-top: 2px
}

.wym_box.wym_skin_ksr .wym_tools ul li.wym_tools_html a {
    font-size: 0.6em
}

.wym_box.wym_skin_ksr .wym_tools ul li.selected a {
    color: #2BDE73
}

.wym_box.wym_skin_ksr .wym_area_main {
    border-top: 1px solid #F1EEEA
}

.wym_box.wym_skin_ksr .wym_html_val {
    width: 526px;
    position: absolute
}

.wym_box.wym_skin_ksr iframe {
    width: 100%
}

.wym_box.wym_skin_ksr .ui-resizable-handle.ui-resizable-s {
    display: block;
    height: 20px;
    background-color: #dedede;
    background-image: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%;
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(49%, #f5f5f5), color-stop(51%, #e9e9e9), to(#dedede));
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, linear-gradient(to bottom, #fafafa 0%, #f5f5f5 49%, #e9e9e9 51%, #dedede 100%);
    border-top: 1px solid #F1EEEA;
    margin-top: -1px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.wym_box.wym_skin_ksr .ui-resizable-handle.ui-resizable-s:hover {
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(49%, #fafafa), color-stop(51%, #f2f2f2), to(#F1EEEA));
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, linear-gradient(to bottom, #fff 0%, #fafafa 49%, #f2f2f2 51%, #F1EEEA 100%);
    cursor: s-resize
}

.wym_box.wym_skin_ksr .ui-resizable-handle.ui-resizable-s:active {
    border-color: #F1EEEA;
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#f5f5f5));
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, linear-gradient(to bottom, #dedede 0%, #f5f5f5 100%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    cursor: s-resize
}

.wym_box.wym_skin_ksr.ui-resizable-resizing .ui-resizable-handle.ui-resizable-s {
    border-color: #F1EEEA;
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#f5f5f5));
    background: url(/assets/wymeditor/resize-vertical-f83c1e506445573a484dbd07fd0efb7b0f3eb4d23d03dfb06707057ec489098c.png) no-repeat 50% 50%, linear-gradient(top, #dedede 0%, #f5f5f5 100%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 10px 0 inset;
    cursor: s-resize
}

.wym_dialog_link label,
.add_image label {
    color: #020621;
    font-weight: normal;
    text-transform: none
}

.wym_dialog_link input.text,
.add_image input.text {
    margin-bottom: 10px
}

.wym_dialog_link .btn--blue,
.add_image .btn--blue {
    display: inline;
    float: left;
    margin-right: 15px
}

.wym_dialog_link .wym_cancel,
.add_image .wym_cancel {
    display: block;
    display: inline;
    float: left;
    padding-top: 9px
}

.wym_dialog_link .wym_cancel:hover,
.add_image .wym_cancel:hover {
    cursor: pointer
}

.video-player,
.legacy-video-player {
    position: relative
}

.video-player .time,
.legacy-video-player .time {
    color: #F7F5F2
}

.video-player .overlay,
.legacy-video-player .overlay {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.video-player .overlay img,
.legacy-video-player .overlay img {
    width: 100%
}

.video-player .overlay:hover .button-playvideo,
.legacy-video-player .overlay:hover .button-playvideo {
    background-color: #2BDE73
}

.video-player .button-playvideo,
.legacy-video-player .button-playvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 108px;
    height: 54px;
    margin: -31px 0px 0px -58px;
    background: url(/assets/projects/button-playvideo-15a1041f3544ca6cc4b4a62aab0adfe37e21343fb760966f1e5bb1d34201d1ed.png) no-repeat center center;
    background-color: #020621;
    background-color: rgba(2, 6, 33, 0.95);
    border-radius: 6px;
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.07s ease-in-out;
    transition: all 0.07s ease-in-out
}

.overlabels .field {
    position: relative
}

.overlabels label.overlabel {
    display: none
}

.overlabels label.overlabel-apply {
    display: block;
    position: absolute !important;
    cursor: text;
    padding: 4px 6px 4px 8px;
    height: 16px;
    color: #3D3D66;
    margin-top: 0
}

.overlabels label.overlabel-apply.overlabel-search {
    padding: 5px;
    padding-left: 30px;
    padding-right: 28px;
    height: 14px;
    font-size: 12px;
    line-height: 14px
}

.grey-field .overlabels label.overlabel-apply {
    padding: 11px
}

.line-clamp {
    overflow: hidden;
    *zoom: 1
}

.line-clamp .clamped {
    overflow: hidden;
    position: relative
}

.line-clamp .fade {
    display: none;
    position: absolute;
    bottom: 0px;
    width: 100%;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.9)));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.9) 100%)
}

.line-clamp .expand {
    font-size: 12px;
    display: none;
    float: left;
    cursor: pointer;
    border-radius: 3px;
    background: #F8F9FD;
    padding: 0.1875rem 0.625rem;
    margin-bottom: 0.3125rem
}

.line-clamp .ksr-icon__arrow-down {
    font-size: 0.5rem;
    margin-left: 0.25rem
}

.bg-violet-light {
    background: #F8F9FD !important
}

.c-navy-light {
    color: #80809E
}

.bg-navy-light-3 {
    background-color: #F7F7F9
}

.border-navy-light-2 {
    border-color: #EFEFF3
}

.c-grey-dark-mars {
    color: #E6E4E2
}

div.calendar_date_picker {
    display: block;
    position: relative;
    background: white;
    z-index: 1;
    border: 1px solid #F1EEEA;
    border-top-color: #3D3D66
}

div.calendar_date_picker table {
    border-collapse: collapse;
    font: normal 12px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    line-height: 13px;
    padding: 0
}

div.calendar_date_picker a {
    text-decoration: none
}

div.calendar_date_picker a.previous_month {
    display: block;
    position: absolute;
    width: 10px;
    left: -1px;
    top: -1px;
    overflow: hidden;
    background: #020621;
    padding: 3px 6px 4px;
    font-weight: bold
}

div.calendar_date_picker a.next_month {
    display: block;
    position: absolute;
    width: 10px;
    right: -1px;
    top: -1px;
    overflow: hidden;
    background: #020621;
    padding: 3px 6px 4px;
    font-weight: bold
}

div.calendar_date_picker th {
    text-align: center
}

div.calendar_date_picker thead.month th {
    color: #FFF;
    padding: 3px 0;
    text-transform: uppercase;
    font-weight: bold;
    background: #3D3D66
}

div.calendar_date_picker thead.month th span.year {
    padding-left: 5px
}

div.calendar_date_picker td,
div.calendar_date_picker thead.days_of_week th {
    width: 26px;
    height: 13px;
    padding: 2px 0;
    margin: 0
}

div.calendar_date_picker thead.days_of_week th {
    background: #F1EEEA;
    color: #3D3D66;
    text-align: right;
    padding-right: 6px;
    width: 20px
}

div.calendar_date_picker td {
    text-align: right
}

div.calendar_date_picker td a {
    display: block;
    width: 20px;
    padding: 3px
}

div.calendar_date_picker td a:hover {
    background: #F1EEEA;
    color: #020621
}

div.calendar_date_picker td a.selected {
    background: #2752ff;
    color: white;
    font-weight: bold
}

div.calendar_date_picker td a.selected:hover {
    background: #2752ff;
    color: white
}

div.calendar_date_picker td a.today {
    color: #3D3D66
}

div.calendar_date_picker td a.today.selected {
    color: white
}

div.calendar_date_picker div.time {
    margin: 5px 11px;
    text-align: center;
    font: normal 11px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif
}

div.calendar_date_picker div.time input {
    width: 6em;
    margin-left: 5px;
    font: normal 11px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif
}

.accounts_edit .identity-form .svg-icon__lock,
.accounts_update .identity-form .svg-icon__lock {
    fill: #3D3D66;
    width: 12px;
    height: 12px;
    position: relative;
    bottom: 0.2em
}

.accounts_edit .profile-image,
.accounts_update .profile-image {
    width: 100%;
    height: auto;
    max-width: 80px
}

.accounts_edit .rounded-content-frame__content,
.accounts_update .rounded-content-frame__content {
    padding: 40px 30px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(208, 208, 208, 0.34);
    box-shadow: 0px 2px 3px 0px rgba(208, 208, 208, 0.34)
}

.badge-success {
    text-align: center;
    position: absolute;
    top: 2px;
    left: -13px;
    color: white;
    z-index: 2
}

.badge-success strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 38px
}

ol#activity {
    list-style: none
}

ol#activity li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ol#activity li {
    position: relative
}

ol#activity p {
    font-size: 13px
}

ol#activity .activity-wrap {
    position: relative;
    padding-top: 17px
}

ol#activity .activity-date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    text-align: right;
    color: #3D3D66
}

ol#activity .activity-header .avatar,
ol#activity .activity-header-blip .avatar {
    display: inline;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 10px
}

ol#activity .activity-header .avatar img,
ol#activity .activity-header-blip .avatar img {
    width: 25px;
    height: 25px
}

ol#activity .activity-header h4,
ol#activity .activity-header-blip h4 {
    font-size: 10px;
    color: #020621;
    font-weight: normal;
    line-height: 10px;
    margin: 0;
    text-transform: uppercase
}

ol#activity .activity-header h4 a,
ol#activity .activity-header-blip h4 a {
    color: #020621
}

ol#activity .activity-header h4 a:hover,
ol#activity .activity-header-blip h4 a:hover {
    color: #020621
}

ol#activity .activity-header h4 span,
ol#activity .activity-header-blip h4 span {
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding-top: 5px
}

ol#activity .activity-header-blip {
    overflow: hidden;
    *zoom: 1;
    border-radius: 6px;
    background: #F7F5F2;
    padding: 10px
}

ol#activity .activity-header-blip h4 {
    display: inline;
    float: left;
    font-size: 13px;
    text-transform: none;
    line-height: 20px;
    width: 620px
}

ol#activity .activity-header-blip h4 strong {
    font-weight: bold
}

ol#activity .activity-sidebar {
    display: inline;
    float: left;
    width: 139px;
    padding-right: 20px;
    border-right: 1px solid #F7F5F2
}

ol#activity .activity-sidebar h3 {
    font-size: 11px;
    font-weight: bold;
    color: #020621;
    line-height: 13px;
    margin-bottom: 10px
}

ol#activity .activity-sidebar ul.project-meta {
    list-style: none
}

ol#activity .activity-sidebar ul.project-meta li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ol#activity .activity-sidebar ul.project-meta li {
    font-size: 11px;
    color: #3D3D66;
    margin: 0
}

ol#activity .activity-sidebar ul.project-meta li .ss-icon {
    margin-right: 5px
}

ol#activity .activity-sidebar ul.project-meta li a {
    color: #3D3D66
}

ol#activity .activity-sidebar ul.project-meta li a:hover {
    color: #020621
}

ol#activity .activity-comment .activity-body,
ol#activity .activity-comment-project .activity-body,
ol#activity .activity-comment-post .activity-body {
    display: inline;
    float: left;
    *zoom: 1;
    width: 480px;
    padding: 0 0 0 20px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #F7F5F2
}

ol#activity .activity-comment .activity-body:after,
ol#activity .activity-comment-project .activity-body:after,
ol#activity .activity-comment-post .activity-body:after {
    content: "";
    display: table;
    clear: both
}

ol#activity .activity-comment .quote,
ol#activity .activity-comment-project .quote,
ol#activity .activity-comment-post .quote {
    display: inline;
    float: left;
    margin: 10px 10px 0 0
}

ol#activity .activity-comment blockquote,
ol#activity .activity-comment-project blockquote,
ol#activity .activity-comment-post blockquote {
    margin: 0 0 0 35px;
    padding: 10px 0 0;
    word-wrap: break-word
}

ol#activity .activity-update .activity-body {
    display: inline;
    float: left;
    *zoom: 1;
    width: 480px;
    padding: 0 0 0 20px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #F7F5F2
}

ol#activity .activity-update .activity-body:after {
    content: "";
    display: table;
    clear: both
}

ol#activity .activity-update .activity-body img {
    max-width: 480px
}

ol#activity .activity-update .activity-body h2 {
    font-size: 23px;
    margin: 0 0 10px 0;
    font-weight: bold;
    padding-top: 10px !important;
    line-height: 29px;
    word-wrap: break-word
}

ol#activity .activity-update .activity-body p {
    font-size: 13px;
    color: #020621;
    padding-right: 20px;
    clear: both;
    word-wrap: break-word
}

ol#activity .activity-update .backer-only {
    display: block;
    *zoom: 1;
    margin-top: -5px;
    margin-bottom: 10px
}

ol#activity .activity-update .backer-only:after {
    content: "";
    display: table;
    clear: both
}

ol#activity .activity-update .backer-text {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
    color: #2BDE73
}

ol#activity .activity-update .backer-tag {
    float: left;
    padding: 0;
    margin: -1px 6px 0 0
}

ol#activity .activity-update ul.media li {
    margin: 0 auto;
    text-align: center
}

ol#activity .activity-update ul.media li img {
    max-width: 480px
}

ol#activity .activity-update ul.media.media-excerpt {
    margin-top: 10px
}

ol#activity .activity-update ul.media.media-excerpt li {
    display: inline;
    float: left;
    margin-right: 5px
}

ol#activity .activity-update ul.media.media-excerpt li img {
    max-width: 40px
}

ol#activity .activity-update #bo-img {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

ol#activity .activity-update #for-backers {
    display: inline;
    float: left;
    width: 367px
}

ol#activity .activity-update #for-backers img {
    display: block;
    margin: 20px 0 5px 0
}

ol#activity .read_more {
    white-space: nowrap
}

ol#activity li.activity-backing .activity-header,
ol#activity li.activity-backing-amount .activity-header,
ol#activity li.activity-backing-reward .activity-header,
ol#activity li.activity-backing-canceled .activity-header,
ol#activity li.activity-launch .activity-header,
ol#activity li.activity-failure .activity-header,
ol#activity li.activity-cancellation .activity-header {
    background: #fcdda3;
    height: 24px;
    padding: 10px 20px 10px 10px;
    position: absolute;
    top: 0;
    left: -9px;
    z-index: 2
}

ol#activity li.activity-backing .activity-header h4,
ol#activity li.activity-backing-amount .activity-header h4,
ol#activity li.activity-backing-reward .activity-header h4,
ol#activity li.activity-backing-canceled .activity-header h4,
ol#activity li.activity-launch .activity-header h4,
ol#activity li.activity-failure .activity-header h4,
ol#activity li.activity-cancellation .activity-header h4 {
    color: #020621;
    -webkit-text-shadow: white 0 1px 0;
    -moz-text-shadow: white 0 1px 0;
    -ms-text-shadow: white 0 1px 0;
    -o-text-shadow: white 0 1px 0;
    text-shadow: white 0 1px 0;
    white-space: nowrap;
    margin-left: 35px
}

ol#activity li.activity-backing .activity-header .banner-flag-left,
ol#activity li.activity-backing-amount .activity-header .banner-flag-left,
ol#activity li.activity-backing-reward .activity-header .banner-flag-left,
ol#activity li.activity-backing-canceled .activity-header .banner-flag-left,
ol#activity li.activity-launch .activity-header .banner-flag-left,
ol#activity li.activity-failure .activity-header .banner-flag-left,
ol#activity li.activity-cancellation .activity-header .banner-flag-left {
    width: 9px;
    height: 52px;
    background: url(/assets/activity/flag_launch_left-79b6ea43678aed9422b10bc8b4fb8f7bbbf6389abbff4e21c51f8cfaabb8afff.png) no-repeat top left;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

ol#activity li.activity-backing .activity-header .banner-flag-right,
ol#activity li.activity-backing-amount .activity-header .banner-flag-right,
ol#activity li.activity-backing-reward .activity-header .banner-flag-right,
ol#activity li.activity-backing-canceled .activity-header .banner-flag-right,
ol#activity li.activity-launch .activity-header .banner-flag-right,
ol#activity li.activity-failure .activity-header .banner-flag-right,
ol#activity li.activity-cancellation .activity-header .banner-flag-right {
    width: 10px;
    height: 52px;
    background: url(/assets/activity/flag_launch_right-cd4ca81eb41615b95246b2ec764f34ec28767b5ca3c444824daa268b78b8ea7b.png) no-repeat top right;
    display: block;
    position: absolute;
    right: -10px;
    top: 0
}

ol#activity li.activity-backing .activity-header {
    background: #bcee9c url(/assets/activity/flag_backing-45c3d43bc822f9fcb9ac5bea5dfbcd16b4264cfd38d28bb6a209eb043b82924e.png) repeat-x top left
}

ol#activity li.activity-backing .activity-header .banner-flag-left {
    background-image: url(/assets/activity/flag_backing_left-b09e8f4e2c45fac5c20ce3de290a90b0ea93261a92f4d267508a30553e0647fb.png)
}

ol#activity li.activity-backing .activity-header .banner-flag-right {
    background-image: url(/assets/activity/flag_backing_right-ccc2ae18e2ec991036aaea136a5b0e5b4bc7861fc95aa6bb69a33468322c488c.png)
}

ol#activity li.activity-backing-amount .activity-date,
ol#activity li.activity-backing-reward .activity-date,
ol#activity li.activity-backing-canceled .activity-date {
    top: -17px
}

ol#activity li.activity-failure,
ol#activity li.activity-cancellation {
    padding-top: 17px
}

ol#activity li.activity-success .project-reward {
    border-radius: 0px 0px 6px 6px;
    background: white;
    border: 1px solid #F1EEEA;
    border-top: 0;
    color: #3D3D66;
    padding: 10px 15px;
    margin: -20px 20px 0
}

ol#activity li.activity-success .project-reward h2 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0;
    color: #020621
}

ol#activity li.activity-success .project-reward h2 span {
    font-weight: normal
}

ol#activity li.activity-watch,
ol#activity li.activity-follow {
    color: #3D3D66
}

ol#activity li.activity-watch .name,
ol#activity li.activity-follow .name {
    color: #3D3D66;
    font-weight: 500
}

ol#activity li.activity-watch .name:hover,
ol#activity li.activity-follow .name:hover {
    color: #020621
}

ol#activity li.activity-watch .activity-date,
ol#activity li.activity-follow .activity-date {
    top: 6px
}

ol#activity li.activity-watch .avatar,
ol#activity li.activity-follow .avatar {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-right: 3px;
    margin-top: -6px;
    width: 20px;
    height: 20px
}

ol#activity li.activity-watch .avatar .avatar-image,
ol#activity li.activity-follow .avatar .avatar-image {
    vertical-align: middle
}

ol#activity .activity-editorial-content {
    overflow: hidden;
    *zoom: 1;
    clear: both;
    position: relative;
    margin-bottom: 10px
}

ol#activity .activity-editorial-content .activity-editorial-body {
    display: inline;
    float: left;
    font-size: 15px;
    font-family: Georgia, serif;
    margin: 0;
    color: #020621;
    width: 480px
}

ol#activity .activity-editorial-content .activity-editorial-body .activity-editorial-comment {
    background: #fcdda3
}

ol#activity .activity-editorial-content .activity-editorial-body .activity-editorial-author {
    display: block;
    font-size: 11px;
    color: #020621;
    padding-top: 5px
}

ol#activity .activity-editorial-content .activity-date {
    top: 5px
}

ol#activity ol.list-comments {
    list-style: none;
    margin: 0;
    clear: both
}

ol#activity ol.list-comments li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ol#activity ol.list-comments li {
    overflow: hidden;
    *zoom: 1;
    margin: 0;
    background: #F8F9FD;
    border-bottom: 1px solid white
}

ol#activity ol.list-comments li .comment-inner {
    *zoom: 1
}

ol#activity ol.list-comments li .comment-inner:after {
    content: "";
    display: table;
    clear: both
}

ol#activity ol.list-comments li .avatar {
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;
    width: 40px;
    height: 40px
}

ol#activity ol.list-comments li .avatar .backer-tag {
    position: absolute;
    top: -7px;
    left: -7px
}

ol#activity ol.list-comments li .main {
    display: inline;
    float: left;
    word-wrap: break-word;
    width: 410px;
    margin-left: 0px
}

ol#activity ol.list-comments li .main p {
    color: #020621;
    line-height: 17px;
    margin-bottom: 3px
}

ol#activity ol.list-comments li .main .author {
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 20px
}

ol#activity ol.list-comments li .main .date {
    display: inline;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #3D3D66;
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase
}

ol#activity ol.list-comments li .main .comment-moderation {
    clear: both;
    overflow: hidden;
    *zoom: 1
}

ol#activity ol.list-comments li .main .comment-moderation hr {
    margin: 5px 0;
    border-style: dotted
}

ol#activity ol.list-comments li .main .comment-moderation .comment-moderation-notice {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #020621;
    font-weight: bold
}

ol#activity ol.list-comments li .main .button_to {
    display: inline;
    float: left;
    padding: 0;
    margin: 0
}

ol#activity ol.list-comments li .main .button_to div {
    font-size: 11px
}

ol#activity ol.list-comments li.creator {
    background: #F8F9FD
}

ol#activity ol.list-comments li.creator a {
    color: #060F46
}

ol#activity ol.list-comments li.creator .main .author {
    display: block
}

ol#activity ol.list-comments li.creator .main .date {
    color: #020621
}

body#projects_dashboard ol#activity {
    padding: 0;
    margin: 0
}

body#projects_dashboard ol#activity li.activity-backing .activity-date,
body#projects_dashboard ol#activity li.activity-backing-amount .activity-date,
body#projects_dashboard ol#activity li.activity-backing-reward .activity-date,
body#projects_dashboard ol#activity li.activity-backing-canceled .activity-date {
    top: -17px
}

body#users_show ol#activity {
    padding: 20px 0px
}

body#activity_index ol#activity,
body#activity_recommended ol#activity,
body#activity_my_projects ol#activity {
    padding: 0
}

.activity-mini {
    list-style: none
}

.activity-mini li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.activity-mini li {
    border-bottom: 1px solid #F7F5F2;
    overflow: hidden;
    *zoom: 1
}

.activity-mini .type {
    background: #3D3D66;
    border-radius: 6px;
    color: #FFF;
    display: inline;
    display: inline;
    float: left;
    font-size: 10px;
    line-height: 10px;
    margin-right: 10px;
    padding: 4px 5px;
    text-align: center;
    text-transform: uppercase;
    min-width: 75px;
    font-weight: bold;
    margin-top: 2px
}

.activity-mini .section {
    display: inline;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin-left: 0;
    padding-bottom: 8px;
    width: 205px
}

.activity-mini .section .header {
    display: inline;
    font-weight: bold
}

.activity-mini .section .header a {
    color: #020621
}

.activity-mini .section .header a.send-message {
    color: #2752ff;
    font-size: 11px;
    font-weight: normal
}

.activity-mini .section .footer {
    display: block;
    color: #020621;
    font-size: 11px;
    padding-top: 2px
}

.activity-mini .section .footer span.time {
    cursor: default
}

.activity-mini .section .footer span.dot {
    color: #3D3D66
}

.activity-mini .section .footer a {
    color: #020621
}

.activity-mini .section .footer a:hover {
    color: #2752ff
}

.activity-mini .section p,
.activity-mini .section blockquote {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline;
    margin: 0
}

.activity-mini .section span.via {
    font-family: Verdana;
    font-size: 10px
}

.activity-mini .section span.via a {
    color: #3D3D66
}

.activity-mini .section span.via a:hover {
    color: #020621;
    text-decoration: underline
}

.activity-mini li {
    overflow: hidden;
    *zoom: 1;
    font-size: 12px;
    line-height: 17px
}

.activity-mini li.backing .type {
    background-color: #2BDE73
}

.activity-mini li.backing-amount .type,
.activity-mini li.backing-canceled .type,
.activity-mini li.backing-reward .type {
    background-color: #fd003b
}

.activity-mini li.comment-post .type,
.activity-mini li.comment-project .type,
.activity-mini li.comment-update .type {
    background-color: #c252cc
}

.activity-mini li.success .type {
    background-color: #020621
}

.activity-mini li.success p {
    background: yellow;
    color: #020621;
    font-weight: bold
}

.activity-mini li.update .type {
    background-color: #2752ff
}

.activity-mini li.update p a {
    font-weight: bold
}

.activity-header h4,
.activity-header-blip h4 {
    font-style: normal
}

.NS-activity--activity .border-grey-light {
    border: 1px solid #F1EEEA
}

.NS-activity--activity .timeline_header_name {
    display: none
}

.NS-activity--activity .thumb_grid_1 {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    height: 45px;
    width: 60px;
    border-radius: 3px
}

.NS-activity--activity .thumb_grid_1 img {
    display: block;
    height: 45px;
    width: auto
}

.NS-activity--activity .thumb_grid_1_square {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    height: 40px;
    width: 40px;
    border-radius: 3px
}

.NS-activity--activity .thumb_grid_1_square img {
    display: block;
    height: 40px;
    width: auto
}

.NS-activity--activity .thumb_grid_2 {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    height: 110px;
    width: 110px;
    border-radius: 6px
}

.NS-activity--activity .thumb_grid_2 img {
    display: block;
    height: 110px;
    width: auto
}

.NS-activity--activity .thumb_grid_2_rect img {
    margin-left: -16px
}

.NS-activity--activity .media_gallery_photo {
    height: 190px;
    width: 25%;
    display: block;
    float: left;
    overflow: hidden;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.NS-activity--activity .media_gallery_video {
    padding: 5px
}

.NS-activity--activity .media_gallery_photo:not(:first-child) {
    border-top: 0;
    border-right: 0
}

.NS-activity--activity .media_gallery_photo:not(:first-child):last-child {
    border-right: 5px solid #fff
}

.NS-activity--activity .media_gallery.only_photos .media_gallery_photo:first-child {
    width: 100%;
    height: 380px
}

.NS-activity--activity .media_gallery.only_photos.photos-2 .media_gallery_photo {
    width: 50%;
    height: 380px;
    border-top: 5px solid #fff
}

.NS-activity--activity .media_gallery.only_photos.photos-2 .media_gallery_photo:first-child {
    border-right-width: 0
}

.NS-activity--activity .media_gallery.photos-3 .media_gallery_photo:not(:first-child) {
    width: 50%
}

.NS-activity--activity .media_gallery.photos-4 .media_gallery_photo:not(:first-child) {
    width: 33.33333%
}

body#activity_index li.page {
    margin: 0
}

body#activity_index .project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

body#admin_site_index #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px
}

body#admin_site_index #sidebar {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

body.admin {
    font-size: 14px;
    margin-bottom: 10px
}

body.admin .error_report {
    color: red;
    border: 1px solid;
    border-radius: 3px;
    padding: 12px;
    margin-bottom: 12px
}

body.admin .admin_link .ss-icon.ss-info {
    margin-left: 0.3em
}

body.admin #content {
    padding-top: 30px;
    padding-bottom: 60px
}

body.admin table.admin_table,
body.admin .presentation-grid table {
    width: 100%;
    border: 0
}

body.admin table.admin_table thead,
body.admin .presentation-grid table thead {
    background: #F7F5F2
}

body.admin table.admin_table thead th,
body.admin .presentation-grid table thead th {
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #F1EEEA
}

body.admin table.admin_table tbody td,
body.admin .presentation-grid table tbody td {
    border-bottom: 1px solid #F1EEEA;
    padding: 10px
}

body.admin table.admin_table tbody .even,
body.admin .presentation-grid table tbody .even {
    background: #F7F5F2
}

body.admin table.admin_table ul,
body.admin .presentation-grid table ul {
    list-style: none
}

body.admin table.admin_table ul li,
body.admin .presentation-grid table ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body.admin #activity li.feature-activity {
    margin-bottom: 0;
    color: #3D3D66;
    text-align: right
}

body.admin #activity li.feature-activity input.text {
    width: 65%
}

body.admin #activity li.feature-activity form {
    display: inline
}

body.admin .activities-admin {
    padding: 0;
    margin: 0;
    list-style: none
}

body.admin .activities-admin li {
    margin-bottom: 1.25em
}

body.admin .activities-admin li .date {
    color: #3D3D66;
    float: left;
    width: 70px
}

body.admin .activities-admin li .body {
    margin-left: 80px;
    padding: 0.5em;
    border: 1px solid #F1EEEA
}

body.admin .activities-admin li h4 {
    float: right
}

body.admin .activities-admin li blockquote {
    background: url(/assets/misc/pullquote-97f4d5746b22b3a83555c45307714e266f1b87f411862efe9a91184b8e26ac94.gif) no-repeat top left;
    margin: 0.3em 0 0.3em 1em;
    padding: 8px 0 0 15px
}

body.admin .activities-admin li .footer {
    background-color: #F7F5F2;
    border: 1px solid #F1EEEA;
    border-top: 0;
    padding: 0.5em;
    clear: both;
    margin-left: 80px
}

body.admin .activities-admin li .feature {
    color: #3D3D66;
    float: right
}

body.admin .activity-filters {
    list-style: none;
    padding: 0;
    margin: 0
}

body.admin .activity-filters li {
    margin-left: 0px
}

body.admin ol.proposals {
    list-style: none;
    padding: 0;
    margin: 0
}

body.admin ol.proposals > li {
    margin-bottom: 2em
}

body.admin ul.options {
    margin: 0;
    padding-right: 40px;
    list-style: none;
    float: left
}

body.admin ul.options li {
    float: left
}

body.admin ul.options input {
    font-size: 14px
}

body.admin .small_detail,
body.admin .mail_to {
    display: block;
    color: #3D3D66;
    font-size: 0.8em
}

body.admin .pledge_status_collected,
body.admin .positive {
    display: block;
    color: #2BDE73
}

body.admin .pledge_status_pledged {
    display: block;
    color: #020621
}

body.admin .pledge_status_preauth {
    display: block;
    color: #e29647
}

body.admin .pledge_status_errored,
body.admin .negative {
    display: block;
    color: #fd003b
}

body.admin .pledge_status_canceled {
    display: block;
    color: #fd003b
}

body.admin .pledge_status_dropped {
    display: block;
    color: #fd003b
}

body#admin_site_index #activity li.feature-activity {
    margin-bottom: 0;
    color: #3D3D66;
    text-align: right
}

body#admin_site_index .project-meta {
    margin: 0
}

body#admin_site_index .button_blue {
    display: none !important
}

body#admin_site_index .comment,
body#admin_site_index .comment-inner {
    border: 0 !important
}

body#admin_site_index .comment .main,
body#admin_site_index .comment-inner .main {
    margin-left: 0 !important
}

body#admin_site_index .comment .date,
body#admin_site_index .comment-inner .date {
    margin: 0 !important
}

body#admin_site_index .comment .avatar,
body#admin_site_index .comment-inner .avatar {
    margin-bottom: 0 !important
}

body#admin_site_index .comment {
    border-bottom: 1px solid white !important;
    padding: 0 !important
}

body#admin_site_index hr.space {
    border-color: white
}

body#admin_passwords_new fieldset ol li .input-tip {
    display: block;
    padding: 10px 0;
    font-size: 10px;
    clear: both;
    line-height: 13px;
    color: #3D3D66
}

body#admin_passwords_new fieldset ol li .input-tip.error {
    color: red
}

body#admin_stats_index {
    min-width: 1200px;
    background-color: #fff
}

body#admin_stats_index form {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#admin_stats_index form.select_country {
    text-align: center;
    margin-bottom: 20px
}

body#admin_stats_index form.select_country select {
    width: 220px;
    padding: 15px 10px 15px 20px;
    line-height: 22px;
    font-size: 18px;
    -webkit-appearance: none;
    background: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png) no-repeat 187px 21px #fff;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08)
}

body#admin_stats_index form.select_country:focus {
    background: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png) no-repeat 187px 20px #fff
}

body#admin_stats_index hr {
    border-color: #F1EEEA
}

body#admin_stats_index #navigation {
    position: fixed;
    top: 100px;
    left: 20px;
    width: 200px
}

body#admin_stats_index #navigation ul {
    list-style: none;
    margin-bottom: 8px
}

body#admin_stats_index #navigation ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#admin_stats_index #navigation ul li {
    font-size: 13px
}

body#admin_stats_index #navigation ul li a {
    padding: 2px 0px;
    display: block;
    font-weight: bold
}

body#admin_stats_index #navigation ul li a.main {
    display: block;
    color: #2752ff
}

body#admin_stats_index #navigation ul li a.main:hover {
    color: #060F46
}

body#admin_stats_index #navigation ul li a.current,
body#admin_stats_index #navigation ul li a.current:hover {
    color: #020621
}

body#admin_stats_index #navigation ul li ul li {
    font-size: 11px;
    line-height: 16px
}

body#admin_stats_index #navigation ul li ul li a {
    color: #020621;
    padding: 2px 0px;
    font-weight: normal
}

body#admin_stats_index #navigation ul li ul li a:hover {
    color: #2752ff
}

body#admin_stats_index #navigation ul li ul li a.current {
    font-weight: bold
}

body#admin_stats_index #main {
    margin-left: 80px;
    width: 880px
}

body#admin_stats_index .section {
    clear: both;
    background-color: #F7F5F2
}

body#admin_stats_index .section h2 {
    background-color: #020621;
    color: #F1EEEA;
    padding: 10px
}

body#admin_stats_index .move_anchor {
    float: left;
    position: relative;
    top: -50px
}

body#admin_stats_index #stats_col {
    float: left;
    width: 440px
}

body#admin_stats_index #stats_col .right {
    margin-left: 20px
}

body#admin_stats_index .table_container {
    background-color: #F7F5F2;
    border: 1px dotted #F1EEEA;
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    margin-bottom: 20px;
    width: 380px
}

body#admin_stats_index .graph_container {
    background-color: #F7F5F2;
    border: 1px dotted #F1EEEA;
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 25px;
    margin-bottom: 25px
}

body#admin_stats_index .graph_container .overview {
    height: 60px;
    width: 100%
}

body#admin_stats_index .graph_container .overview .tickLabel {
    color: #3D3D66;
    font-size: 80%
}

body#admin_stats_index .graph_container .preset_ranges a {
    font-size: 80%;
    font-weight: normal;
    color: #3D3D66;
    text-decoration: underline
}

body#admin_stats_index .graph_container .preset_ranges a:hover {
    color: #020621
}

body#admin_stats_index .graph_container .graph {
    height: 340px;
    width: 840px
}

body#admin_stats_index .graph_container .graph .tickLabel {
    color: #3D3D66
}

body#admin_stats_index .graph_container .graph .legend table,
body#admin_stats_index .graph_container .graph .legend caption,
body#admin_stats_index .graph_container .graph .legend tbody,
body#admin_stats_index .graph_container .graph .legend tfoot,
body#admin_stats_index .graph_container .graph .legend thead,
body#admin_stats_index .graph_container .graph .legend tr,
body#admin_stats_index .graph_container .graph .legend th,
body#admin_stats_index .graph_container .graph .legend td {
    width: 0;
    color: #3D3D66;
    vertical-align: middle
}

body#admin_stats_index .graph_container .graph .legend .legendLabel {
    padding-left: 5px;
    padding-right: 15px
}

body#admin_stats_index table.stats_table {
    margin-top: 10px;
    margin-bottom: 0px
}

body#admin_stats_index table.stats_table thead th {
    vertical-align: middle;
    background-color: #F7F5F2;
    border-bottom: 1px dotted #F1EEEA;
    border-top: 1px dotted #F1EEEA;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: bold
}

body#admin_stats_index table.stats_table thead th .title {
    width: 200px
}

body#admin_stats_index table.stats_table td {
    vertical-align: middle;
    background-color: #F7F5F2;
    border-bottom: 1px dotted #F1EEEA;
    border-top: 1px dotted #F1EEEA;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

body#admin_stats_index table.stats_table .title {
    font-weight: bold
}

body#admin_stats_index table.stats_table .small {
    color: #3D3D66
}

body#admin_stats_index table.stats_table img {
    margin-right: 10px
}

body#admin_stats_v2 .leftcol {
    width: 760px
}

body#admin_stats_v2 .rightcol {
    width: 170px
}

body#admin_stats_v2 h2 {
    color: #3D3D66;
    font-size: 300%;
    margin-bottom: 0.5em
}

body#admin_stats_v2 h3 {
    clear: both
}

body#admin_stats_v2 img {
    float: left;
    margin-bottom: 1em
}

body#admin_stats_v2 ol.legend {
    float: left;
    width: 200px;
    list-style: none;
    padding: 0;
    margin: 1em 0 0 1.5em
}

body#admin_stats_v2 ol.legend li {
    display: block;
    color: #3D3D66
}

body#admin_stats_v2 ol.legend li .swatch {
    height: 15px;
    width: 15px;
    float: left;
    margin-right: 0.5em
}

body#admin_stats_v2 .metric {
    font-size: 200%;
    text-align: right;
    margin-bottom: 1em
}

body#admin_stats_v2 .metric label {
    font-size: 50%;
    text-transform: none;
    color: #3D3D66
}

body.stats .leftcol {
    float: left;
    width: 560px;
    clear: left;
    padding-right: 10px;
    margin-right: 9px
}

body.stats h2 {
    color: #3D3D66;
    margin-bottom: 0.5em
}

body.stats h3 small {
    font-weight: normal
}

body.stats ol {
    list-style: none
}

body.stats .sum-and-parts {
    width: auto
}

body.stats .sum-and-parts .name {
    font-weight: bold
}

body.stats .sum-and-parts .number {
    width: 60px;
    text-align: right
}

body.stats .sum-and-parts .percent {
    color: #3D3D66;
    width: 30px;
    text-align: right
}

body.stats .metric label {
    font-size: 120%;
    font-weight: bold;
    text-transform: none;
    color: #3D3D66;
    padding-left: 0px
}

body.stats .metric .boxes td {
    padding: 1em
}

body.stats .metric .small_label {
    font-size: 50%
}

body.stats .metric .historical_details {
    font-size: 60%
}

body.stats .metric .max {
    text-align: right;
    border-right-width: 1px
}

body.stats .metric td.total {
    padding-left: 0px
}

body.stats .metric .max_date {
    font-size: 90%;
    text-transform: none;
    color: #3D3D66
}

body.stats .metric .small_date {
    font-size: 50%;
    color: #3D3D66
}

body.stats .metric td.today {
    width: 150px
}

body.stats table {
    width: 100%;
    border: 0
}

body.stats table thead th {
    border-bottom: 0px
}

body.stats table tbody td {
    border-bottom: 0px;
    text-align: left;
    vertical-align: top
}

body.stats table.graph_and_stat td.graph {
    width: 500px
}

body.stats table.graph_and_stat td.stat {
    width: 440px
}

body.stats .below_the_fold {
    border-top-width: 1px;
    border-color: #3D3D66;
    border-style: dotted;
    padding-top: 20px
}

body#admin_pledges_index .presentation-grid li {
    padding-right: 5px
}

body#admin_users_show .admin_section,
body#admin_projects_show .admin_section,
body#admin_tasks_show .admin_section,
body#admin_pledges_show .admin_section,
.backing_group_details .admin_section {
    overflow: hidden
}

body#admin_users_show .actions,
body#admin_projects_show .actions,
body#admin_tasks_show .actions,
body#admin_pledges_show .actions,
.backing_group_details .actions {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em 0;
    overflow: hidden;
    zoom: 1
}

body#admin_users_show .actions li,
body#admin_projects_show .actions li,
body#admin_tasks_show .actions li,
body#admin_pledges_show .actions li,
.backing_group_details .actions li {
    float: left;
    margin-right: 0.5em
}

body#admin_users_show .presentation-grid .actions,
body#admin_projects_show .presentation-grid .actions,
body#admin_tasks_show .presentation-grid .actions,
body#admin_pledges_show .presentation-grid .actions,
.backing_group_details .presentation-grid .actions {
    margin: 0
}

body#admin_users_show .zendesk_chart,
body#admin_projects_show .zendesk_chart,
body#admin_tasks_show .zendesk_chart,
body#admin_pledges_show .zendesk_chart,
.backing_group_details .zendesk_chart {
    margin: 20px
}

body#admin_users_show .zendesk_chart caption,
body#admin_projects_show .zendesk_chart caption,
body#admin_tasks_show .zendesk_chart caption,
body#admin_pledges_show .zendesk_chart caption,
.backing_group_details .zendesk_chart caption {
    display: none
}

body#admin_users_show .details,
body#admin_projects_show .details,
body#admin_tasks_show .details,
body#admin_pledges_show .details,
.backing_group_details .details {
    margin-left: 0
}

body#admin_users_show .details ul,
body#admin_projects_show .details ul,
body#admin_tasks_show .details ul,
body#admin_pledges_show .details ul,
.backing_group_details .details ul {
    padding-bottom: 10px
}

body#admin_users_show ul.threads,
body#admin_projects_show ul.threads,
body#admin_tasks_show ul.threads,
body#admin_pledges_show ul.threads,
.backing_group_details ul.threads {
    margin: 0px;
    list-style: none
}

body#admin_users_show ul.threads li,
body#admin_projects_show ul.threads li,
body#admin_tasks_show ul.threads li,
body#admin_pledges_show ul.threads li,
.backing_group_details ul.threads li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#admin_users_show ul.threads .thread-admin.item,
body#admin_projects_show ul.threads .thread-admin.item,
body#admin_tasks_show ul.threads .thread-admin.item,
body#admin_pledges_show ul.threads .thread-admin.item,
.backing_group_details ul.threads .thread-admin.item {
    overflow: hidden;
    *zoom: 1
}

body#admin_users_show ul.threads .thread-admin.item a,
body#admin_projects_show ul.threads .thread-admin.item a,
body#admin_tasks_show ul.threads .thread-admin.item a,
body#admin_pledges_show ul.threads .thread-admin.item a,
.backing_group_details ul.threads .thread-admin.item a {
    color: #020621
}

body#admin_users_show ul.threads .thread-admin.item:hover,
body#admin_projects_show ul.threads .thread-admin.item:hover,
body#admin_tasks_show ul.threads .thread-admin.item:hover,
body#admin_pledges_show ul.threads .thread-admin.item:hover,
.backing_group_details ul.threads .thread-admin.item:hover {
    background-color: #F7F5F2;
    cursor: auto
}

body#admin_users_show ul.threads .thread-admin.item .person,
body#admin_projects_show ul.threads .thread-admin.item .person,
body#admin_tasks_show ul.threads .thread-admin.item .person,
body#admin_pledges_show ul.threads .thread-admin.item .person,
.backing_group_details ul.threads .thread-admin.item .person {
    display: inline;
    float: left;
    width: 40px;
    margin-right: 20px
}

body#admin_users_show ul.threads .thread-admin.item .msg,
body#admin_projects_show ul.threads .thread-admin.item .msg,
body#admin_tasks_show ul.threads .thread-admin.item .msg,
body#admin_pledges_show ul.threads .thread-admin.item .msg,
.backing_group_details ul.threads .thread-admin.item .msg {
    display: inline;
    float: left;
    width: 700px
}

body#admin_users_show ul.threads .thread-admin.item .date,
body#admin_projects_show ul.threads .thread-admin.item .date,
body#admin_tasks_show ul.threads .thread-admin.item .date,
body#admin_pledges_show ul.threads .thread-admin.item .date,
.backing_group_details ul.threads .thread-admin.item .date {
    display: inline;
    float: right;
    font-size: 12px;
    margin-bottom: 10px;
    color: #3D3D66;
    width: 80px;
    margin-left: 20px
}

body#admin_users_show ul.threads .thread-admin.item .date .count,
body#admin_projects_show ul.threads .thread-admin.item .date .count,
body#admin_tasks_show ul.threads .thread-admin.item .date .count,
body#admin_pledges_show ul.threads .thread-admin.item .date .count,
.backing_group_details ul.threads .thread-admin.item .date .count {
    border-radius: 3px;
    background: #3D3D66;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0px 5px
}

body#admin_users_show #content,
body#admin_projects_show #content,
body#admin_tasks_show #content,
body#admin_pledges_show #content,
.backing_group_details #content {
    padding: 20px 0px
}

body#admin_users_show #content #no-messages,
body#admin_projects_show #content #no-messages,
body#admin_tasks_show #content #no-messages,
body#admin_pledges_show #content #no-messages,
.backing_group_details #content #no-messages {
    padding: 15px 0;
    border-top: 3px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

body#admin_users_show #content .replies,
body#admin_projects_show #content .replies,
body#admin_tasks_show #content .replies,
body#admin_pledges_show #content .replies,
.backing_group_details #content .replies {
    margin-right: 10px;
    float: right
}

body#admin_users_show ul.thread_header,
body#admin_projects_show ul.thread_header,
body#admin_tasks_show ul.thread_header,
body#admin_pledges_show ul.thread_header,
.backing_group_details ul.thread_header {
    list-style: none;
    overflow: hidden;
    *zoom: 1;
    background: #F7F5F2;
    border-bottom: 1px solid #F1EEEA;
    font-weight: bold;
    padding: 10px;
    margin: 0px
}

body#admin_users_show ul.thread_header li,
body#admin_projects_show ul.thread_header li,
body#admin_tasks_show ul.thread_header li,
body#admin_pledges_show ul.thread_header li,
.backing_group_details ul.thread_header li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#admin_users_show ul.thread_header li,
body#admin_projects_show ul.thread_header li,
body#admin_tasks_show ul.thread_header li,
body#admin_pledges_show ul.thread_header li,
.backing_group_details ul.thread_header li {
    margin-right: 10px;
    margin-left: 0;
    float: left
}

body#admin_users_show li.item,
body#admin_projects_show li.item,
body#admin_tasks_show li.item,
body#admin_pledges_show li.item,
.backing_group_details li.item {
    float: left;
    clear: left;
    width: 100%;
    display: block;
    padding: 10px 0 10px 5px;
    border-bottom: 1px solid #F1EEEA
}

body#admin_users_show li.item.toggler:hover,
body#admin_projects_show li.item.toggler:hover,
body#admin_tasks_show li.item.toggler:hover,
body#admin_pledges_show li.item.toggler:hover,
.backing_group_details li.item.toggler:hover {
    background-color: #fcdda3
}

body#admin_users_show li.item:last-child,
body#admin_projects_show li.item:last-child,
body#admin_tasks_show li.item:last-child,
body#admin_pledges_show li.item:last-child,
.backing_group_details li.item:last-child {
    border-bottom: none
}

body#admin_users_show .info_table,
body#admin_projects_show .info_table,
body#admin_tasks_show .info_table,
body#admin_pledges_show .info_table,
.backing_group_details .info_table {
    line-height: 1.4em
}

body#admin_users_show .info_table .small_text,
body#admin_projects_show .info_table .small_text,
body#admin_tasks_show .info_table .small_text,
body#admin_pledges_show .info_table .small_text,
.backing_group_details .info_table .small_text {
    font-size: 0.8em
}

body#admin_users_show .info_table .new_line,
body#admin_projects_show .info_table .new_line,
body#admin_tasks_show .info_table .new_line,
body#admin_pledges_show .info_table .new_line,
.backing_group_details .info_table .new_line {
    margin-left: 10px
}

body#admin_users_show .info_table .details .detail,
body#admin_projects_show .info_table .details .detail,
body#admin_tasks_show .info_table .details .detail,
body#admin_pledges_show .info_table .details .detail,
.backing_group_details .info_table .details .detail {
    width: 100%;
    margin-bottom: 2px;
    padding: 2px 6px;
    background-color: #F7F5F2
}

body#admin_users_show .info_table .details .detail .key,
body#admin_projects_show .info_table .details .detail .key,
body#admin_tasks_show .info_table .details .detail .key,
body#admin_pledges_show .info_table .details .detail .key,
.backing_group_details .info_table .details .detail .key {
    float: left;
    margin-right: 5px
}

body#admin_users_show .info_table .details .detail .value,
body#admin_projects_show .info_table .details .detail .value,
body#admin_tasks_show .info_table .details .detail .value,
body#admin_pledges_show .info_table .details .detail .value,
.backing_group_details .info_table .details .detail .value {
    color: #3D3D66
}

body#admin_users_show .info_table.one_section .detail,
body#admin_projects_show .info_table.one_section .detail,
body#admin_tasks_show .info_table.one_section .detail,
body#admin_pledges_show .info_table.one_section .detail,
.backing_group_details .info_table.one_section .detail {
    background-color: inherit;
    border-top: 1px solid #F7F5F2
}

body#admin_users_show .info_table.one_section .detail:first-child,
body#admin_projects_show .info_table.one_section .detail:first-child,
body#admin_tasks_show .info_table.one_section .detail:first-child,
body#admin_pledges_show .info_table.one_section .detail:first-child,
.backing_group_details .info_table.one_section .detail:first-child {
    border: none
}

body#admin_users_show .info_table.one_section .detail .key,
body#admin_projects_show .info_table.one_section .detail .key,
body#admin_tasks_show .info_table.one_section .detail .key,
body#admin_pledges_show .info_table.one_section .detail .key,
.backing_group_details .info_table.one_section .detail .key {
    display: none
}

body#admin_users_show .info_table.one_section .detail .new_line,
body#admin_projects_show .info_table.one_section .detail .new_line,
body#admin_tasks_show .info_table.one_section .detail .new_line,
body#admin_pledges_show .info_table.one_section .detail .new_line,
.backing_group_details .info_table.one_section .detail .new_line {
    margin-left: 0
}

body#admin_users_show .info_table.pledges .status.pledged,
body#admin_projects_show .info_table.pledges .status.pledged,
body#admin_tasks_show .info_table.pledges .status.pledged,
body#admin_pledges_show .info_table.pledges .status.pledged,
.backing_group_details .info_table.pledges .status.pledged {
    color: #EB9C00
}

body#admin_users_show .info_table.pledges .status.collected,
body#admin_projects_show .info_table.pledges .status.collected,
body#admin_tasks_show .info_table.pledges .status.collected,
body#admin_pledges_show .info_table.pledges .status.collected,
.backing_group_details .info_table.pledges .status.collected {
    color: #2BDE73
}

body#admin_users_show .info_table.pledges .status.canceled,
body#admin_projects_show .info_table.pledges .status.canceled,
body#admin_tasks_show .info_table.pledges .status.canceled,
body#admin_pledges_show .info_table.pledges .status.canceled,
.backing_group_details .info_table.pledges .status.canceled {
    color: #2752ff
}

body#admin_users_show .info_table.pledges .status.errored,
body#admin_projects_show .info_table.pledges .status.errored,
body#admin_tasks_show .info_table.pledges .status.errored,
body#admin_pledges_show .info_table.pledges .status.errored,
.backing_group_details .info_table.pledges .status.errored {
    color: #9C00EB
}

body#admin_users_show .info_table.pledges .status.dropped,
body#admin_projects_show .info_table.pledges .status.dropped,
body#admin_tasks_show .info_table.pledges .status.dropped,
body#admin_pledges_show .info_table.pledges .status.dropped,
.backing_group_details .info_table.pledges .status.dropped {
    color: #fd003b
}

body#admin_users_show .info_table.pledges .status.preauth,
body#admin_projects_show .info_table.pledges .status.preauth,
body#admin_tasks_show .info_table.pledges .status.preauth,
body#admin_pledges_show .info_table.pledges .status.preauth,
.backing_group_details .info_table.pledges .status.preauth {
    font-weight: normal
}

body#admin_users_show .info_table.pledges.many_sections li.item .time,
body#admin_users_show .info_table.pledges.many_sections ul.thread_header .time,
body#admin_users_show .info_table.pledges.many_sections ul.more_details li .time,
body#admin_projects_show .info_table.pledges.many_sections li.item .time,
body#admin_projects_show .info_table.pledges.many_sections ul.thread_header .time,
body#admin_projects_show .info_table.pledges.many_sections ul.more_details li .time,
body#admin_tasks_show .info_table.pledges.many_sections li.item .time,
body#admin_tasks_show .info_table.pledges.many_sections ul.thread_header .time,
body#admin_tasks_show .info_table.pledges.many_sections ul.more_details li .time,
body#admin_pledges_show .info_table.pledges.many_sections li.item .time,
body#admin_pledges_show .info_table.pledges.many_sections ul.thread_header .time,
body#admin_pledges_show .info_table.pledges.many_sections ul.more_details li .time,
.backing_group_details .info_table.pledges.many_sections li.item .time,
.backing_group_details .info_table.pledges.many_sections ul.thread_header .time,
.backing_group_details .info_table.pledges.many_sections ul.more_details li .time {
    font-size: 0.8em;
    width: 70px
}

body#admin_users_show .info_table.pledges.many_sections li.item .amount,
body#admin_users_show .info_table.pledges.many_sections ul.thread_header .amount,
body#admin_users_show .info_table.pledges.many_sections ul.more_details li .amount,
body#admin_projects_show .info_table.pledges.many_sections li.item .amount,
body#admin_projects_show .info_table.pledges.many_sections ul.thread_header .amount,
body#admin_projects_show .info_table.pledges.many_sections ul.more_details li .amount,
body#admin_tasks_show .info_table.pledges.many_sections li.item .amount,
body#admin_tasks_show .info_table.pledges.many_sections ul.thread_header .amount,
body#admin_tasks_show .info_table.pledges.many_sections ul.more_details li .amount,
body#admin_pledges_show .info_table.pledges.many_sections li.item .amount,
body#admin_pledges_show .info_table.pledges.many_sections ul.thread_header .amount,
body#admin_pledges_show .info_table.pledges.many_sections ul.more_details li .amount,
.backing_group_details .info_table.pledges.many_sections li.item .amount,
.backing_group_details .info_table.pledges.many_sections ul.thread_header .amount,
.backing_group_details .info_table.pledges.many_sections ul.more_details li .amount {
    width: 65px
}

body#admin_users_show .info_table.pledges.many_sections li.item .amount .grey-dark,
body#admin_users_show .info_table.pledges.many_sections ul.thread_header .amount .grey-dark,
body#admin_users_show .info_table.pledges.many_sections ul.more_details li .amount .grey-dark,
body#admin_projects_show .info_table.pledges.many_sections li.item .amount .grey-dark,
body#admin_projects_show .info_table.pledges.many_sections ul.thread_header .amount .grey-dark,
body#admin_projects_show .info_table.pledges.many_sections ul.more_details li .amount .grey-dark,
body#admin_tasks_show .info_table.pledges.many_sections li.item .amount .grey-dark,
body#admin_tasks_show .info_table.pledges.many_sections ul.thread_header .amount .grey-dark,
body#admin_tasks_show .info_table.pledges.many_sections ul.more_details li .amount .grey-dark,
body#admin_pledges_show .info_table.pledges.many_sections li.item .amount .grey-dark,
body#admin_pledges_show .info_table.pledges.many_sections ul.thread_header .amount .grey-dark,
body#admin_pledges_show .info_table.pledges.many_sections ul.more_details li .amount .grey-dark,
.backing_group_details .info_table.pledges.many_sections li.item .amount .grey-dark,
.backing_group_details .info_table.pledges.many_sections ul.thread_header .amount .grey-dark,
.backing_group_details .info_table.pledges.many_sections ul.more_details li .amount .grey-dark {
    font-size: 0.8em
}

body#admin_users_show .info_table.pledges.many_sections li.item .status,
body#admin_users_show .info_table.pledges.many_sections ul.thread_header .status,
body#admin_users_show .info_table.pledges.many_sections ul.more_details li .status,
body#admin_projects_show .info_table.pledges.many_sections li.item .status,
body#admin_projects_show .info_table.pledges.many_sections ul.thread_header .status,
body#admin_projects_show .info_table.pledges.many_sections ul.more_details li .status,
body#admin_tasks_show .info_table.pledges.many_sections li.item .status,
body#admin_tasks_show .info_table.pledges.many_sections ul.thread_header .status,
body#admin_tasks_show .info_table.pledges.many_sections ul.more_details li .status,
body#admin_pledges_show .info_table.pledges.many_sections li.item .status,
body#admin_pledges_show .info_table.pledges.many_sections ul.thread_header .status,
body#admin_pledges_show .info_table.pledges.many_sections ul.more_details li .status,
.backing_group_details .info_table.pledges.many_sections li.item .status,
.backing_group_details .info_table.pledges.many_sections ul.thread_header .status,
.backing_group_details .info_table.pledges.many_sections ul.more_details li .status {
    width: 85px
}

body#admin_users_show .info_table.pledges.many_sections li.item .details,
body#admin_users_show .info_table.pledges.many_sections ul.thread_header .details,
body#admin_users_show .info_table.pledges.many_sections ul.more_details li .details,
body#admin_projects_show .info_table.pledges.many_sections li.item .details,
body#admin_projects_show .info_table.pledges.many_sections ul.thread_header .details,
body#admin_projects_show .info_table.pledges.many_sections ul.more_details li .details,
body#admin_tasks_show .info_table.pledges.many_sections li.item .details,
body#admin_tasks_show .info_table.pledges.many_sections ul.thread_header .details,
body#admin_tasks_show .info_table.pledges.many_sections ul.more_details li .details,
body#admin_pledges_show .info_table.pledges.many_sections li.item .details,
body#admin_pledges_show .info_table.pledges.many_sections ul.thread_header .details,
body#admin_pledges_show .info_table.pledges.many_sections ul.more_details li .details,
.backing_group_details .info_table.pledges.many_sections li.item .details,
.backing_group_details .info_table.pledges.many_sections ul.thread_header .details,
.backing_group_details .info_table.pledges.many_sections ul.more_details li .details {
    width: 530px
}

body#admin_users_show .info_table.pledges.many_sections li.item .extras,
body#admin_users_show .info_table.pledges.many_sections ul.thread_header .extras,
body#admin_users_show .info_table.pledges.many_sections ul.more_details li .extras,
body#admin_projects_show .info_table.pledges.many_sections li.item .extras,
body#admin_projects_show .info_table.pledges.many_sections ul.thread_header .extras,
body#admin_projects_show .info_table.pledges.many_sections ul.more_details li .extras,
body#admin_tasks_show .info_table.pledges.many_sections li.item .extras,
body#admin_tasks_show .info_table.pledges.many_sections ul.thread_header .extras,
body#admin_tasks_show .info_table.pledges.many_sections ul.more_details li .extras,
body#admin_pledges_show .info_table.pledges.many_sections li.item .extras,
body#admin_pledges_show .info_table.pledges.many_sections ul.thread_header .extras,
body#admin_pledges_show .info_table.pledges.many_sections ul.more_details li .extras,
.backing_group_details .info_table.pledges.many_sections li.item .extras,
.backing_group_details .info_table.pledges.many_sections ul.thread_header .extras,
.backing_group_details .info_table.pledges.many_sections ul.more_details li .extras {
    width: 80px
}

body#admin_users_show .info_table.pledges li.item .amount,
body#admin_users_show .info_table.pledges ul.thread_header .amount,
body#admin_users_show .info_table.pledges ul.more_details li .amount,
body#admin_projects_show .info_table.pledges li.item .amount,
body#admin_projects_show .info_table.pledges ul.thread_header .amount,
body#admin_projects_show .info_table.pledges ul.more_details li .amount,
body#admin_tasks_show .info_table.pledges li.item .amount,
body#admin_tasks_show .info_table.pledges ul.thread_header .amount,
body#admin_tasks_show .info_table.pledges ul.more_details li .amount,
body#admin_pledges_show .info_table.pledges li.item .amount,
body#admin_pledges_show .info_table.pledges ul.thread_header .amount,
body#admin_pledges_show .info_table.pledges ul.more_details li .amount,
.backing_group_details .info_table.pledges li.item .amount,
.backing_group_details .info_table.pledges ul.thread_header .amount,
.backing_group_details .info_table.pledges ul.more_details li .amount {
    text-align: right
}

body#admin_users_show .info_table.pledges li.item .status,
body#admin_users_show .info_table.pledges ul.thread_header .status,
body#admin_users_show .info_table.pledges ul.more_details li .status,
body#admin_projects_show .info_table.pledges li.item .status,
body#admin_projects_show .info_table.pledges ul.thread_header .status,
body#admin_projects_show .info_table.pledges ul.more_details li .status,
body#admin_tasks_show .info_table.pledges li.item .status,
body#admin_tasks_show .info_table.pledges ul.thread_header .status,
body#admin_tasks_show .info_table.pledges ul.more_details li .status,
body#admin_pledges_show .info_table.pledges li.item .status,
body#admin_pledges_show .info_table.pledges ul.thread_header .status,
body#admin_pledges_show .info_table.pledges ul.more_details li .status,
.backing_group_details .info_table.pledges li.item .status,
.backing_group_details .info_table.pledges ul.thread_header .status,
.backing_group_details .info_table.pledges ul.more_details li .status {
    font-weight: bold
}

body#admin_users_show .info_table.pledges li.item .status .reason,
body#admin_users_show .info_table.pledges ul.thread_header .status .reason,
body#admin_users_show .info_table.pledges ul.more_details li .status .reason,
body#admin_projects_show .info_table.pledges li.item .status .reason,
body#admin_projects_show .info_table.pledges ul.thread_header .status .reason,
body#admin_projects_show .info_table.pledges ul.more_details li .status .reason,
body#admin_tasks_show .info_table.pledges li.item .status .reason,
body#admin_tasks_show .info_table.pledges ul.thread_header .status .reason,
body#admin_tasks_show .info_table.pledges ul.more_details li .status .reason,
body#admin_pledges_show .info_table.pledges li.item .status .reason,
body#admin_pledges_show .info_table.pledges ul.thread_header .status .reason,
body#admin_pledges_show .info_table.pledges ul.more_details li .status .reason,
.backing_group_details .info_table.pledges li.item .status .reason,
.backing_group_details .info_table.pledges ul.thread_header .status .reason,
.backing_group_details .info_table.pledges ul.more_details li .status .reason {
    font-size: 0.8em;
    font-weight: normal
}

body#admin_users_show .info_table.pledges li.item .extras,
body#admin_users_show .info_table.pledges ul.thread_header .extras,
body#admin_users_show .info_table.pledges ul.more_details li .extras,
body#admin_projects_show .info_table.pledges li.item .extras,
body#admin_projects_show .info_table.pledges ul.thread_header .extras,
body#admin_projects_show .info_table.pledges ul.more_details li .extras,
body#admin_tasks_show .info_table.pledges li.item .extras,
body#admin_tasks_show .info_table.pledges ul.thread_header .extras,
body#admin_tasks_show .info_table.pledges ul.more_details li .extras,
body#admin_pledges_show .info_table.pledges li.item .extras,
body#admin_pledges_show .info_table.pledges ul.thread_header .extras,
body#admin_pledges_show .info_table.pledges ul.more_details li .extras,
.backing_group_details .info_table.pledges li.item .extras,
.backing_group_details .info_table.pledges ul.thread_header .extras,
.backing_group_details .info_table.pledges ul.more_details li .extras {
    margin-left: 10px
}

body#admin_users_show .info_table.pledges li.item .extras .action_btn,
body#admin_users_show .info_table.pledges ul.thread_header .extras .action_btn,
body#admin_users_show .info_table.pledges ul.more_details li .extras .action_btn,
body#admin_projects_show .info_table.pledges li.item .extras .action_btn,
body#admin_projects_show .info_table.pledges ul.thread_header .extras .action_btn,
body#admin_projects_show .info_table.pledges ul.more_details li .extras .action_btn,
body#admin_tasks_show .info_table.pledges li.item .extras .action_btn,
body#admin_tasks_show .info_table.pledges ul.thread_header .extras .action_btn,
body#admin_tasks_show .info_table.pledges ul.more_details li .extras .action_btn,
body#admin_pledges_show .info_table.pledges li.item .extras .action_btn,
body#admin_pledges_show .info_table.pledges ul.thread_header .extras .action_btn,
body#admin_pledges_show .info_table.pledges ul.more_details li .extras .action_btn,
.backing_group_details .info_table.pledges li.item .extras .action_btn,
.backing_group_details .info_table.pledges ul.thread_header .extras .action_btn,
.backing_group_details .info_table.pledges ul.more_details li .extras .action_btn {
    font-size: 0.8em;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 4px;
    background-color: #3D3D66
}

body#admin_users_show .info_table.pledges li.item .extras .action_btn a,
body#admin_users_show .info_table.pledges ul.thread_header .extras .action_btn a,
body#admin_users_show .info_table.pledges ul.more_details li .extras .action_btn a,
body#admin_projects_show .info_table.pledges li.item .extras .action_btn a,
body#admin_projects_show .info_table.pledges ul.thread_header .extras .action_btn a,
body#admin_projects_show .info_table.pledges ul.more_details li .extras .action_btn a,
body#admin_tasks_show .info_table.pledges li.item .extras .action_btn a,
body#admin_tasks_show .info_table.pledges ul.thread_header .extras .action_btn a,
body#admin_tasks_show .info_table.pledges ul.more_details li .extras .action_btn a,
body#admin_pledges_show .info_table.pledges li.item .extras .action_btn a,
body#admin_pledges_show .info_table.pledges ul.thread_header .extras .action_btn a,
body#admin_pledges_show .info_table.pledges ul.more_details li .extras .action_btn a,
.backing_group_details .info_table.pledges li.item .extras .action_btn a,
.backing_group_details .info_table.pledges ul.thread_header .extras .action_btn a,
.backing_group_details .info_table.pledges ul.more_details li .extras .action_btn a {
    font-weight: bold;
    color: #FFF;
    padding: 0px 5px
}

body#admin_users_show .info_table ul.pledge_log,
body#admin_projects_show .info_table ul.pledge_log,
body#admin_tasks_show .info_table ul.pledge_log,
body#admin_pledges_show .info_table ul.pledge_log,
.backing_group_details .info_table ul.pledge_log {
    list-style: none
}

body#admin_users_show .info_table ul.pledge_log > li,
body#admin_projects_show .info_table ul.pledge_log > li,
body#admin_tasks_show .info_table ul.pledge_log > li,
body#admin_pledges_show .info_table ul.pledge_log > li,
.backing_group_details .info_table ul.pledge_log > li {
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #F1EEEA;
    float: left;
    clear: left
}

body#admin_users_show .info_table ul.pledge_log > li:first-child,
body#admin_projects_show .info_table ul.pledge_log > li:first-child,
body#admin_tasks_show .info_table ul.pledge_log > li:first-child,
body#admin_pledges_show .info_table ul.pledge_log > li:first-child,
.backing_group_details .info_table ul.pledge_log > li:first-child {
    border-top: 1px solid #F1EEEA
}

body#admin_users_show .info_table li.item .section,
body#admin_users_show .info_table ul.thread_header .section,
body#admin_users_show .info_table ul.pledge_log li .section,
body#admin_projects_show .info_table li.item .section,
body#admin_projects_show .info_table ul.thread_header .section,
body#admin_projects_show .info_table ul.pledge_log li .section,
body#admin_tasks_show .info_table li.item .section,
body#admin_tasks_show .info_table ul.thread_header .section,
body#admin_tasks_show .info_table ul.pledge_log li .section,
body#admin_pledges_show .info_table li.item .section,
body#admin_pledges_show .info_table ul.thread_header .section,
body#admin_pledges_show .info_table ul.pledge_log li .section,
.backing_group_details .info_table li.item .section,
.backing_group_details .info_table ul.thread_header .section,
.backing_group_details .info_table ul.pledge_log li .section {
    margin-right: 10px;
    float: left
}

body#admin_users_show .info_table li.item .action,
body#admin_users_show .info_table ul.thread_header .action,
body#admin_users_show .info_table ul.pledge_log li .action,
body#admin_projects_show .info_table li.item .action,
body#admin_projects_show .info_table ul.thread_header .action,
body#admin_projects_show .info_table ul.pledge_log li .action,
body#admin_tasks_show .info_table li.item .action,
body#admin_tasks_show .info_table ul.thread_header .action,
body#admin_tasks_show .info_table ul.pledge_log li .action,
body#admin_pledges_show .info_table li.item .action,
body#admin_pledges_show .info_table ul.thread_header .action,
body#admin_pledges_show .info_table ul.pledge_log li .action,
.backing_group_details .info_table li.item .action,
.backing_group_details .info_table ul.thread_header .action,
.backing_group_details .info_table ul.pledge_log li .action {
    width: 50px
}

body#admin_users_show .info_table li.item .location,
body#admin_users_show .info_table ul.thread_header .location,
body#admin_users_show .info_table ul.pledge_log li .location,
body#admin_projects_show .info_table li.item .location,
body#admin_projects_show .info_table ul.thread_header .location,
body#admin_projects_show .info_table ul.pledge_log li .location,
body#admin_tasks_show .info_table li.item .location,
body#admin_tasks_show .info_table ul.thread_header .location,
body#admin_tasks_show .info_table ul.pledge_log li .location,
body#admin_pledges_show .info_table li.item .location,
body#admin_pledges_show .info_table ul.thread_header .location,
body#admin_pledges_show .info_table ul.pledge_log li .location,
.backing_group_details .info_table li.item .location,
.backing_group_details .info_table ul.thread_header .location,
.backing_group_details .info_table ul.pledge_log li .location {
    width: 200px
}

body#admin_users_show .info_table li.item .comment_message,
body#admin_users_show .info_table ul.thread_header .comment_message,
body#admin_users_show .info_table ul.pledge_log li .comment_message,
body#admin_projects_show .info_table li.item .comment_message,
body#admin_projects_show .info_table ul.thread_header .comment_message,
body#admin_projects_show .info_table ul.pledge_log li .comment_message,
body#admin_tasks_show .info_table li.item .comment_message,
body#admin_tasks_show .info_table ul.thread_header .comment_message,
body#admin_tasks_show .info_table ul.pledge_log li .comment_message,
body#admin_pledges_show .info_table li.item .comment_message,
body#admin_pledges_show .info_table ul.thread_header .comment_message,
body#admin_pledges_show .info_table ul.pledge_log li .comment_message,
.backing_group_details .info_table li.item .comment_message,
.backing_group_details .info_table ul.thread_header .comment_message,
.backing_group_details .info_table ul.pledge_log li .comment_message {
    width: 540px
}

body#admin_users_show .info_table li.item .time,
body#admin_users_show .info_table ul.thread_header .time,
body#admin_users_show .info_table ul.pledge_log li .time,
body#admin_projects_show .info_table li.item .time,
body#admin_projects_show .info_table ul.thread_header .time,
body#admin_projects_show .info_table ul.pledge_log li .time,
body#admin_tasks_show .info_table li.item .time,
body#admin_tasks_show .info_table ul.thread_header .time,
body#admin_tasks_show .info_table ul.pledge_log li .time,
body#admin_pledges_show .info_table li.item .time,
body#admin_pledges_show .info_table ul.thread_header .time,
body#admin_pledges_show .info_table ul.pledge_log li .time,
.backing_group_details .info_table li.item .time,
.backing_group_details .info_table ul.thread_header .time,
.backing_group_details .info_table ul.pledge_log li .time {
    width: 80px
}

body#admin_users_show .info_table li.item .even,
body#admin_users_show .info_table ul.thread_header .even,
body#admin_users_show .info_table ul.pledge_log li .even,
body#admin_projects_show .info_table li.item .even,
body#admin_projects_show .info_table ul.thread_header .even,
body#admin_projects_show .info_table ul.pledge_log li .even,
body#admin_tasks_show .info_table li.item .even,
body#admin_tasks_show .info_table ul.thread_header .even,
body#admin_tasks_show .info_table ul.pledge_log li .even,
body#admin_pledges_show .info_table li.item .even,
body#admin_pledges_show .info_table ul.thread_header .even,
body#admin_pledges_show .info_table ul.pledge_log li .even,
.backing_group_details .info_table li.item .even,
.backing_group_details .info_table ul.thread_header .even,
.backing_group_details .info_table ul.pledge_log li .even {
    background-color: #F8F9FD
}

body#admin_users_show .info_table li.item .full_msg,
body#admin_users_show .info_table ul.thread_header .full_msg,
body#admin_users_show .info_table ul.pledge_log li .full_msg,
body#admin_projects_show .info_table li.item .full_msg,
body#admin_projects_show .info_table ul.thread_header .full_msg,
body#admin_projects_show .info_table ul.pledge_log li .full_msg,
body#admin_tasks_show .info_table li.item .full_msg,
body#admin_tasks_show .info_table ul.thread_header .full_msg,
body#admin_tasks_show .info_table ul.pledge_log li .full_msg,
body#admin_pledges_show .info_table li.item .full_msg,
body#admin_pledges_show .info_table ul.thread_header .full_msg,
body#admin_pledges_show .info_table ul.pledge_log li .full_msg,
.backing_group_details .info_table li.item .full_msg,
.backing_group_details .info_table ul.thread_header .full_msg,
.backing_group_details .info_table ul.pledge_log li .full_msg {
    width: 400px
}

body#admin_users_show .info_table li.item .replies,
body#admin_users_show .info_table ul.thread_header .replies,
body#admin_users_show .info_table ul.pledge_log li .replies,
body#admin_projects_show .info_table li.item .replies,
body#admin_projects_show .info_table ul.thread_header .replies,
body#admin_projects_show .info_table ul.pledge_log li .replies,
body#admin_tasks_show .info_table li.item .replies,
body#admin_tasks_show .info_table ul.thread_header .replies,
body#admin_tasks_show .info_table ul.pledge_log li .replies,
body#admin_pledges_show .info_table li.item .replies,
body#admin_pledges_show .info_table ul.thread_header .replies,
body#admin_pledges_show .info_table ul.pledge_log li .replies,
.backing_group_details .info_table li.item .replies,
.backing_group_details .info_table ul.thread_header .replies,
.backing_group_details .info_table ul.pledge_log li .replies {
    text-align: center
}

body#admin_users_show .info_table li.item .token,
body#admin_users_show .info_table ul.thread_header .token,
body#admin_users_show .info_table ul.pledge_log li .token,
body#admin_projects_show .info_table li.item .token,
body#admin_projects_show .info_table ul.thread_header .token,
body#admin_projects_show .info_table ul.pledge_log li .token,
body#admin_tasks_show .info_table li.item .token,
body#admin_tasks_show .info_table ul.thread_header .token,
body#admin_tasks_show .info_table ul.pledge_log li .token,
body#admin_pledges_show .info_table li.item .token,
body#admin_pledges_show .info_table ul.thread_header .token,
body#admin_pledges_show .info_table ul.pledge_log li .token,
.backing_group_details .info_table li.item .token,
.backing_group_details .info_table ul.thread_header .token,
.backing_group_details .info_table ul.pledge_log li .token {
    width: 100px
}

body#admin_users_show .rightcol {
    width: 340px
}

body#admin_users_show .leftcol {
    width: 600px
}

body#admin_users_show .vitals {
    overflow: visible;
    zoom: 1;
    margin-bottom: 1.5em
}

body#admin_users_show .vitals img {
    margin-right: 1em;
    float: right
}

body#admin_users_show .vitals td {
    vertical-align: top
}

body#admin_users_show .actions li {
    width: 90px
}

body#admin_users_show .actions li a {
    display: block;
    padding: 2px 5px;
    width: 80px;
    text-align: center
}

body#admin_users_show #facebook-login {
    margin: 15px 0;
    background: #F7F5F2;
    border: 1px solid #F1EEEA;
    padding: 9px
}

body#admin_users_show #event-filters {
    margin: 0 0 10px 0;
    padding: 0 0 3px 0;
    overflow: hidden;
    list-style: none;
    zoom: 1;
    border-bottom: 3px solid #F1EEEA
}

body#admin_users_show #event-filters.loading {
    color: #3D3D66;
    position: relative
}

body#admin_users_show #event-filters.loading:after {
    content: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif);
    top: 2px;
    right: 5px;
    position: absolute
}

body#admin_users_show #event-filters li {
    float: left;
    margin-right: 20px
}

body#admin_users_show ul.hit_list,
body#admin_users_show ol.projects {
    margin: 0;
    padding: 0;
    list-style: none
}

body#admin_users_show ul.hit_list {
    margin-bottom: 20px
}

body#admin_users_show ul.hit_list > li {
    overflow: auto;
    zoom: 1;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #F1EEEA;
    margin-bottom: 0.5em
}

body#admin_users_show ul.hit_list > li .time {
    color: #3D3D66;
    width: 80px;
    font-size: 0.9em;
    float: left
}

body#admin_users_show ul.hit_list > li .event {
    margin-left: 75px
}

body#admin_users_show ul.hit_list > li .event div {
    padding-left: 30px;
    background-repeat: no-repeat
}

body#admin_users_show ul.hit_list > li .event div.survey {
    background-image: url(/assets/icons/admin/survey-9b773b993d5d24aa35a31acaf961301c1ae9817c8a63b0b6d88ac3733478cdcb.png)
}

body#admin_users_show ul.hit_list > li .event div.pledge {
    background-image: url(/assets/icons/backer_white-b1c4ae6468db37d31866a201d13c996b28c5f9ad04c392df31d632c3bd88cfe8.png)
}

body#admin_users_show ul.hit_list > li .event div.transaction {
    background-image: url(/assets/icons/admin/transaction-204d41c190e6cb4660ecaef493575c333c4e8c27d843ac66f6cc267ef7599b09.png)
}

body#admin_users_show ul.hit_list > li .event div.email {
    background-image: url(/assets/icons/admin/email-040d4ecd79cc10e1e4cc64e638d1d75fe2130edfbb68a9965d0aa5576ebb4b6b.png)
}

body#admin_users_show ul.hit_list > li .event div.message {
    background-image: url(/assets/icons/admin/message-2f15dbafcd534b584133b38abb3a6b04236d181c32218e2bd5adcd10c110231b.png)
}

body#admin_users_show ul.hit_list > li .event div.comment {
    background-image: url(/assets/icons/admin/comment-29e887b1155ae3592689e012fb7c7f64354d604886d18b27c74004a0be2fcc7e.png)
}

body#admin_users_show ul.hit_list > li .event div.post {
    background-image: url(/assets/icons/admin/post-7ef63e2392f3176692006db0bcf7159da7f0244c0b443a04eedd15402cd44f6c.png)
}

body#admin_users_show ul.hit_list > li .event dl {
    overflow: hidden;
    *zoom: 1;
    margin-left: 10px
}

body#admin_users_show ul.hit_list > li .event dl dt {
    clear: left;
    float: left;
    margin-right: 5px
}

body#admin_users_show ul.hit_list > li .event dl dt:before {
    content: "♦ "
}

body#admin_users_show ul.hit_list > li .event dl dt:after {
    content: ":"
}

body#admin_users_show ul.hit_list > li .event dl dd {
    float: left
}

body#admin_users_show a#load-events.loading {
    position: relative
}

body#admin_users_show a#load-events.loading:after {
    content: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif);
    top: 5px;
    right: -25px;
    position: absolute
}

body#admin_users_show a#load-events.disabled {
    background-color: #F1EEEA;
    color: #3D3D66
}

body#admin_users_show dl.vitals {
    overflow: auto;
    zoom: 1;
    margin-bottom: 1em
}

body#admin_users_show dl.vitals dt {
    float: left;
    width: 120px;
    clear: both;
    font-weight: bold
}

body#admin_users_show dl.vitals dd {
    float: right
}

body#admin_users_show dl.vitals a.tip .green {
    color: #2BDE73
}

body#admin_users_show dl.vitals a.tip .blue {
    color: #2752ff
}

body#admin_users_show dl.vitals a.tip .orange {
    color: #e29647
}

body#admin_users_show dl.vitals a.tip .red {
    color: #fd003b
}

body#admin_users_show dl.vitals a.tip .brown {
    color: #90663b
}

body#admin_faqs_index ol.categories,
body#admin_faqs_index ol.subcategories {
    list-style: none;
    margin: 0 0 0;
    padding: 0
}

body#admin_faqs_index ol.categories li,
body#admin_faqs_index ol.subcategories li {
    margin-bottom: 30px
}

body#admin_faqs_index ol.subcategories {
    padding-left: 20px
}

body#admin_faqs_index td.question {
    width: 150px
}

body#admin_faqs_index form.new_faq,
body#admin_faqs_index form.edit_faq {
    width: 600px
}

body#admin_faqs_index form.new_faq input.text,
body#admin_faqs_index form.edit_faq input.text {
    width: 588px
}

body#admin_recommended_projects_index .presentation-search #search {
    width: 250px
}

body#admin_recommended_projects_index td.feature_position {
    width: 30px
}

body#admin_recommended_projects_index td.feature_position input {
    width: 30px
}

body#admin_projects_show .presentation-grid table {
    table-layout: fixed
}

body#admin_projects_show .presentation-grid table td.original {
    overflow: hidden
}

body#admin_projects_show .presentation-grid table th.original {
    width: 390px
}

body#admin_projects_show .presentation-grid table th.status {
    width: 100px
}

body#admin_projects_show .backer_reward {
    background-color: #F7F5F2;
    padding-top: 20px;
    padding-left: 20px;
    border-top: 1px solid #F1EEEA;
    width: 600px
}

body#admin_projects_show .backer_reward p,
body#admin_projects_show .backer_reward fieldset {
    margin-bottom: 0px
}

body#admin_projects_show dl dt {
    float: left;
    width: 50px;
    clear: left;
    font-weight: bold
}

body#admin_projects_show dl dd {
    float: left;
    margin-bottom: 2em;
    width: 500px
}

body#admin_projects_show dl dd label {
    font-weight: normal;
    text-transform: none
}

body#admin_projects_show dl dd textarea {
    height: 5em
}

body#admin_projects_show .deleted {
    color: #3D3D66
}

body#admin_projects_show .tracked_changes {
    background: #fcdda3;
    color: #020621
}

body#admin_projects_show .tracked_changes.small {
    font-size: 11px;
    line-height: 15px;
    margin-top: 5px
}

body.newsletter_stats #content {
    overflow: hidden
}

body.newsletter_stats .click_for_stats {
    font-size: 85%;
    font-style: italic;
    padding-top: 2px;
    color: #3D3D66
}

body.newsletter_stats .stats_row .plot {
    width: 920px;
    height: 200px
}

body.newsletter_stats .summary {
    text-align: center;
    width: 390px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto
}

body.newsletter_stats .summary th {
    background: #FFF;
    font-weight: strong
}

body.newsletter_stats .summary td {
    text-align: center
}

body.newsletter_stats .stats_row {
    padding: 0px;
    height: 0px
}

body.newsletter_stats #bubble {
    display: none;
    color: #FFF;
    position: absolute;
    line-height: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    height: 16px;
    width: 200px
}

body.newsletter_stats #bubble p {
    margin: 0
}

body.newsletter_stats #bubble .content {
    font-size: 19px;
    font-weight: bold;
    opacity: 0.6;
    text-transform: uppercase;
    width: 200px;
    position: relative;
    text-align: right;
    color: black
}

body#admin_featured_projects_index #content .field.search .results ul {
    max-height: 115px;
    overflow: auto;
    margin-left: 0;
    margin-right: 0
}

body#admin_featured_projects_index #content .field.search .results ul {
    max-width: 263px
}

body#admin_newsletters_show #content .preview {
    margin-top: 10px
}

body.submission_stats .sortable_table,
body.funnel_texts .sortable_table,
body.funnels .sortable_table {
    table-layout: fixed
}

body.submission_stats .sortable_table th.accepted,
body.submission_stats .sortable_table th.rejected,
body.submission_stats .sortable_table th.replied,
body.submission_stats .sortable_table th.total,
body.funnel_texts .sortable_table th.accepted,
body.funnel_texts .sortable_table th.rejected,
body.funnel_texts .sortable_table th.replied,
body.funnel_texts .sortable_table th.total,
body.funnels .sortable_table th.accepted,
body.funnels .sortable_table th.rejected,
body.funnels .sortable_table th.replied,
body.funnels .sortable_table th.total {
    width: 55px
}

body.submission_stats .sortable_table th.name,
body.funnel_texts .sortable_table th.name,
body.funnels .sortable_table th.name {
    width: 125px
}

body.submission_stats .sortable_table th.percent_appeals_accepted,
body.funnel_texts .sortable_table th.percent_appeals_accepted,
body.funnels .sortable_table th.percent_appeals_accepted {
    width: 100px
}

body.submission_stats .sortable_table th.tablesorter-headerAsc,
body.funnel_texts .sortable_table th.tablesorter-headerAsc,
body.funnels .sortable_table th.tablesorter-headerAsc {
    background: url(/assets/tablesorter_asc-d8e961459052dc6a9ca57e587cbd89105322af6b87cb73d1b59f0e8b4ea4bf81.gif) no-repeat
}

body.submission_stats .sortable_table th.tablesorter-headerDesc,
body.funnel_texts .sortable_table th.tablesorter-headerDesc,
body.funnels .sortable_table th.tablesorter-headerDesc {
    background: url(/assets/tablesorter_desc-1bf8b7f7affee67f19707d3514c565805efdf2e5801ea6b4186a3bed176e1975.gif) no-repeat
}

body.submission_stats .sortable_table th.tablesorter-header,
body.funnel_texts .sortable_table th.tablesorter-header,
body.funnels .sortable_table th.tablesorter-header {
    background-repeat: no-repeat;
    background-position: right center;
    border-right: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA;
    font-size: 10px
}

body.submission_stats .sortable_table tr:nth-of-type(even),
body.funnel_texts .sortable_table tr:nth-of-type(even),
body.funnels .sortable_table tr:nth-of-type(even) {
    background-color: #F8F9FD;
    border-bottom: 1px solid #d0d7f2;
    border-top: 1px solid #d0d7f2
}

.admin-notes {
    list-style: none
}

.admin-notes li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.admin-notes .note {
    white-space: pre-line
}

.clear {
    clear: both
}

.poem {
    margin-top: 40px
}

#pledge_profile {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    color: #3D3D66
}

#pledge_profile #line .pledge_line {
    height: 4px;
    float: left;
    margin-bottom: 4px
}

#pledge_profile #line .pledge_line.collected {
    background-color: #2BDE73
}

#pledge_profile #line .pledge_line.pledged {
    background-color: #EB9C00
}

#pledge_profile #line .pledge_line.preauth {
    background-color: #3D3D66
}

#pledge_profile #line .pledge_line.errored {
    background-color: #9C00EB
}

#pledge_profile #line .pledge_line.canceled {
    background-color: #2752ff
}

#pledge_profile #line .pledge_line.dropped {
    background-color: #fd003b
}

.sift_science_icon img {
    width: 0.75em;
    height: 0.75em;
    opacity: 0.7
}

.sift_science_icon img:hover {
    opacity: 1
}

dl.changeset dd.change {
    width: 800px
}

dl.changeset dd.change ins {
    background-color: #2BDE73
}

dl.changeset dd.change del {
    background-color: #fd003b
}

dl.changeset dd.change ins,
dl.changeset dd.change del {
    text-decoration: none;
    padding: 3px
}

#edit_asset .footer {
    display: block
}

.NS-assets_new form.asset_upload .credit_and_caption {
    display: none
}

.NS-assets_new.uploading form.asset_upload {
    border: none
}

.NS-assets_new.uploading form.asset_upload .credit_and_caption {
    display: block
}

.NS-assets_new.uploading .embed {
    display: none
}

.NS-assets_new.upload_finished form.asset_upload {
    border: none
}

.NS-assets_new.upload_finished form.asset_upload fieldset.upload {
    display: none
}

.NS-assets_new.upload_finished form.asset_upload .credit_and_caption {
    display: block
}

.NS-assets_new.upload_finished form.asset_upload .success {
    display: block
}

.NS-assets_new.upload_finished form.asset_upload .success .image-clip {
    display: none
}

.NS-assets_new.upload_finished form.asset_upload .footer {
    display: block
}

.NS-assets_new.upload_finished .embed {
    display: none
}

.NS-assets_new hr.or {
    margin-top: 30px
}

.NS-assets_new .embed .or_copy {
    width: 40px
}

.NS-assets_new .credit_and_caption .or_copy {
    width: 80px
}

.NS-assets_new .or_copy {
    background-color: white;
    margin: -30px auto 20px;
    text-transform: uppercase;
    color: #3D3D66;
    display: block;
    text-align: center;
    font-size: 11px
}

.NS-assets_new .embed small {
    display: block;
    padding-left: 10px
}

.NS-assets_new .embed input.text {
    margin-bottom: 10px
}

.NS-assets_new .grey-field label {
    width: 120px
}

.NS-assets_new .grey-field input.text {
    width: 320px
}

.NS-assets_new .example {
    line-height: 16px;
    margin-bottom: 5px;
    padding: 0 10px
}

.NS-backer_report_export {
    min-width: 400px;
    font-size: 14px
}

.NS-backer_report_export form {
    display: block
}

.NS-backer_report_export p,
.NS-backer_report_export h6 {
    margin-bottom: 5px
}

.NS-backer_report_export h6 {
    font-size: 14px;
    font-weight: bold
}

.NS-backer_report_export .progress {
    display: none
}

.NS-backer_report_export .progress .loading {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    background: transparent url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: -2px
}

.NS-backer_report_export .progress .bar_container {
    border-radius: 4px;
    width: 100%;
    height: 8px;
    background: #F7F5F2;
    padding: 0
}

.NS-backer_report_export .progress .bar_container .bar {
    border-radius: 4px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    background: #2BDE73;
    height: 8px;
    width: 0
}

.NS-backer_report_export .export_body {
    height: 60px
}

.NS-backer_report_export .email_me_container {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS-backer_report_export .btn--blue {
    margin-right: 20px
}

.NS-backer_report_export .success {
    display: none
}

.NS-backer_report_export.generating form {
    display: none
}

.NS-backer_report_export.generating .progress {
    display: block
}

.NS-backer_report_export .email_me_container {
    width: 240px;
    line-height: 18px
}

.NS-backer_report_export.success form {
    display: none
}

.NS-backer_report_export.success .success {
    display: block
}

.NS-backer_report_export .privacy {
    width: 400px;
    margin-bottom: 20px
}

.NS-backer_report_export .select,
#send_message_dialog .select {
    border-radius: 6px;
    overflow: hidden;
    background-color: #F7F5F2;
    border: 1px solid #F1EEEA;
    margin-bottom: 20px
}

.NS-backer_report_export .select select,
#send_message_dialog .select select {
    -webkit-appearance: none;
    -moz-outline-style: none;
    cursor: pointer;
    margin-right: 5px;
    background-image: url(/assets/projects/icon-dropdown-62e753650df6e95e812d5da0abd55aceb7e7039856a2bcaa9ad35de660ab07bd.gif);
    background-repeat: no-repeat;
    background-position: 74% 50%;
    border: none;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px 10px 10px;
    width: 130%
}

body#backer_report_index #header-wrap #header #logo {
    margin-left: 10px !important
}

body#backer_report_index .mobius_load_more {
    clear: both
}

body#backer_report_index .backer_info .modal_dialog_body {
    padding: 0
}

body#backer_report_index #survey-header {
    border-radius: 6px;
    background: #fcdda3;
    padding: 17px 40px 15px 40px;
    width: 860px;
    margin: 20px auto 0
}

body#backer_report_index #survey-header p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0px
}

body#backer_report_index #survey-header p a {
    color: #020621;
    text-decoration: underline
}

body#backer_report_index #survey-header p a:hover {
    text-decoration: none
}

body#backer_report_index #page-header h2 {
    display: inline;
    float: left
}

body#backer_report_index .NS-backer_report__header {
    text-align: right;
    line-height: 48px
}

body#backer_report_index .NS_message_batches__new textarea.errored {
    border: 1px solid #fd003b;
    background: #ffecf0
}

body#backer_report_index .NS_message_batches__new .success {
    font-size: 18px
}

body#backer_report_index .NS_message_batches__new label {
    font-weight: normal
}

body#backer_report_index #table-header {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-left: 0;
    margin-bottom: 20px
}

body#backer_report_index #table-header #term {
    width: 217px
}

body#backer_report_index .result-info {
    line-height: 34px;
    padding: 24px 0
}

body#backer_report_index .result-info .filter-count {
    display: inline;
    float: left;
    font-size: 18px
}

body#backer_report_index .result-info .message-controls {
    text-align: right
}

body#backer_report_index .result-info .message-controls .reward-details {
    margin-right: 20px
}

body#backer_report_index table {
    width: 100%;
    font-size: 14px
}

body#backer_report_index table tr {
    border-bottom: 1px solid #F1EEEA
}

body#backer_report_index table thead {
    background: #F7F5F2
}

body#backer_report_index table thead th {
    font-weight: bold;
    padding: 17px 10px 15px
}

body#backer_report_index table thead th .ksr-icon__arrow-up,
body#backer_report_index table thead th .ksr-icon__arrow-down {
    display: none;
    margin: 0px 0px 0px 3px;
    vertical-align: -1px
}

body#backer_report_index table thead th.asc .ksr-icon__arrow-up {
    display: inline
}

body#backer_report_index table thead th.desc .ksr-icon__arrow-down {
    display: inline
}

body#backer_report_index table thead th.sortable:hover {
    background: #F1EEEA;
    cursor: pointer
}

body#backer_report_index table thead th.sortable:hover .ksr-icon__arrow-up {
    display: inline
}

body#backer_report_index table thead th.sortable:hover.desc .ksr-icon__arrow-up {
    display: none
}

body#backer_report_index table thead th.date {
    width: 60px
}

body#backer_report_index table thead th.backer {
    width: 170px
}

body#backer_report_index table thead th.amount {
    width: 80px
}

body#backer_report_index table thead th.completed {
    text-align: center
}

body#backer_report_index table thead th.completed .ss-icon {
    border: none;
    color: #3D3D66;
    vertical-align: -2px;
    margin-left: 2px
}

body#backer_report_index table thead th.completed .ss-icon:hover {
    cursor: pointer;
    color: #020621
}

body#backer_report_index table tbody tr.backer_row:hover {
    background: #F7F5F2;
    cursor: pointer
}

body#backer_report_index table tbody tr.backer_row.selected td:first-child {
    border-color: #2BDE73
}

body#backer_report_index table tbody td {
    vertical-align: middle
}

body#backer_report_index table tbody td a,
body#backer_report_index table tbody td .no_backers {
    color: #020621;
    display: block;
    padding: 10px
}

body#backer_report_index table tbody td:first-child {
    border-left: 3px solid transparent
}

body#backer_report_index table tbody td.amount {
    white-space: nowrap
}

body#backer_report_index table tbody td.backer a {
    width: 170px
}

body#backer_report_index table tbody td.creator_notes a {
    width: 145px
}

body#backer_report_index table tbody td.completed {
    text-align: center
}

body#backer_report_index table .notification-indicator {
    position: relative
}

body#backer_report_index table .notification-indicator .ss-mail {
    margin-right: 5px
}

body#backer_report_index table .notification-indicator.notification-indicator--active {
    font-weight: bold
}

body#backer_report_index table .notification-indicator.notification-indicator--active .ss-mail {
    margin-right: 8px
}

body#backer_report_index table .notification-indicator.notification-indicator--active:after {
    position: absolute;
    top: 0px;
    left: 8px
}

body#backer_report_index .pledged span.errored,
body#backer_report_index .pledged span.dropped,
body#backer_report_index .collected span.errored,
body#backer_report_index .collected span.dropped,
body#backer_report_index .errored span.errored,
body#backer_report_index .errored span.dropped,
body#backer_report_index .dropped span.errored,
body#backer_report_index .dropped span.dropped {
    border: none;
    cursor: pointer;
    display: none
}

body#backer_report_index .pledged .ss-icon,
body#backer_report_index .collected .ss-icon,
body#backer_report_index .errored .ss-icon,
body#backer_report_index .dropped .ss-icon {
    vertical-align: -2px;
    margin-right: 2px
}

body#backer_report_index .errored span.errored {
    color: #fd003b;
    display: inline
}

body#backer_report_index .dropped span.dropped {
    color: #fd003b;
    display: inline
}

body#backer_report_index .completed_toggle div.completed .box,
body#backer_report_index .completed_toggle div.not_completed .box,
body#backer_report_index .completed_toggle div.uncompleted .box,
body#backer_report_index td.completed div.completed .box,
body#backer_report_index td.completed div.not_completed .box,
body#backer_report_index td.completed div.uncompleted .box,
.NS_backers__info .completed_toggle div.completed .box,
.NS_backers__info .completed_toggle div.not_completed .box,
.NS_backers__info .completed_toggle div.uncompleted .box,
.NS_backers__info td.completed div.completed .box,
.NS_backers__info td.completed div.not_completed .box,
.NS_backers__info td.completed div.uncompleted .box {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 4px;
    border: 1px solid #F1EEEA;
    width: 22px;
    height: 22px;
    line-height: 25px;
    font-size: 12px;
    text-align: center
}

body#backer_report_index .completed_toggle div.completed .text,
body#backer_report_index .completed_toggle div.not_completed .text,
body#backer_report_index .completed_toggle div.uncompleted .text,
body#backer_report_index td.completed div.completed .text,
body#backer_report_index td.completed div.not_completed .text,
body#backer_report_index td.completed div.uncompleted .text,
.NS_backers__info .completed_toggle div.completed .text,
.NS_backers__info .completed_toggle div.not_completed .text,
.NS_backers__info .completed_toggle div.uncompleted .text,
.NS_backers__info td.completed div.completed .text,
.NS_backers__info td.completed div.not_completed .text,
.NS_backers__info td.completed div.uncompleted .text {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-left: 4px;
    margin-right: 5px;
    color: #020621
}

body#backer_report_index .completed_toggle div.completed,
body#backer_report_index td.completed div.completed,
.NS_backers__info .completed_toggle div.completed,
.NS_backers__info td.completed div.completed {
    display: none
}

body#backer_report_index .completed_toggle div.not_completed,
body#backer_report_index .completed_toggle div.uncompleted,
body#backer_report_index td.completed div.not_completed,
body#backer_report_index td.completed div.uncompleted,
.NS_backers__info .completed_toggle div.not_completed,
.NS_backers__info .completed_toggle div.uncompleted,
.NS_backers__info td.completed div.not_completed,
.NS_backers__info td.completed div.uncompleted {
    display: block
}

body#backer_report_index .completed_toggle div.not_completed .box:hover,
body#backer_report_index .completed_toggle div.uncompleted .box:hover,
body#backer_report_index td.completed div.not_completed .box:hover,
body#backer_report_index td.completed div.uncompleted .box:hover,
.NS_backers__info .completed_toggle div.not_completed .box:hover,
.NS_backers__info .completed_toggle div.uncompleted .box:hover,
.NS_backers__info td.completed div.not_completed .box:hover,
.NS_backers__info td.completed div.uncompleted .box:hover {
    background: #F7F5F2;
    border-color: #3D3D66
}

body#backer_report_index a.completed div.completed,
.NS_backers__info a.completed div.completed {
    display: block;
    border: none
}

body#backer_report_index a.completed div.completed .box,
.NS_backers__info a.completed div.completed .box {
    border-color: #2BDE73;
    color: #2BDE73
}

body#backer_report_index a.completed div.completed .box .ss-icon,
.NS_backers__info a.completed div.completed .box .ss-icon {
    margin: 0;
    vertical-align: 0px
}

body#backer_report_index a.completed div.completed .text,
.NS_backers__info a.completed div.completed .text {
    color: #2BDE73
}

body#backer_report_index a.completed div.not_completed,
body#backer_report_index a.completed div.uncompleted,
.NS_backers__info a.completed div.not_completed,
.NS_backers__info a.completed div.uncompleted {
    display: none
}

body#backer_report_index div.mobius_load_more,
.NS_backers__info div.mobius_load_more {
    text-align: center;
    width: 100%
}

body#backer_report_index div.mobius_load_more .loading,
.NS_backers__info div.mobius_load_more .loading {
    text-align: center;
    width: 100%;
    margin: 20px
}

body#backer_report_index div.mobius_load_more .loading img,
.NS_backers__info div.mobius_load_more .loading img {
    margin: 0 5px 0 0
}

body#backer_report_index div.mobius_load_more .loading .copy,
.NS_backers__info div.mobius_load_more .loading .copy {
    height: 16px;
    vertical-align: middle;
    color: #020621;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1em;
    -webkit-font-smoothing: antialiased
}

.NS_backer_rewards__info {
    font-size: 14px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    font-size: 16px;
    color: #020621
}

.NS_backer_rewards__info .title {
    font-weight: bold;
    margin-bottom: 20px
}

.NS_backer_rewards__info .description {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 40px
}

.NS_backer_rewards__info .ss-check {
    color: #2BDE73;
    font-size: 14px;
    line-height: -2px;
    margin-right: 2px
}

.NS_backer_rewards__info .NS_backer_rewards__shipping {
    margin: 0 10px 0px 0px;
    font-size: 16px
}

.NS_backer_rewards__info .NS_backer_rewards__shipping,
.NS_backer_rewards__info .delivery-date,
.NS_backer_rewards__info .survey_summary {
    display: inline;
    float: left;
    margin-right: 25px;
    color: #020621;
    line-height: 1em
}

.NS_backer_rewards__info .survey_summary {
    border: none
}

.NS_backer_rewards__reward .limited,
.NS_backer_rewards__reward .sold-out {
    padding-top: 5px;
    padding-bottom: 5px
}

.checkout_modal .NS_backer_rewards__shipping {
    line-height: 25px
}

.pledges__checkout_summary .NS_backer_rewards__shipping,
.backings__summary_mini .NS_backer_rewards__shipping {
    font-size: 12px
}

body#backer_rewards_historical #page-header h1,
body#backer_reports_show #page-header h1 {
    margin-bottom: 40px
}

body#backer_rewards_historical #main,
body#backer_reports_show #main {
    font-size: 16px
}

body#backer_rewards_historical dt,
body#backer_rewards_historical dd,
body#backer_reports_show dt,
body#backer_reports_show dd {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#backer_rewards_historical dl,
body#backer_reports_show dl {
    margin-bottom: 10px
}

body#backer_rewards_historical dl.last,
body#backer_reports_show dl.last {
    margin-bottom: 40px
}

body#backer_rewards_historical dt,
body#backer_reports_show dt {
    width: 180px;
    font-weight: bold
}

body#backer_rewards_historical .actions .btn--blue,
body#backer_reports_show .actions .btn--blue {
    margin-right: 30px
}

.green {
    color: #2BDE73
}

.bg-green {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark,
body#backer_rewards_index.tablet .pledge {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey,
body#backer_rewards_index.tablet .view_more {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.mega {
    font-size: 48px;
    line-height: 50px
}

@media (max-width: 640px) {
    .mega {
        font-size: 40px
    }
}

h1,
.h1 {
    font-size: 32px;
    line-height: 40px
}

h2,
.h2 {
    font-size: 24px;
    line-height: 30px
}

h3,
.h3,
body#backer_rewards_index.tablet .NS_backer_rewards__reward h5 {
    font-size: 20px;
    line-height: 24px
}

h4,
.h4 {
    font-size: 16px;
    line-height: 20px
}

h5,
.h5,
body#backer_rewards_index.tablet .NS_backer_rewards__reward p {
    font-size: 14px;
    line-height: 20px
}

h6,
.h6 {
    font-size: 12px
}

@media (min-width: 640px) {
    .mega {
        font-size: 60px;
        line-height: 60px;
        font-weight: 200
    }
    h1,
    .h1 {
        font-size: 48px;
        line-height: 50px
    }
    h2,
    .h2 {
        font-size: 32px;
        line-height: 40px
    }
    h3,
    .h3,
    body#backer_rewards_index.tablet .NS_backer_rewards__reward h5 {
        font-size: 22px;
        line-height: 30px
    }
}

.bold {
    font-weight: bold
}

.regular,
.normal,
body#backer_rewards_index.tablet .NS_backer_rewards__reward h5,
.normal_weight {
    font-weight: normal
}

.light {
    font-weight: 400
}

.italic {
    font-style: italic
}

@media (min-width: 640px) {
    .light {
        font-weight: 200
    }
}

.wrap-words {
    overflow-wrap: break-word
}

.nowrap,
.no-wrap {
    white-space: nowrap
}

.break-word {
    word-break: break-word
}

.right-align {
    text-align: right
}

.left-align {
    text-align: left
}

.center {
    text-align: center
}

.lh40 {
    line-height: 40px
}

.icon-nudge-down {
    position: relative;
    top: 0.1em
}

pre {
    overflow-x: scroll;
    font-family: "Source Code Pro", monospace
}

code {
    font-family: "Source Code Pro", monospace;
    font-size: inherit;
    padding: 1px
}

.monospace {
    font-family: "Source Code Pro", monospace
}

.serif {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-style: normal
}

.serif-light {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-weight: 300
}

.serif-light-italic {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.no-margin {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.margin-auto {
    margin-left: auto;
    margin-right: auto
}

.m1 {
    margin: 10px
}

.mt1 {
    margin-top: 10px
}

.mr1 {
    margin-right: 10px
}

.mb1 {
    margin-bottom: 10px
}

.ml1 {
    margin-left: 10px
}

.m2,
.m3,
.m4,
.m6 {
    margin: 20px
}

.mt2,
.mt3,
.mt4,
.mt6 {
    margin-top: 20px
}

.mr2,
.mr3,
.mr4,
.mr6 {
    margin-right: 20px
}

.mb2,
body#backer_rewards_index.tablet .NS_backer_rewards__reward h5,
.mb3,
.mb4,
.mb6 {
    margin-bottom: 20px
}

.ml2,
.ml3,
.ml4,
.ml6 {
    margin-left: 20px
}

@media screen and (min-width: 570px) {
    .m3 {
        margin: 30px
    }
    .mt3 {
        margin-top: 30px
    }
    .mr3 {
        margin-right: 30px
    }
    .mb3 {
        margin-bottom: 30px
    }
    .ml3 {
        margin-left: 30px
    }
    .m4 {
        margin: 40px
    }
    .mt4 {
        margin-top: 40px
    }
    .mr4 {
        margin-right: 40px
    }
    .mb4 {
        margin-bottom: 40px
    }
    .ml4 {
        margin-left: 40px
    }
    .m6 {
        margin: 60px
    }
    .mt6 {
        margin-top: 60px
    }
    .mr6 {
        margin-right: 60px
    }
    .mb6 {
        margin-bottom: 60px
    }
    .ml6 {
        margin-left: 60px
    }
}

body#backer_rewards_index.tablet .shipping-wrap {
    height: 36px
}

body#backer_rewards_index.tablet .description {
    min-height: 122px
}

body.checkout .questions {
    margin: 10px 0;
    padding: 10px 0;
    list-style: none;
    border-bottom: 1px solid #F1EEEA;
    color: #020621
}

body.checkout .questions dt {
    font-weight: bold
}

body.checkout .questions dd {
    margin-bottom: 1em
}

.NS_backers__info {
    color: #020621;
    font-size: 14px;
    width: 600px;
    display: inline;
    float: left
}

.NS_backers__info p {
    font-size: 16px
}

.NS_backers__info dt {
    font-weight: bold
}

.NS_backers__info dd {
    margin-bottom: 10px
}

.NS_backers__info .big {
    font-size: 18px
}

.NS_backers__info span.divider {
    padding: 0 3px
}

.NS_backers__info header {
    margin: 0px
}

.NS_backers__info header .avatar,
.NS_backers__info header .meta {
    margin-bottom: 30px
}

.NS_backers__info header .avatar .fit {
    width: 100%;
    height: inherit
}

.NS_backers__info header .basic_info a {
    color: #020621
}

.NS_backers__info header .basic_info a:hover {
    color: #3D3D66
}

.NS_backers__info header .basic_info p.location,
.NS_backers__info header .basic_info p.activity,
.NS_backers__info header .basic_info p.backer_number,
.NS_backers__info header .basic_info p.email {
    margin-bottom: 1px
}

.NS_backers__info header .basic_info p.email {
    word-break: break-all
}

.NS_backers__info header .basic_info .ss-icon {
    margin-right: 3px;
    vertical-align: -2px
}

.NS_backers__info header .basic_info .messages_link,
.NS_backers__info header .basic_info .completed_toggle {
    margin-top: 15px
}

.NS_backers__info header .basic_info .messages_link {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    padding: 2px 0px;
    margin-right: 20px
}

.NS_backers__info header .basic_info .completed_toggle {
    float: left;
    margin-right: 20px
}

.NS_backers__info header .basic_info .completed_toggle div {
    border-radius: 6px;
    font-size: 14px
}

.NS_backers__info .panel {
    padding: 10px 30px
}

.NS_backers__info .panel .section {
    margin-bottom: 10px;
    padding: 20px 0;
    position: relative
}

.NS_backers__info .panel .section h3 {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold
}

.NS_backers__info .panel .section.pledge .pledge_amount,
.NS_backers__info .panel .section.pledge .pledge_status,
.NS_backers__info .panel .section.pledge .refund_link {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-right: 20px
}

.NS_backers__info .panel .section.pledge .ss-check {
    color: #2BDE73;
    font-size: 14px;
    margin-right: 2px
}

.NS_backers__info .panel .section.pledge .reward_details {
    color: #020621;
    text-decoration: underline;
    font-weight: bold
}

.NS_backers__info .panel .section.pledge .reward_details:hover {
    text-decoration: none
}

.NS_backers__info .panel .section.pledge .backing_status,
.NS_backers__info .panel .section.pledge .backing_status:hover {
    color: #3D3D66
}

.NS_backers__info .panel .section.pledge .description,
.NS_backers__info .panel .section.pledge .description_short {
    margin-bottom: 20px
}

.NS_backers__info .panel .type {
    font-size: 12px
}

.NS_backers__info .panel .note {
    font-size: 12px
}

.NS_backers__info .panel .note p {
    color: #020621;
    margin-bottom: 10px
}

.NS_backers__info h3 {
    margin: 5px 0px 8px;
    line-height: 28px
}

.NS_backers__info h3 a {
    color: #020621
}

.NS_backers__info dl.reward {
    background-color: #F7F5F2;
    padding: 15px;
    margin-bottom: 30px
}

.NS_backers__info dl.reward dt {
    font-size: 16px
}

.NS_backers__info .estimated_delivery {
    font-size: 12px;
    margin-top: 10px
}

.NS_backers__info dl.survey {
    line-height: 18px
}

.NS_backers__info dl.survey dt.question {
    font-size: 12px;
    color: #3D3D66;
    margin-bottom: 5px
}

.NS_backers__info dl.survey dd.answer {
    color: #020621;
    margin-bottom: 20px
}

.NS_backers__info dl.survey address {
    margin-bottom: 0px
}

.NS_backers__info dl.survey .responded {
    color: #020621;
    font-weight: normal;
    font-size: 22px
}

.NS_backers__info dl.survey .responded:hover {
    background: #020621
}

.NS_backers__info dl.survey .next {
    right: 0px
}

.NS_backers__info dl.survey .prev {
    left: 0px
}

.NS_backers__info .project_pledge_status {
    padding: 2.5px 10px;
    border-radius: 3px
}

.NS_backers__info .project_pledge_status.pledged,
.NS_backers__info .project_pledge_status.collected {
    color: #3D3D66;
    background-color: #F7F5F2
}

.NS_backers__info .project_pledge_status.errored,
.NS_backers__info .project_pledge_status.dropped {
    color: #fff;
    background-color: #fd003b
}

.NS_backers__info .project_pledge_status.errored a,
.NS_backers__info .project_pledge_status.dropped a {
    color: #fff !important;
    font-weight: bold
}

.NS_backers__info .messages_panel {
    display: none
}

.NS_backers__info .messages_panel .NS_messages__new {
    width: 100%
}

.NS_backers__info .messages_panel .NS_messages__new .messages-new-box {
    background: none
}

.NS_backers__info .messages_panel .footer {
    overflow: hidden;
    *zoom: 1;
    background: none
}

.NS_backers__info .messages_panel .actions {
    margin-bottom: 10px
}

.NS_backers__info .messages_panel .thread_controls {
    padding-bottom: 20px
}

.NS_backers__info .messages_panel .NS_message_threads__show form.reply {
    margin: 0px
}

.NS_backers__info .messages_panel .NS_message_threads__show .thread_controls a {
    margin-right: 20px
}

.NS_backers__info .NS_backer_rewards__shipping {
    font-size: 16px
}

.NS_backers__info .chargeback_panel .is-submitted {
    color: #3D3D66
}

.NS_backers__info .chargeback_panel .status {
    padding: 1px 5px;
    color: #020621
}

.NS_backers__info .chargeback_panel .status.status--open {
    background: #fcdda3
}

.NS_backers__info .chargeback_panel .status.status--submitted {
    background: #F8F9FD
}

.NS_backers__info .chargeback_panel .status.status--won {
    background: #80809E
}

.NS_backers__info .chargeback_panel .status.status--lost {
    background: #ff81ac
}

body#backers_show #content .NS_backers__info {
    width: 960px
}

body#backers_show #content .NS_backers__info div,
body#backers_show #content .NS_backers__info p,
body#backers_show #content .NS_backers__info li,
body#backers_show #content .NS_backers__info h3 {
    font-size: 16px
}

body#backers_show #content .NS_backers__info h1,
body#backers_show #content .NS_backers__info h1 a,
body#backers_show #content .NS_backers__info .big {
    font-size: 22px
}

body#backers_show #content .NS_backers__info p.info {
    font-size: 14px
}

body#backers_show #content .NS_backers__info .controls {
    display: none
}

body#backers_show #content .NS_backers__info textarea {
    width: 520px;
    font-size: 16px
}

body#backers_show #content .NS_backers__info .email {
    white-space: nowrap
}

.backings-info__row {
    *zoom: 1
}

.backings-info__row:before,
.backings-info__row:after {
    content: " ";
    display: table
}

.backings-info__row:after {
    clear: both
}

.transition-all-bezier,
.backing-complete__checkbox,
.backings-info__notes .note-add {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

@media screen and (min-width: 640px) {
    .NS_backings__info {
        width: 600px
    }
}

.backings-info__modal .modal_dialog_head .modal_dialog_close {
    z-index: 1;
    color: #FFFFFF
}

.backings-info__header {
    margin: -30px -30px 0;
    background-color: #000000
}

.backings-info__image {
    height: 225px;
    background-size: cover;
    background-position: center center;
    opacity: 0.8
}

.backings-info__status {
    text-align: center;
    padding: 10px 0;
    font-size: 0.75rem;
    font-weight: 500
}

.backings-info__status.successful {
    background-color: #2BDE73;
    color: #FFFFFF
}

.backings-info__title {
    font-size: 1.375rem;
    font-weight: 500;
    text-align: center;
    padding: 30px 0 10px
}

.backings-info__title a {
    color: #020621
}

.backings-info__creator {
    text-align: center;
    font-size: 0.75rem;
    color: #3D3D66;
    font-weight: 500;
    margin-bottom: 30px
}

.backings-info__creator a {
    color: #3D3D66
}

.backings-info__creator .avatar-small {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.backings-info__panel {
    display: none;
    padding: 0 20px
}

.backings-info__panel.is-active {
    display: block
}

.backings-info__panel--messages {
    padding: 40px 0 0
}

.backings-info__panel--messages .thread_controls {
    font-size: 0.75rem;
    margin-bottom: 20px
}

.backings-info__panel--messages .thread_controls a {
    font-weight: 500;
    margin-right: 10px;
    color: #3D3D66
}

.backings-info__panel--messages .NS_message_threads__show .reply {
    margin-bottom: 0px
}

.backings-info__panel--messages .messages-new-box {
    background-color: transparent;
    padding: 10px
}

.backings-info__panel--messages .messages-new-box .respond_to {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 10px
}

.backings-info__panel--messages .messages-new-box .ta-squeezer {
    margin-right: 0px
}

.backings-info__panel--messages .messages-new-box .footer {
    background-color: transparent;
    padding: 0;
    margin: 20px 0 0 0;
    border-top: none
}

.backings-info__panel--messages .messages-new-box .footer .btn {
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 10px 10px 8px
}

.backings-info__row {
    padding: 40px 0
}

.backings-info__row:not(:last-child) {
    border-bottom: 1px solid #F1EEEA
}

.backings-info__row-label {
    width: 50%;
    float: left
}

.backings-info__row-label .text {
    padding-left: 10px;
    font-size: 0.75rem;
    color: #3D3D66;
    font-weight: 500
}

.backings-info__row-content {
    width: 50%;
    float: left
}

.backings-info__row-content .text--small {
    font-size: 0.75rem;
    color: #3D3D66;
    line-height: 1.4
}

.backings-info__row-content .text--big {
    font-size: 1.125rem;
    color: #020621
}

.backings-info__row-content .text--detail {
    font-size: 0.75rem;
    float: right;
    text-align: right;
    color: #F1EEEA
}

.backings-info__row-content .edit-pledge {
    font-size: 0.75rem;
    margin-left: 10px
}

.backings-info__row-content .payment-method-display__type {
    float: left
}

.backing-complete {
    display: inline-block;
    position: relative
}

.backing-complete input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.backing-complete input[type=checkbox]:hover ~ .backing-complete__checkbox {
    border-color: #3E59F8;
    color: #3E59F8
}

.backing-complete input[type=checkbox]:checked ~ .backing-complete__checkbox {
    color: #fff;
    background-color: #3E59F8;
    border-color: #3E59F8
}

.backing-complete__checkbox {
    border: 1px solid #dad7d4;
    border-radius: 17px;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 8px 15px;
    color: #3D3D66;
    white-space: nowrap
}

.backing-complete__checkbox .ksr-icon__check {
    position: relative;
    top: -1px
}

.backings-info__notes {
    margin-top: 10px
}

.backings-info__notes p {
    padding-top: 10px;
    border-top: 1px solid #F1EEEA;
    margin-top: 20px;
    font-size: 0.75rem;
    color: #3D3D66;
    line-height: 1.4
}

.backings-info__notes .note-add {
    border: 1px solid #F1EEEA;
    border-radius: 17px;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 10px 20px;
    color: #3D3D66;
    background-color: transparent
}

.backings-info__notes .note-add:hover {
    color: #3E59F8;
    border-color: #3E59F8;
    background-color: transparent
}

body#backings_index #main {
    padding: 40px 0
}

body#backings_index table {
    word-wrap: break-word
}

body#backings_index table p.tiny_type {
    margin-top: 5px
}

body#backings_index table p.small_type {
    margin-bottom: 5px
}

body#backings_index table p:last-child {
    margin-bottom: 0
}

body#backings_index table .ss-alert {
    margin: 0
}

body#backings_index table tr.errored {
    background-color: #ffecf0
}

body#backings_index table tbody tr:hover {
    cursor: pointer
}

body#backings_index .project_thumb {
    display: block;
    width: 40px;
    height: 30px;
    border-radius: 3px
}

body#backings_index .money:after {
    font-size: 12px;
    vertical-align: super
}

body#backings_index a.show_more_backings.loading {
    background: transparent url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat 4px;
    color: #3D3D66;
    padding-left: 30px
}

body#backings_index a.show_more_backings.loading .text {
    display: none
}

body#backings_index a.show_more_backings.loading:before {
    content: "Loading..."
}

body#backings_index .backing-plus-btn {
    padding-top: 8px;
    padding-bottom: 8px
}

body#backings_show {
    background: #F7F5F2
}

body#backings_show .NS_backings__info {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    padding-left: 180px;
    padding-right: 180px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff
}

body#backings_show .NS_backings__info .controls {
    display: none
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper ol {
    margin-bottom: 0px
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper li.field {
    background-color: #F7F5F2;
    border: 1px solid #F1EEEA;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: -1px;
    overflow: visible
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper label {
    font-weight: normal;
    width: 103px
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper input[type="text"] {
    width: 327px;
    border-radius: 0px 3px 3px 0px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: -1px
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper input[type="text"]:focus {
    z-index: 1
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper p#bank_errors {
    margin: 10px 0px
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper p.small {
    font-size: 12px;
    color: #020621;
    margin: 10px 0px
}

body#projects_edit #account-setup-panel .bank-verification .field-wrapper li.submit {
    margin: 20px 0px 5px
}

body#blog_posts_category article {
    border-bottom: 1px solid #F7F5F2;
    margin-bottom: 20px
}

body#blog_posts_category #main {
    border-top: 3px solid #020621;
    padding-top: 20px
}

.transition-all-bezier,
.blog-header__content,
.blog-header__title,
.blog-post__tag {
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

@-webkit-keyframes fade-30-to-100-opacity {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.fade-30-to-100-opacity-3s {
    -webkit-animation: fade-30-to-100-opacity 3s infinite;
    animation: fade-30-to-100-opacity 3s infinite
}

.fade-30-to-100-opacity-5s {
    -webkit-animation: fade-30-to-100-opacity 5s infinite;
    animation: fade-30-to-100-opacity 5s infinite
}

.fade-30-to-100-opacity-6s {
    -webkit-animation: fade-30-to-100-opacity 6s infinite;
    animation: fade-30-to-100-opacity 6s infinite
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-down {
    -moz-animation-name: fade-down;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-down;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-down;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-up {
    -moz-animation-name: fade-up;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-up;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-up;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

.blog-subnav {
    border-bottom: 1px solid #F1EEEA;
    border-top: 1px solid #F1EEEA
}

.blog-header {
    position: relative;
    overflow: hidden;
    display: block;
    color: #000000;
    z-index: 100
}

.blog-header:hover .blog-header__content {
    background-color: #000000
}

.blog-header:hover .blog-header__title {
    color: #FFFFFF
}

.blog-header__video,
.blog-header__image {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px
}

.blog-header__video video,
.blog-header__image video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-header__content {
    background-color: #F7F5F2;
    position: relative;
    mix-blend-mode: screen;
    padding: 40px 0;
    text-align: center;
    z-index: 1
}

.blog-posts {
    padding: 80px 0 100px
}

.blog-header__title {
    font-size: 3.75rem;
    line-height: 3.75rem;
    font-weight: bold
}

@media screen and (max-width: 640px) {
    .blog-header__title {
        font-size: 2.125rem;
        line-height: 2.125rem
    }
}

.blog-post {
    margin-bottom: 160px
}

.blog-post:last-child {
    margin-bottom: 0px
}

.blog-post__title {
    font-size: 3.125rem;
    margin-bottom: 30px;
    line-height: 1.125em;
    font-weight: 500
}

.blog-post__title a {
    color: #020621
}

@media screen and (max-width: 640px) {
    .blog-post__title {
        font-size: 1.75rem
    }
}

.blog-post__body h1,
.blog-post__body h2,
.blog-post__body h3,
.blog-post__body h4,
.blog-post__body h5,
.blog-post__body h6,
.blog-post__body p,
.blog-post__body li {
    margin-bottom: 30px;
    line-height: 1.7em
}

.blog-post__body p,
.blog-post__body li {
    font-size: 16px
}

.blog-post__body h1,
.blog-post__body h2,
.blog-post__body h3,
.blog-post__body h4,
.blog-post__body h5,
.blog-post__body h6 {
    font-size: 1.375rem
}

.blog-post__body ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 30px
}

.blog-post__body ul li {
    margin-bottom: 10px;
    padding-left: 10px
}

.blog-post__body .asset {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.blog-post__body .asset img,
.blog-post__body .asset video {
    margin-bottom: 5px
}

.blog-post__body .asset figcaption {
    color: #3D3D66;
    font-size: 0.75rem
}

.blog-post__body table {
    font-size: 0.875rem;
    border: 1px solid #F1EEEA;
    margin-bottom: 20px
}

.blog-post__body table td,
.blog-post__body table th {
    padding: 20px
}

.blog-post__body table tr {
    border-bottom: 1px solid #F1EEEA
}

.blog-post__body thead {
    background-color: #F7F5F2
}

.blog-post__body thead th {
    font-weight: bold
}

.blog-post__read-more {
    margin-top: 30px
}

.blog-post__byline {
    font-size: 0.75rem;
    color: #3D3D66
}

.blog-post__byline-user,
.blog-post__byline-avatar,
.blog-post__byline-name,
.blog-post__byline-date,
.blog-post__byline-comments {
    display: inline-block;
    vertical-align: middle
}

.blog-post__byline-user {
    margin-right: 20px
}

@media screen and (max-width: 640px) {
    .blog-post__byline-user {
        margin-bottom: 20px;
        display: block
    }
}

.blog-post__byline-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block !important
}

.blog-post__byline-name {
    color: #020621;
    font-weight: bold
}

.blog-post__byline-date {
    margin-right: 20px
}

@media screen and (max-width: 640px) {
    .blog-post__byline-date {
        margin-right: 10px
    }
}

.blog-post__tags {
    display: inline-block
}

.blog-post__tag {
    margin-right: 20px;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 0.75rem;
    background-color: #ff7d5f;
    padding: 5px 10px;
    display: inline-block
}

@media screen and (max-width: 640px) {
    .blog-post__tag {
        margin-right: 10px
    }
}

.blog-post__tag:hover {
    background-color: #ff542c;
    color: #FFFFFF
}

.blog-post--full .blog-post__header {
    margin-bottom: 50px
}

.blog-post--small {
    margin-bottom: 30px;
    padding-bottom: 30px;
    display: table;
    width: 100%
}

.blog-post__small-image {
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle
}

.blog-post__small-content {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px
}

.blog-post__small-content .blog-post__title {
    font-size: 1.375rem;
    margin-bottom: 15px
}

.blog-post-show {
    padding: 80px 0 100px
}

.blog-post-show .blog-post__body {
    margin-bottom: 60px
}

.blog-post-module {
    border-top: 2px solid #F1EEEA;
    line-height: 1em
}

@media screen and (max-width: 640px) {
    .blog-post-module {
        margin-bottom: 40px
    }
}

.blog-post-module__title {
    font-size: 0.875rem;
    font-weight: 500;
    color: #020621;
    padding-top: 20px
}

.blog-post-sidebar__link {
    font-size: 0.75rem;
    color: #3D3D66
}

.answer-post .answer-meta-info {
    line-height: 30px;
    margin-bottom: 5px
}

.answer-post .user-like-count {
    line-height: 1;
    padding: 2px 3px 3px
}

.comment-post .comment-meta-info {
    line-height: 30px;
    margin-bottom: 5px
}

.NS__campus_follows_activity .campus-activity-card .campus-activity-avatars {
    margin-right: 0
}

#new_campus_question .add-question-title {
    border: none;
    border-bottom: 1px solid #F1EEEA;
    border-radius: 0px;
    background-color: transparent;
    padding: 0 0 6px 0;
    display: block
}

#new_campus_question .add-question-title.hidden {
    display: none
}

#new_campus_question .add-question-title:hover {
    border-color: #020621
}

#new_campus_question .add-question-title:focus {
    color: #020621;
    outline: none;
    border-bottom-color: #020621;
    -webkit-box-shadow: none;
    box-shadow: none
}

#new_campus_question .add-question-title.valid {
    border-color: #2BDE73
}

@media (min-width: 640px) {
    #new_campus_question .add-question-title {
        font-size: 32px
    }
    #new_campus_question .add-question-title.understated-input {
        border: none
    }
    .close-add-question-form {
        position: absolute;
        right: 0;
        margin-right: 30px;
        margin-bottom: 30px
    }
}

.green {
    color: #2BDE73
}

.bg-green {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.NS_campus_questions_list .loading {
    background: rgba(255, 255, 255, 0.8) url(/assets/icons/loading-big-0eef36319f48f7dbe7f5cc63899e6c932d9e000c5cb5d124354f74b21bcd0a87.gif) no-repeat center 60px;
    top: 0px;
    left: 0px
}

.NS_campus_questions_list .svg-icon__chat {
    fill: #3D3D66
}

.campus-question-pin {
    fill: #3D3D66
}

@media screen and (max-width: 640px) {
    .NS_campus_questions_list .loading {
        margin-left: -16px;
        width: 111%
    }
}

.admin-identifier-label {
    fill: #2BDE73;
    vertical-align: 0p
}

.border {
    border-width: 1px;
    border-style: solid;
    border-color: #dfdcda
}

.border-top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dfdcda
}

.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdcda
}

.border-left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dfdcda
}

.border-left-thick {
    border-left-width: 3px;
    border-left-style: solid
}

.border-green {
    border-color: #2BDE73
}

.border-grey {
    border-color: #dfdcda
}

.border-red {
    border-color: #fd003b
}

.border-white {
    border-color: #fff
}

.border-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dfdcda
}

.radius9 {
    border-radius: 9px
}

.top_radius9 {
    border-radius: 9px 9px 0 0
}

.bottom_radius9 {
    border-radius: 0 0 9px 9px
}

.question-post {
    min-height: 67px
}

.question-post .arrow {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    position: absolute;
    top: -10px;
    left: 20px
}

.question-post .arrow-grey-light {
    border-bottom: 13px solid #F7F7F9
}

.question-post .block-excerpt {
    max-height: 40px;
    overflow: hidden
}

.question-post .block-excerpt-container {
    padding-bottom: 20px;
    position: relative
}

.question-post .block-excerpt-after {
    padding-top: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 249, 0)), color-stop(61%, #F7F7F9));
    background: linear-gradient(to bottom, rgba(247, 247, 249, 0) 0%, #F7F7F9 61%);
    position: absolute;
    bottom: 0;
    width: 100%
}

#campus_questions_show .campus-admin-actions__btn {
    line-height: 30px;
    vertical-align: top
}

#campus_questions_show .campus-admin-actions__btn:hover {
    color: #060F46
}

#campus_questions_show .question-comment-list .comment-post-inner {
    padding: 0 10px 0 0
}

#campus_questions_show .creator-identifier-label {
    padding: 0 5px;
    background: rgba(88, 107, 233, 0.15) !important
}

#campus_questions_show .answer-comment-list .flagged-post {
    border-radius: 6px;
    margin-top: 10px
}

#campus_questions_show .answer-comment-list .comment-post {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F1EEEA
}

#campus_questions_show .answer-comment-list .creator-identifier-label {
    background: white
}

#campus_questions_show .flagged-post {
    background: #FFFB78;
    padding: 5px 0
}

#campus_questions_show .answer-tombstone {
    background: #F7F5F2;
    border: none
}

#campus_questions_show .spam-icon,
#campus_questions_show .abuse-icon,
#campus_questions_show .flag-icon {
    background-image: url(/assets/campus/icons-sprite-4bd0e3bcf26872579e70fdf3ea03c8fb34e63a8dc6d0d30662ad4783763138e9.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 12px;
    width: 12px
}

#campus_questions_show .spam-icon {
    background-position: 0 -12px
}

#campus_questions_show .abuse-icon {
    background-position: 0 -24px
}

#campus_questions_show .flag-icon {
    background-position: 0 -36px
}

#campus_questions_show .flag-post button:hover {
    cursor: pointer
}

#campus_questions_show .toggle_div {
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    right: -10px;
    width: 120px
}

#campus_questions_show .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 10px
}

#campus_questions_show .arrow-grey {
    border-bottom: 10px solid #F1EEEA
}

#campus_questions_show .arrow-white {
    border-bottom: 10px solid #fff;
    margin-top: 1px
}

#campus_questions_show .flag-button {
    display: block;
    width: 100%;
    background: none;
    border: 0;
    text-align: left;
    padding: 0
}

#campus_questions_show .user-avatar {
    margin-top: 6px
}

#campus_questions_show .campus-question-tools textarea[name="campus_question[title]"] {
    font-size: 32px;
    line-height: 40px
}

#campus_questions_show blockquote {
    width: 460px;
    margin-left: 20px;
    border-left: 3px solid #d9d9de;
    padding: 0 10px;
    color: #828587;
    margin-bottom: 20px
}

.editable-object-tools {
    top: 10px;
    right: 18px
}

.campus-question-tools .editable-object-tools {
    top: 10px;
    right: -30px
}

.campus-feedback-form textarea {
    resize: vertical
}

.campus-feedback-form textarea:focus {
    -webkit-transition: none;
    transition: none
}

.green {
    color: #2BDE73
}

.bg-green {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 640px) {
    .campus-community .campus-community__container .campus-community__row .campus-community__member {
        width: 48%
    }
}

body#checkouts_thanks .art *,
body#checkouts_thanks .comics * {
    color: #020621
}

body#checkouts_thanks .line-clamp .fade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 15, 70, 0)), color-stop(50%, rgba(6, 15, 70, 0.75)), to(rgba(6, 15, 70, 0.9)));
    background-image: linear-gradient(rgba(6, 15, 70, 0), rgba(6, 15, 70, 0.75) 50%, rgba(6, 15, 70, 0.9) 100%)
}

body#checkouts_thanks .line-clamp .expand {
    background-color: #2752ff
}

body#checkouts_thanks .edit:hover {
    color: #fff
}

body#checkouts_thanks .NS_site__homepage_social {
    padding-top: 0px;
    padding-bottom: 80px
}

body#checkouts_thanks .js-hide-money .js-amount-pledged {
    display: none
}

body.claims #running-board-wrap #running-board .interior {
    padding-top: 40px;
    padding-bottom: 40px
}

body.claims #running-board-wrap #running-board .interior h1,
body.claims #running-board-wrap #running-board .interior p {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body.claims #running-board-wrap #running-board .interior p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #3D3D66
}

body.claims #main_content #content-wrap #content #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    min-height: 300px
}

body.claims #main_content #content-wrap #content #main li {
    list-style: none
}

body.claims #main_content #content-wrap #content #main li li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body.claims p {
    color: #3D3D66
}

body.claims label.radio:hover,
body.claims label.checkbox:hover {
    cursor: pointer
}

body.claims .inline {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body.claims .section {
    margin-bottom: 30px;
    overflow: hidden
}

body.claims .section h2 {
    border-bottom: 1px solid #F1EEEA;
    padding-bottom: 10px;
    margin-bottom: 10px
}

body.claims .section ul {
    padding: 0;
    margin: 0
}

body.claims .section ul li {
    margin: 0
}

body.claims .section#submit .button {
    float: left
}

body.claims .section#submit #submit_error_msg {
    display: none;
    float: left;
    margin-left: 10px;
    border-left: 1px dotted #F1EEEA;
    padding: 5px 10px;
    color: #fd003b
}

body.claims .fieldset_inline {
    border-radius: 6px
}

body.claims .fieldset_inline .field {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 10px
}

body.claims .fieldset_inline .field label {
    font-weight: bold;
    line-height: 30px;
    display: inline;
    float: left;
    width: 160px;
    text-align: right;
    margin-right: 20px
}

body.claims .fieldset_inline .field input[type=text],
body.claims .fieldset_inline .field input.text {
    font-size: 16px;
    line-height: 24px;
    padding: 3px 5px;
    width: 60%
}

body.claims .fieldset_inline .field.textarea label {
    line-height: 24px
}

body.claims #claim_form textarea {
    height: 8em;
    width: 60%
}

body.claims #claim_form input.text#dmca_claim_signature {
    width: 400px
}

body.claims #part_b {
    display: none
}

body.claims #part_b h2 {
    margin-bottom: 20px;
    margin-top: 20px
}

body.claims #part_b p {
    margin-bottom: 40px
}

body.claims #part_a .col {
    padding-top: 20px
}

body.claims #part_a .col.omega {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 760px;
    margin-right: 0
}

body.claims #part_a input[type=radio]:checked ~ span {
    font-weight: bold
}

body.claims .js-none-of-the-above-error {
    color: #fd003b;
    display: none;
    clear: both;
    margin-top: 20px
}

body.claims #part_a_trademark {
    display: none
}

body.claims #part_a_trademark .col {
    padding-top: 20px
}

body.claims #part_a_trademark .col.omega {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 760px;
    margin-right: 0
}

body.claims #part_a_trademark input[type=radio]:checked ~ span {
    font-weight: bold
}

body.claims .js-not-contacted-message {
    color: #fd003b;
    display: block;
    clear: both;
    margin-top: 20px
}

body.claims #checkboxes {
    padding-left: 20px;
    padding-top: 10px
}

body.claims #checkboxes label {
    display: block
}

body.claims #checkboxes li {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 30px
}

body.claims #checkboxes .field_with_errors {
    background-color: #fd003b;
    border-radius: 3px;
    overflow: hidden;
    *zoom: 1;
    display: inline;
    float: left;
    padding-left: 2px
}

body.claims #checkboxes input[type=checkbox],
body.claims #checkboxes input.checkbox {
    display: inline;
    float: left;
    margin-top: 6px
}

body.claims #checkboxes input[type=checkbox]:checked ~ .col h4,
body.claims #checkboxes input[type=checkbox]:checked ~ .col p,
body.claims #checkboxes input.checkbox:checked ~ .col h4,
body.claims #checkboxes input.checkbox:checked ~ .col p {
    color: #2BDE73
}

body.claims #checkboxes .col {
    margin-left: 30px;
    width: 70%
}

body.claims #checkboxes .col h4,
body.claims #checkboxes .col p {
    margin: 0 0 5px;
    color: #020621
}

#comments {
    clear: both
}

.list-comments-wrap .list-comments {
    margin-bottom: 20px
}

.comments-pager {
    overflow: hidden;
    *zoom: 1;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 1px
}

.comments-pager a {
    color: #2752ff;
    font-weight: bold
}

.comments-pager a:hover {
    color: #060F46
}

.comments-pager .count {
    display: inline;
    float: right;
    color: #020621;
    font-size: 11px
}

.comments-pager .load_more {
    display: inline;
    float: left
}

ol.list-comments {
    list-style: none;
    margin: 0;
    padding: 0
}

ol.list-comments li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ol.list-comments .hidden {
    display: none
}

ol.list-comments .comments {
    margin: 0
}

ol.list-comments .comment {
    list-style-type: none
}

ol.list-comments .comment.collaborator {
    background-color: #e0e4fb;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid rgba(39, 82, 255, 0.2);
    border-bottom: 1px solid rgba(39, 82, 255, 0.2)
}

ol.list-comments .comment.deleted .main p {
    color: #3D3D66;
    font-style: italic
}

ol.list-comments .comment .comment-inner {
    position: relative
}

ol.list-comments .comment .avatar img {
    width: 30px;
    height: 30px
}

ol.list-comments .comment .main p {
    word-wrap: break-word;
    margin-bottom: 5px;
    color: #020621;
    font-size: 14px
}

ol.list-comments .comment .main h3 {
    font-size: 14px;
    margin-bottom: 5px
}

ol.list-comments .comment .main .comment-moderation a,
ol.list-comments .comment .main .backer_info {
    color: #2752ff;
    border-bottom: 1px solid #F8F9FD;
    font-size: 12px
}

ol.list-comments .comment .main .comment-moderation a:hover,
ol.list-comments .comment .main .backer_info:hover {
    color: #060F46
}

ol.list-comments .comment .main .comment-moderation {
    float: right;
    font-weight: normal
}

ol.list-comments .comment .main .comment-moderation form,
ol.list-comments .comment .main .comment-moderation form div {
    display: inline
}

ol.list-comments .comment .main .comment-moderation .creator_action {
    background: none;
    font-weight: normal;
    color: #F1EEEA;
    border-bottom: 0;
    font-size: 12px;
    opacity: 0
}

ol.list-comments .comment .main .comment-moderation .creator_action:hover {
    color: #3D3D66
}

ol.list-comments .comment .main .backer_info {
    font-weight: normal;
    margin-left: 10px
}

ol.list-comments .comment .deleted_message,
ol.list-comments .comment .spam_message {
    display: none
}

ol.list-comments .comment.deleted .deleted_message,
ol.list-comments .comment.spam .spam_message {
    display: inline
}

ol.list-comments .comment.deleted input[value="Delete"] {
    display: none
}

ol.list-comments .comment .author {
    line-height: 20px;
    font-weight: bold
}

ol.list-comments .comment .date {
    font-size: 12px;
    margin-bottom: 10px;
    color: #3D3D66;
    top: 12px;
    right: 10px;
    margin-left: 10px
}

ol.list-comments .comment .commentbody {
    color: black
}

ol.list-comments .comment small {
    font-size: 12px
}

ol.list-comments .comment .comment-moderation {
    overflow: hidden;
    color: #3D3D66
}

ol.list-comments .comment .comment-moderation .ajax-container span {
    background: #fcdda3;
    color: #020621;
    font-size: 12px;
    padding: 2px 5px
}

ol.list-comments .comment .comment-moderation .comment-moderation-notice {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #020621;
    font-weight: bold
}

ol.list-comments .comment .button_to {
    float: left;
    padding: 0;
    margin: 0px 0px 0px 5px
}

ol.list-comments .comment:hover .comment-moderation .creator_action {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 1
}

#new_comment {
    margin-bottom: 10px;
    padding: 20px;
    background: #F7F7F9
}

#new_comment .btn--blue,
#new_comment .btn--green,
#new_comment .btn--red {
    display: inline-block
}

#new_comment h4 {
    margin: 0
}

#new_comment fieldset {
    margin-bottom: 10px
}

.add-comment-label {
    font-size: 12px;
    text-transform: uppercase;
    margin: 5px 0 10px 0
}

.new-comment__disclaimer {
    font-size: 0.75rem;
    color: #3D3D66
}

body#country_signups_hongkong .hero_signup {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/d3ce/74358055.jpg")
}

body#country_signups_hongkong .hero_signup #category-signup-form {
    color: #3D3D66;
    max-width: 440px;
    margin: auto
}

body#country_signups_hongkong .hero_signup .subscribe-field {
    height: 50px;
    margin-bottom: 15px
}

body#country_signups_hongkong .hero_signup .errored {
    border: 1px solid #fd003b;
    background: #ffecf0
}

body#country_signups_hongkong .hero_signup .newsletter-signup__confirmation {
    text-align: center
}

body#country_signups_hongkong .hero_signup .newsletter-signup__confirmation .ksr-icon__check {
    font-size: 23px
}

body#country_signups_hongkong #main {
    margin: 40px 0px
}

body#country_signups_hongkong #main p {
    margin-bottom: 40px
}

body#country_signups_hongkong #main .newsletter-signup {
    margin-top: 10px;
    position: relative
}

.country_signups .creator-handbook {
    background: #ececee
}

.country_signups .handbook-or-start .handbook {
    background: url(/assets/campus/creator-handbook-fb0507a1f64794b5fb6f072e9041ddb54cd61a7d7a0d814bf9339f854a449594.jpg) #ededef no-repeat;
    background-size: cover;
    height: 350px;
    background-position: top 20px right 0
}

.country_signups .handbook-or-start .start {
    background: url(/assets/country_signups/composite-bg-ad415865ce76418e6a2137679563dc93ba0da9e465db3a6816db10d15d6c8c0b.jpg) #060F46 repeat-x;
    height: 350px
}

.country_signups .project-description .table {
    min-height: 140px
}

.NS_layouts__country_notification_banner,
.NS_layouts__language_banner {
    height: 60px
}

.NS_layouts__country_notification_banner .close,
.NS_layouts__language_banner .close {
    cursor: pointer;
    width: 60px
}

.NS_layouts__country_notification_banner .close:hover,
.NS_layouts__language_banner .close:hover {
    opacity: 0.8
}

.NS_layouts__country_notification_banner.banner-hidden,
.NS_layouts__language_banner.banner-hidden {
    margin-top: -60px;
    opacity: 0
}

@media screen and (max-width: 640px) {
    .NS_layouts__country_notification_banner,
    .NS_layouts__language_banner {
        height: 125px
    }
    .social {
        margin-right: 35px
    }
}

body#country_signups_netherlands form input.text.mb1,
body#country_signups_netherlands form select.mb1 {
    margin-bottom: 10px
}

body#country_signups_netherlands video.top-0 {
    top: 0
}

body#country_signups_netherlands.mobile #content-wrap .video-banner_content {
    padding-top: 20px;
    padding-bottom: 100px
}

body#country_signups_netherlands.mobile #content-wrap h1 {
    margin-bottom: 20px
}

body#country_signups_netherlands.mobile #content-wrap .container {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.country_signups.mobile #content-wrap .mega {
    font-size: 42px
}

body.country_signups.mobile #content-wrap .container {
    padding-right: 16px;
    padding-left: 16px
}

body.country_signups.mobile #content-wrap .grid_16,
body.country_signups.mobile #content-wrap .grid_8,
body.country_signups.mobile #content-wrap .intro,
body.country_signups.mobile #content-wrap .events_upcoming_list {
    display: block;
    float: none;
    width: auto;
    padding-right: 0
}

body.country_signups.mobile #content-wrap form select {
    max-width: 100%
}

body.country_signups.mobile #content-wrap .field {
    position: relative
}

body.country_signups.mobile #content-wrap label.overlabel {
    display: none
}

body.country_signups.mobile #content-wrap label.overlabel-apply {
    display: block;
    position: absolute;
    z-index: 2;
    cursor: text;
    color: #3D3D66
}

body#country_signups_singapore .hero_signup {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/81d1/C4EC1622B50A-79284169.jpg")
}

body#country_signups_singapore .hero_signup #category-signup-form {
    color: #3D3D66;
    max-width: 440px;
    margin: auto
}

body#country_signups_singapore .hero_signup .subscribe-field {
    height: 50px;
    margin-bottom: 15px
}

body#country_signups_singapore .hero_signup .errored {
    border: 1px solid #fd003b;
    background: #ffecf0
}

body#country_signups_singapore .hero_signup .newsletter-signup__confirmation {
    text-align: center
}

body#country_signups_singapore .hero_signup .newsletter-signup__confirmation .ksr-icon__check {
    font-size: 23px
}

body#country_signups_singapore #main {
    margin: 40px 0px
}

body#country_signups_singapore #main p {
    margin-bottom: 40px
}

body#country_signups_singapore #main .newsletter-signup {
    margin-top: 10px;
    position: relative
}

.green {
    color: #2BDE73
}

.bg-green {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.created-project-card__photo {
    display: block;
    width: 100%
}

.created-project-card__role {
    display: inline-block;
    background-color: #80809E;
    padding: 0 5px
}

@media (max-width: 640px) {
    .created-project-card__content {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .created-project-card__blurb {
        max-height: 55px;
        position: relative
    }
    .created-project-card__blurb:after {
        content: "";
        position: absolute;
        bottom: -25px;
        left: 0;
        right: 0;
        height: 45px;
        background: white;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(52%, #fff));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 52%)
    }
}

@media (min-width: 640px) {
    .created-project-card {
        height: 110px
    }
    .created-project-card__photo {
        margin: auto;
        min-height: 119px;
        height: 100%;
        max-height: 100%;
        position: absolute;
        top: -50%;
        bottom: -50%;
        left: -50%;
        right: -50%;
        width: auto;
        min-width: 100%;
        display: block
    }
}

#important-reminders {
    background-color: #fcdda3;
    padding: 20px;
    margin-bottom: 20px
}

#important-reminders dt {
    color: red;
    font-weight: bold
}

#important-reminders dd {
    margin-bottom: 1.5em
}

body#projects_dashboard #leftcol {
    padding-right: 20px;
    border-right: 1px solid #F1EEEA;
    width: 680px
}

body#projects_dashboard #rightcol {
    width: 240px
}

body#projects_dashboard .presentation-grid caption {
    font-weight: normal;
    padding: 3px 5px
}

body#projects_dashboard .presentation-grid ul.actions {
    float: left;
    margin: 0
}

body#projects_dashboard .presentation-grid th {
    padding: 3px 5px;
    margin: 0
}

body#projects_dashboard .presentation-grid td {
    padding: 8px 5px;
    margin: 0
}

body#projects_dashboard .presentation-grid thead tr {
    border: 0 !important
}

body#projects_stats #leftcol {
    padding-right: 20px;
    border-right: 1px solid #F1EEEA;
    width: 680px
}

body#projects_stats #rightcol {
    width: 240px
}

body#projects_stats .presentation-grid caption {
    font-weight: normal;
    padding: 3px 5px
}

body#projects_stats .presentation-grid ul.actions {
    float: left;
    margin: 0
}

body#projects_stats .presentation-grid th {
    padding: 3px 5px;
    margin: 0
}

body#projects_stats .presentation-grid td {
    padding: 8px 5px;
    margin: 0
}

body#projects_stats .presentation-grid thead tr {
    border: 0 !important
}

.NS_creator_backing_notes__form textarea {
    height: 80px;
    width: 530px;
    font-size: 14px
}

.NS_creator_backing_notes__form .cancel {
    font-size: 16px
}

body.creator_handbook .handbook-container {
    padding: 0px 30px
}

body.creator_handbook .next-prev-navigation {
    margin: 60px 0px 100px;
    clear: both
}

body.creator_handbook .handbook-header {
    background-color: #ececee;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    height: 300px
}

@media (max-width: 640px) {
    body.creator_handbook .handbook-header {
        background-image: none !important;
        height: 250px
    }
}

body.creator_handbook .handbook-header__namespace {
    color: #3D3D66;
    font-size: 18px
}

body.creator_handbook .handbook-header__title {
    font-size: 60px;
    font-weight: 200;
    margin-bottom: 0px;
    line-height: 64px
}

@media (max-width: 640px) {
    body.creator_handbook .handbook-header__title {
        font-size: 48px;
        line-height: 50px
    }
}

body.creator_handbook .handbook__navigation__link {
    display: inline-block
}

body.creator_handbook .handbook__navigation__link .handbook__navigation__link__text {
    display: block
}

@media (max-width: 640px) {
    body.creator_handbook .handbook__navigation__link .handbook__navigation__link__text {
        display: none
    }
    body.creator_handbook .handbook__navigation__link:after {
        content: attr(data-direction)
    }
}

body.creator_handbook .handbook__campus__link {
    float: right;
    margin-top: 90px;
    margin-left: 20px
}

@media (max-width: 640px) {
    body.creator_handbook .handbook__campus__link {
        margin-top: 70px
    }
}

body.creator_handbook .start-tout {
    padding: 0px 20px;
    text-align: center;
    background-color: #F7F5F2;
    border-top: 1px solid #F1EEEA
}

.transition-all-bezier,
body#credit_cards_new .tout_checkout .sepa-terms__copy {
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

@-webkit-keyframes fade-30-to-100-opacity {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.fade-30-to-100-opacity-3s {
    -webkit-animation: fade-30-to-100-opacity 3s infinite;
    animation: fade-30-to-100-opacity 3s infinite
}

.fade-30-to-100-opacity-5s {
    -webkit-animation: fade-30-to-100-opacity 5s infinite;
    animation: fade-30-to-100-opacity 5s infinite
}

.fade-30-to-100-opacity-6s {
    -webkit-animation: fade-30-to-100-opacity 6s infinite;
    animation: fade-30-to-100-opacity 6s infinite
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-down {
    -moz-animation-name: fade-down;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-down;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-down;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-up {
    -moz-animation-name: fade-up;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-up;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-up;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

.js #credit_card_form #submit.not_refund_checkout {
    overflow: hidden;
    height: 0
}

#credit_card_form,
#new_sepa_account_form {
    padding-right: 32px
}

#credit_card_form #billing-info,
#credit_card_form #card-info,
#credit_card_form #sepa_account_form,
#new_sepa_account_form #billing-info,
#new_sepa_account_form #card-info,
#new_sepa_account_form #sepa_account_form {
    padding: 20px 0px
}

#credit_card_form legend,
#new_sepa_account_form legend {
    font-weight: bold;
    font-size: 18px;
    float: left;
    margin-bottom: 20px;
    width: 275px
}

#credit_card_form .card-types,
#credit_card_form .secure,
#new_sepa_account_form .card-types,
#new_sepa_account_form .secure {
    color: #3D3D66;
    font-size: 12px;
    line-height: 25px
}

#credit_card_form .secure,
#new_sepa_account_form .secure {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

#credit_card_form .secure .ksr-icon__lock,
#new_sepa_account_form .secure .ksr-icon__lock {
    font-size: 10px
}

#credit_card_form .card-types,
#new_sepa_account_form .card-types {
    float: right
}

#credit_card_form fieldset,
#credit_card_form ol,
#new_sepa_account_form fieldset,
#new_sepa_account_form ol {
    margin-bottom: 0px;
    clear: both
}

#credit_card_form li,
#new_sepa_account_form li {
    margin: 5px 0px;
    line-height: 35px;
    overflow: visible
}

#credit_card_form label,
#new_sepa_account_form label {
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
    font-size: 13px;
    line-height: 1.3;
    vertical-align: middle;
    color: #020621
}

#credit_card_form li.invalid label,
#new_sepa_account_form li.invalid label {
    color: #fd003b
}

#credit_card_form input[type="text"],
#new_sepa_account_form input[type="text"] {
    width: 488px
}

#credit_card_form li#card_number,
#new_sepa_account_form li#card_number {
    margin-bottom: 0px
}

#credit_card_form li#card_expiration,
#new_sepa_account_form li#card_expiration {
    display: inline-block;
    vertical-align: top
}

#credit_card_form li#card_cvn,
#new_sepa_account_form li#card_cvn {
    width: 200px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top
}

#credit_card_form li#remember_card,
#credit_card_form li#sepa_terms,
#credit_card_form li#remember_bank_account,
#new_sepa_account_form li#remember_card,
#new_sepa_account_form li#sepa_terms,
#new_sepa_account_form li#remember_bank_account {
    display: block
}

#credit_card_form li#remember_card label,
#credit_card_form li#sepa_terms label,
#credit_card_form li#remember_bank_account label,
#new_sepa_account_form li#remember_card label,
#new_sepa_account_form li#sepa_terms label,
#new_sepa_account_form li#remember_bank_account label {
    float: none;
    display: inline;
    vertical-align: baseline
}

#credit_card_form #card_cvNumber,
#credit_card_form #cvc,
#new_sepa_account_form #card_cvNumber,
#new_sepa_account_form #cvc {
    width: 70px
}

#credit_card_form #billTo_postalCode,
#credit_card_form #address_zip,
#new_sepa_account_form #billTo_postalCode,
#new_sepa_account_form #address_zip {
    width: 100px
}

#credit_card_form #card_accountNumber,
#credit_card_form #number,
#new_sepa_account_form #card_accountNumber,
#new_sepa_account_form #number {
    width: 332px;
    -webkit-transition-property: background-position;
    transition-property: background-position;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background: url(/assets/credit_cards/icon-cc-valid-ba459707aea3aac6e79ffb1c9c1b3256a1089eefbc1146547f15a3e59e8d57de.png) no-repeat 335px center #fff
}

#credit_card_form #card_accountNumber.valid,
#credit_card_form #number.valid,
#new_sepa_account_form #card_accountNumber.valid,
#new_sepa_account_form #number.valid {
    background-position: 306px center
}

#credit_card_form #card_expirationMonth,
#credit_card_form #exp_month,
#new_sepa_account_form #card_expirationMonth,
#new_sepa_account_form #exp_month {
    width: 60px
}

#credit_card_form #card_expirationYear,
#credit_card_form #exp_year,
#new_sepa_account_form #card_expirationYear,
#new_sepa_account_form #exp_year {
    width: 75px
}

#credit_card_form #billTo_city,
#credit_card_form #billTo_state,
#credit_card_form #billTo_state_ca,
#credit_card_form #billTo_country,
#credit_card_form #address_city,
#credit_card_form #address_state,
#credit_card_form #address_state_ca,
#credit_card_form #address_scountry,
#new_sepa_account_form #billTo_city,
#new_sepa_account_form #billTo_state,
#new_sepa_account_form #billTo_state_ca,
#new_sepa_account_form #billTo_country,
#new_sepa_account_form #address_city,
#new_sepa_account_form #address_state,
#new_sepa_account_form #address_state_ca,
#new_sepa_account_form #address_scountry {
    width: 333px
}

#credit_card_form .ss-help,
#new_sepa_account_form .ss-help {
    color: #F1EEEA;
    font-size: 14px
}

#credit_card_form .tipsy_s,
#new_sepa_account_form .tipsy_s {
    margin-left: -5px
}

#credit_card_form ul#card_cardType_list,
#credit_card_form ul#js-card_type_list,
#new_sepa_account_form ul#card_cardType_list,
#new_sepa_account_form ul#js-card_type_list {
    margin: 0px;
    margin-left: 5px;
    height: 29px;
    line-height: 29px;
    display: inline-block
}

#credit_card_form ul#card_cardType_list.selected li,
#credit_card_form ul#js-card_type_list.selected li,
#new_sepa_account_form ul#card_cardType_list.selected li,
#new_sepa_account_form ul#js-card_type_list.selected li {
    opacity: 0.2
}

#credit_card_form ul#card_cardType_list li,
#credit_card_form ul#js-card_type_list li,
#new_sepa_account_form ul#card_cardType_list li,
#new_sepa_account_form ul#js-card_type_list li {
    background: url(/assets/credit_cards/icon-cc-visa-1431c2739e616da785a215e1c423b27710c6238e23c02ba8e64c97aa6932cb6c.png) no-repeat 0 0;
    height: 29px;
    line-height: 29px;
    width: 46px;
    display: inline-block;
    margin: 0px;
    text-indent: -9999em;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

#credit_card_form ul#card_cardType_list li.js-mastercard,
#credit_card_form ul#js-card_type_list li.js-mastercard,
#new_sepa_account_form ul#card_cardType_list li.js-mastercard,
#new_sepa_account_form ul#js-card_type_list li.js-mastercard {
    background: url(/assets/credit_cards/icon-cc-mastercard-a40c133521cc4a29632385e31a0ff01d9f917a94f83e3bedaf38d7f39ca57825.png) no-repeat 0 0
}

#credit_card_form ul#card_cardType_list li.js-amex,
#credit_card_form ul#js-card_type_list li.js-amex,
#new_sepa_account_form ul#card_cardType_list li.js-amex,
#new_sepa_account_form ul#js-card_type_list li.js-amex {
    background: url(/assets/credit_cards/icon-cc-amex-38e5e2364caea2cccf1fe1167aeb03a4a10266e6aee8aa5bf27ae90ad86fac4a.png) no-repeat 0 0
}

#credit_card_form ul#card_cardType_list li.js-discover,
#credit_card_form ul#js-card_type_list li.js-discover,
#new_sepa_account_form ul#card_cardType_list li.js-discover,
#new_sepa_account_form ul#js-card_type_list li.js-discover {
    background: url(/assets/credit_cards/icon-cc-discover-4ac101854c1ed42ec0eb45fe035fc9b0a0e607e02b4c329624b859244098dfea.png) no-repeat 0 0
}

#credit_card_form ul#card_cardType_list li.selected,
#credit_card_form ul#js-card_type_list li.selected,
#new_sepa_account_form ul#card_cardType_list li.selected,
#new_sepa_account_form ul#js-card_type_list li.selected {
    opacity: 1
}

#credit_card_form div.errored,
#new_sepa_account_form div.errored {
    background: #fd003b;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0px
}

#new_sepa_account_form {
    padding-right: 0
}

#new_sepa_account_form legend {
    width: auto;
    display: inline-block
}

body#credit_cards_new .tout_checkout .error-messages-container {
    display: none
}

body#credit_cards_new .tout_checkout .invalid .error-messages-container {
    display: block
}

body#credit_cards_new .tout_checkout .error-messages {
    font-size: 12px;
    color: #fd003b
}

body#credit_cards_new .tout_checkout .sepa-terms__copy {
    background-color: #F8F9FD;
    padding: 20px;
    line-height: 19px;
    border-radius: 6px;
    overflow: hidden
}

body#credit_cards_new .tout_checkout .sepa-terms__copy .sepa-terms__mandate {
    margin-top: 20px;
    border-top: 1px solid #F1EEEA;
    display: none
}

body#credit_cards_new .tout_checkout .sepa-terms__copy .sepa-terms__mandate.sepa-terms__mandate--expanded {
    display: block
}

body#credit_cards_new .tout_checkout .sepa-terms__copy .sepa-terms__toggle {
    font-size: 14px;
    display: inline-block
}

body#credit_cards_new .tout_checkout .sepa-terms__copy .sepa-terms__toggle span {
    position: relative;
    top: -3px;
    font-size: 12px
}

body#credit_cards_new .tout_checkout .sepa-terms__copy h3 {
    margin-top: 18px;
    font-size: 18px
}

body#credit_cards_new .tout_checkout .sepa-terms__copy p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px
}

body#credit_cards_new .tout_checkout .sepa-terms__copy p:last-child {
    margin-bottom: 0
}

body#credit_cards_new .tout_checkout .sepa-terms__copy ul {
    font-size: 14px;
    margin-bottom: 24px
}

body#credit_cards_new .tout_checkout .sepa-terms__copy ul li {
    margin: 0 0 8px 0;
    line-height: 18px
}

#new_payment_bank_account {
    display: none
}

#stored_card_form {
    margin-top: 30px
}

#stored_card_form ul.stored_cards {
    list-style: none;
    margin-bottom: 5px
}

#stored_card_form ul.stored_cards li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

#stored_card_form label.payment_option {
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

#stored_card_form label.payment_option b {
    line-height: 50px;
    cursor: pointer;
    font-weight: normal
}

#stored_card_form label.payment_option input[type="radio"] {
    float: left;
    margin: 18px 15px
}

#stored_card_form label.payment_option:hover {
    background-color: #F8F9FD;
    border-radius: 6px
}

#stored_card_form li.credit_card_choice label.payment_option.selected {
    background-color: #e0e4fb;
    border-radius: 6px
}

#stored_card_form #new-card label.payment_option,
#stored_card_form #new-bank-account label.payment_option {
    border: 1px solid #fff
}

#stored_card_form #new-card label.payment_option.selected,
#stored_card_form #new-bank-account label.payment_option.selected {
    background-color: #F8F9FD;
    border: 1px solid #E6E4E2;
    border-radius: 6px 6px 0px 0px
}

#stored_card_form #new-card label.payment_option.selected:hover,
#stored_card_form #new-bank-account label.payment_option.selected:hover {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

#stored_card_form #new-card #new-card-button,
#stored_card_form #new-card #new-bank-account-button,
#stored_card_form #new-bank-account #new-card-button,
#stored_card_form #new-bank-account #new-bank-account-button {
    margin: 0px 10px;
    height: 50px;
    color: #020621;
    font-weight: bold
}

#stored_card_form #new-card #new_card_form,
#stored_card_form #new-card #new_payment_bank_account,
#stored_card_form #new-bank-account #new_card_form,
#stored_card_form #new-bank-account #new_payment_bank_account {
    display: none;
    padding: 15px;
    border: 1px solid #E6E4E2;
    border-top: 0px;
    background: #F8F9FD;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

#stored_card_form #new-card #new_card_form #credit_card_form,
#stored_card_form #new-card #new_payment_bank_account #credit_card_form,
#stored_card_form #new-bank-account #new_card_form #credit_card_form,
#stored_card_form #new-bank-account #new_payment_bank_account #credit_card_form {
    padding: 0px
}

#stored_card_form #new-card #new_card_form h2,
#stored_card_form #new-card #new_payment_bank_account h2,
#stored_card_form #new-bank-account #new_card_form h2,
#stored_card_form #new-bank-account #new_payment_bank_account h2 {
    margin-bottom: 10px
}

#stored_card_form #new-card #new_card_form #billing-info,
#stored_card_form #new-card #new_payment_bank_account #billing-info,
#stored_card_form #new-bank-account #new_card_form #billing-info,
#stored_card_form #new-bank-account #new_payment_bank_account #billing-info {
    padding-bottom: 0px;
    margin-bottom: -10px;
    border: 0px
}

li.credit_card_choice {
    margin: 5px 0;
    overflow: hidden;
    *zoom: 1
}

li.credit_card_choice img {
    margin: 10px 30px 10px 10px;
    float: left
}

li.credit_card_choice span {
    color: #020621
}

li.credit_card_choice .credit_card_info {
    width: auto
}

li.credit_card_choice .credit_card_number,
li.credit_card_choice .credit_card_expiry {
    display: block;
    line-height: 20px
}

li.credit_card_choice .credit_card_number {
    font-size: 16px;
    line-height: 28px
}

li.credit_card_choice .credit_card_name {
    line-height: 42px
}

.credit_cards_edit {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 520px
}

.credit_cards_edit h3 {
    font-weight: bold
}

.credit_cards_edit ul {
    list-style: none;
    margin-bottom: 10px
}

.credit_cards_edit ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.credit_cards_edit li.credit_card_choice {
    margin-right: 20px
}

.credit_cards_edit li.submit {
    margin-top: 20px;
    text-align: right
}

.credit_cards_edit li.submit .btn--red {
    display: inline;
    float: right
}

.credit_cards_edit li.submit a.cancel {
    color: #020621;
    text-decoration: underline;
    margin-right: 20px;
    line-height: 46px
}

.credit_cards_edit li.submit a.cancel:hover {
    color: #020621
}

body#credit_cards_index #content {
    width: 940px;
    padding-bottom: 20px;
    min-height: 400px
}

body#credit_cards_index #content h1 {
    font-weight: bold
}

body#credit_cards_index #content p.intro {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
    margin-left: 0;
    font-size: 16px;
    line-height: 24px
}

body#credit_cards_index #content #stored_card_form {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    margin-right: 0;
    margin-left: 10px;
    margin-top: 0px
}

body#credit_cards_index #content span.forget_card {
    float: right;
    width: auto;
    margin-top: 5px
}

body#credit_cards_index li.credit_card_choice {
    list-style: none;
    overflow: hidden;
    *zoom: 1;
    padding: 20px;
    margin: 5px 0px;
    background: #F7F5F2;
    border-radius: 3px
}

body#credit_cards_index li.credit_card_choice li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#credit_cards_index li.credit_card_choice span {
    color: #020621
}

body#credit_cards_index li.credit_card_choice img {
    margin: 6px 30px 6px 0px;
    float: left
}

body#credit_cards_index li.credit_card_choice .credit_card_info {
    float: left;
    width: auto;
    display: inline-block
}

body#credit_cards_index li.credit_card_choice .credit_card_number,
body#credit_cards_index li.credit_card_choice .credit_card_expiry {
    display: block
}

body#credit_cards_index li.credit_card_choice .credit_card_number {
    font-size: 16px;
    line-height: 22px;
    display: inline-block
}

body#credit_cards_index li.credit_card_choice .credit_card_name {
    line-height: 42px
}

body#credit_cards_new main h2 {
    font-weight: bold;
    font-size: 18px
}

body#credit_cards_new main .card-selection-header span {
    font-size: 13px
}

body#credit_cards_new main .tout_checkout p {
    font-size: 16px;
    line-height: 24px
}

body#credit_cards_new main .checkout_actions {
    width: 100%;
    text-align: center
}

body#credit_cards_new main .checkout_actions .btn {
    width: 100%;
    padding: 15px 0
}

body#credit_cards_new main .checkout_actions span {
    font-size: 12px;
    color: #3D3D66;
    display: block
}

body#credit_cards_new #sidebar .pledges__checkout_summary {
    margin: 20px 0px
}

body#credit_cards_new #sidebar .pledges__checkout_summary dt {
    width: 100%;
    padding-bottom: 8px
}

body#credit_cards_new #sidebar .pledges__checkout_summary dd {
    border: 0px;
    padding: 0px 10px 15px;
    margin: 0px;
    width: 290px
}

body#credit_cards_new #sidebar .pledges__checkout_summary p {
    padding-right: 0px
}

body#credit_cards_new #sidebar .pledges__checkout_summary .delivery_date {
    color: #80809E
}

body#credit_cards_new #sidebar .pledges__checkout_summary .edit {
    float: right
}

body#credit_cards_new #sidebar .pledges__checkout_summary .pledge_amount a {
    line-height: 24px
}

html.js body#credit_cards_new .checkout_no_js {
    display: none
}

html.no-js body#credit_cards_new .tout_checkout,
html.no-js body#credit_cards_new #main h2,
html.no-js body#credit_cards_new #stored_card_form,
html.no-js body#credit_cards_new .checkout_actions,
html.no-js body#credit_cards_new #sidebar,
html.no-js body#credit_cards_new #card-info,
html.no-js body#credit_cards_new #billing-info {
    display: none
}

html.no-js body#credit_cards_new .checkout_no_js {
    display: block;
    margin: 20px 0px
}

html.no-js body#credit_cards_new .checkout_no_js h3 {
    line-height: 30px
}

html.no-js body#credit_cards_new .checkout_no_js a {
    font-size: 16px
}

#saving-layer a.modal_dialog_close {
    display: none
}

#saving-layer .modal_dialog_body h3 {
    font-weight: bold
}

.curated_page_project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    padding: 0;
    margin-bottom: 20px
}

.curated_page_project.ui-sortable-helper {
    -webkit-box-shadow: #020621 0 10px 20px;
    -ms-box-shadow: #020621 0 10px 20px;
    -o-box-shadow: #020621 0 10px 20px;
    box-shadow: #020621 0 10px 20px;
    opacity: 0.5
}

.curated_page_project .project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    margin-left: 0;
    position: relative
}

.curated_page_project .project .remove {
    position: absolute;
    left: -5px;
    top: -5px
}

.curated_page_project .project .project-card-wrap {
    margin-bottom: 0
}

.curated_page_project .project .add_project {
    height: 380px;
    width: 220px;
    background: url(/assets/curated_pages/add_project-710f0d7ae27cf47ea3d77e3e8ba9c0502c25866dc4fbfa8528a01a2d5cbc402f.png);
    cursor: pointer
}

.curated_page_project .blurb,
.curated_page_project .find_projects {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    margin-right: 0;
    height: 360px;
    width: 200px
}

.curated_page_project .blurb.blurb,
.curated_page_project .find_projects.blurb {
    width: 180px
}

.curated_page_project .blurb textarea,
.curated_page_project .find_projects textarea {
    resize: none
}

.curated_page_project textarea.blurb {
    display: none;
    height: 120px;
    margin-left: 0
}

.curated_page_project div.blurb {
    padding-top: 40px;
    padding-left: 20px;
    height: 330px;
    position: relative
}

.curated_page_project div.blurb p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #020621;
    word-wrap: break-word
}

.curated_page_project div.blurb.errored .label {
    color: #fd003b
}

.curated_page_project div.blurb.errored textarea {
    border: 1px solid #fd003b
}

.curated_page_project div.blurb.errored .character_counter {
    color: #fd003b
}

.curated_page_project div.blurb .label {
    display: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #020621;
    font-size: 12px;
    height: 20px;
    margin-top: -20px;
    margin-bottom: 5px
}

.curated_page_project div.blurb .label .required {
    font-weight: normal
}

.curated_page_project div.blurb .character_counter {
    clear: both;
    padding: 5px 0;
    display: none;
    color: #3D3D66;
    font-size: 11px
}

.curated_page_project div.blurb .edit_prompt {
    top: 40px;
    left: -10px;
    position: absolute
}

.curated_page_project .find_projects {
    background-color: #020621;
    border-radius: 9px;
    padding: 10px;
    display: none;
    position: relative
}

.curated_page_project .find_projects .ss-directleft {
    position: absolute;
    left: -10px;
    top: 170px
}

.curated_page_project .find_projects .search input.input-search {
    width: 140px;
    border-color: rgba(255, 255, 255, 0)
}

.curated_page_project .find_projects .search input.input-search:focus {
    -webkit-box-shadow: #020621 0 0;
    -ms-box-shadow: #020621 0 0;
    -o-box-shadow: #020621 0 0;
    box-shadow: #020621 0 0
}

.curated_page_project .find_projects .search .results {
    display: block;
    text-align: left;
    width: auto
}

.curated_page_project .find_projects .search .results h2 {
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 3px solid #3D3D66;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    color: white
}

.curated_page_project .find_projects .search .results p {
    color: #3D3D66;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px 0;
    margin-bottom: 5px
}

.curated_page_project .find_projects li.project-result .card {
    display: none
}

.result_list li {
    margin-bottom: 0 !important
}

.find_projects li.project-result {
    margin-bottom: 0 !important
}

.NS-curated_page_projects-new .curated_page_link {
    overflow: hidden;
    *zoom: 1;
    padding: 0 10px;
    margin-bottom: 20px
}

.NS-curated_page_projects-new .curated_page_link a {
    display: inline;
    float: left
}

.NS-curated_page_projects-new .curated_page_link a:hover {
    color: #060F46
}

.NS-curated_page_projects-new .curated_page_project .remove {
    display: none
}

.NS-curated_page_projects-new .curated_page_project .edit_prompt {
    display: none
}

.NS-curated_page_projects-new .curated_page_project .value {
    display: none
}

.NS-curated_page_projects-new .curated_page_project .buttons {
    display: block;
    overflow: hidden;
    *zoom: 1
}

.NS-curated_page_projects-new .curated_page_project .buttons .save,
.NS-curated_page_projects-new .curated_page_project .buttons .cancel {
    line-height: 10px;
    font-size: 12px;
    display: inline;
    float: left;
    border-radius: 3px;
    padding: 10px 15px
}

.NS-curated_page_projects-new .curated_page_project .buttons .save {
    margin-right: 3px
}

.NS-curated_page_projects-new .curated_page_project .buttons .cancel {
    background-color: #F1EEEA
}

.NS-curated_page_projects-new .curated_page_project .buttons .cancel:hover {
    background-color: #3D3D66
}

.NS-curated_page_projects-new .curated_page_project .buttons .loading {
    margin-left: 10px;
    margin-top: 7px
}

.NS-curated_page_projects-new .curated_page_project div.blurb .label,
.NS-curated_page_projects-new .curated_page_project div.blurb .character_counter {
    display: block
}

.NS-curated_page_projects-new .curated_page_project textarea.blurb {
    display: inline
}

.js body#curated_pages_show .curated_pages_form input,
.js body#curated_pages_show .curated_pages_form textarea {
    display: none
}

.js body#curated_pages_show .curated_pages_form input.input-search,
.js body#curated_pages_show .curated_pages_form textarea.input-search {
    display: block
}

.js body#curated_pages_show .curated_pages_form ul.project-card-list li.project .find_projects {
    display: none
}

.js body#curated_pages_show .tools .launch {
    display: none
}

.no-js body#curated_pages_show .add_prompt {
    display: none
}

.no-js body#curated_pages_show .value {
    display: none
}

.no-js body#curated_pages_show ul.project-card-list li.curated_page_project .project .add_project {
    display: none
}

body#curated_pages_show #page-header.published .header.without_photo .image,
body#curated_pages_show #main.published .header.without_photo .image {
    display: none
}

body#curated_pages_show #page-header.published .header.without_photo h1,
body#curated_pages_show #main.published .header.without_photo h1 {
    width: 810px;
    display: inline;
    float: left
}

body#curated_pages_show #page-header.published .header.without_photo .description,
body#curated_pages_show #main.published .header.without_photo .description {
    clear: left
}

body#curated_pages_show #page-header.published .header.without_photo h1,
body#curated_pages_show #page-header.published .header.without_photo .description,
body#curated_pages_show #main.published .header.without_photo h1,
body#curated_pages_show #main.published .header.without_photo .description {
    padding-left: 0
}

body#curated_pages_show #page-header.published .header.without_photo .meta,
body#curated_pages_show #main.published .header.without_photo .meta {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-left: 0;
    margin-right: 0
}

body#curated_pages_show #page-header.published .header.without_photo .share-options,
body#curated_pages_show #main.published .header.without_photo .share-options {
    left: 0
}

body#curated_pages_show #page-header.published .add_photo_button,
body#curated_pages_show #main.published .add_photo_button {
    border-radius: 6px;
    display: inline;
    float: right;
    font-size: 12px;
    background-color: #F8F9FD;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    position: relative;
    font-weight: bold
}

body#curated_pages_show #page-header.published .add_photo_button input.file,
body#curated_pages_show #main.published .add_photo_button input.file {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 73px;
    height: 38px;
    opacity: 0
}

body#curated_pages_show #page-header.published form .header.without_photo .meta h1 .edit_prompt,
body#curated_pages_show #page-header.published form .header.without_photo .meta .description .edit_prompt,
body#curated_pages_show #main.published form .header.without_photo .meta h1 .edit_prompt,
body#curated_pages_show #main.published form .header.without_photo .meta .description .edit_prompt {
    left: -30px
}

body#curated_pages_show #page-header.published a.remove,
body#curated_pages_show #main.published a.remove {
    display: none
}

body#curated_pages_show #page-header.published div.edit_prompt,
body#curated_pages_show #main.published div.edit_prompt {
    display: none
}

body#curated_pages_show #page-header.published div.edit_prompt.empty,
body#curated_pages_show #main.published div.edit_prompt.empty {
    display: inline
}

body#curated_pages_show #page-header .header,
body#curated_pages_show #main .header {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px
}

body#curated_pages_show #page-header .header.without_photo .remove,
body#curated_pages_show #main .header.without_photo .remove {
    display: none
}

body#curated_pages_show #page-header .header.with_photo .share-options,
body#curated_pages_show #main .header.with_photo .share-options {
    padding-left: 20px
}

body#curated_pages_show #page-header .header .image,
body#curated_pages_show #main .header .image {
    height: 220px;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    margin-left: 0
}

body#curated_pages_show #page-header .header .image .replace,
body#curated_pages_show #main .header .image .replace {
    position: absolute;
    width: 220px;
    height: 220px;
    background-color: white;
    opacity: 0.85;
    cursor: pointer;
    display: none;
    z-index: 0
}

body#curated_pages_show #page-header .header .image .replace .button,
body#curated_pages_show #main .header .image .replace .button {
    position: absolute;
    right: 53px;
    top: 88px
}

body#curated_pages_show #page-header .header .image input.file,
body#curated_pages_show #main .header .image input.file {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 220px;
    opacity: 0
}

body#curated_pages_show #page-header .header .image .remove,
body#curated_pages_show #main .header .image .remove {
    position: absolute;
    z-index: 2;
    left: -5px;
    top: -5px
}

body#curated_pages_show #page-header .header .image .progress,
body#curated_pages_show #main .header .image .progress {
    border-radius: 9px;
    display: none;
    top: 0;
    background-color: #80809E;
    padding: 5px
}

body#curated_pages_show #page-header .header .image .progress.finished,
body#curated_pages_show #main .header .image .progress.finished {
    background-color: #F8F9FD
}

body#curated_pages_show #page-header .header .image .progress.finished .inner,
body#curated_pages_show #main .header .image .progress.finished .inner {
    height: 215px;
    border: 1px solid #2752ff
}

body#curated_pages_show #page-header .header .image .progress.finished .bar,
body#curated_pages_show #main .header .image .progress.finished .bar {
    border-radius: 0px 9px 9px 0px;
    background: url(/assets/curated_pages/progress-processing-8e158738cc84efd94d61a82a49eafe67a18728aa1432d4fa52c6b55cb4fb1703.gif) repeat-x left center
}

body#curated_pages_show #page-header .header .image .progress .inner,
body#curated_pages_show #main .header .image .progress .inner {
    border: 1px solid #2BDE73;
    border-radius: 9px
}

body#curated_pages_show #page-header .header .image .progress .bar,
body#curated_pages_show #main .header .image .progress .bar {
    border-radius: 9px 0px 0px 9px;
    background: url(/assets/curated_pages/progress-0641059c03de7098548054d7be87d351061f466e8c6a23e75e0301ede795856b.gif) repeat-x left center;
    width: 0;
    height: 100%
}

body#curated_pages_show #page-header .header .image .progress .bar .percentage,
body#curated_pages_show #main .header .image .progress .bar .percentage {
    color: white;
    font-weight: bold;
    font-size: 65px;
    line-height: 215px;
    margin-left: 20px
}

body#curated_pages_show #page-header .header .meta,
body#curated_pages_show #main .header .meta {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 40px
}

body#curated_pages_show #page-header .header .meta .edit_prompt,
body#curated_pages_show #main .header .meta .edit_prompt {
    color: #020621;
    font-size: 14px;
    font-weight: bold;
    background: #FFF;
    position: absolute;
    top: 0;
    left: -10px;
    line-height: 20px
}

body#curated_pages_show #page-header .header .meta h1,
body#curated_pages_show #page-header .header .meta .description,
body#curated_pages_show #main .header .meta h1,
body#curated_pages_show #main .header .meta .description {
    padding-left: 20px;
    position: relative
}

body#curated_pages_show #page-header .header .meta h1,
body#curated_pages_show #main .header .meta h1 {
    font-weight: bold;
    min-height: 25px
}

body#curated_pages_show #page-header .header .meta h1.errored input,
body#curated_pages_show #main .header .meta h1.errored input {
    border: 1px solid #fd003b
}

body#curated_pages_show #page-header .header .meta h1 input,
body#curated_pages_show #main .header .meta h1 input {
    float: left;
    font-size: 20px;
    margin-top: -5px;
    margin-right: 3px
}

body#curated_pages_show #page-header .header .meta h1 .buttons,
body#curated_pages_show #main .header .meta h1 .buttons {
    display: block;
    float: left;
    margin-top: -5px
}

body#curated_pages_show .description {
    margin-bottom: 10px
}

body#curated_pages_show .description .buttons {
    display: block;
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 10px
}

body#curated_pages_show .description p {
    font-size: 16px;
    line-height: 25px;
    color: #020621
}

body#curated_pages_show .description textarea {
    resize: none
}

body#curated_pages_show .description textarea#curated_page_description {
    height: 80px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1
}

body#curated_pages_show .description .character_counter {
    display: none
}

body#curated_pages_show .description.errored textarea {
    border: 1px solid #fd003b
}

body#curated_pages_show .description.errored .character_counter {
    color: #fd003b
}

body#curated_pages_show form .value {
    cursor: pointer;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s
}

body#curated_pages_show form .value:hover {
    background: #FFC
}

body#curated_pages_show form .value:hover.image {
    background: #FFF
}

body#curated_pages_show .edit_prompt {
    color: #F1EEEA;
    font-size: 13px;
    line-height: 15px;
    cursor: pointer
}

body#curated_pages_show .buttons .save,
body#curated_pages_show .buttons .cancel {
    display: inline;
    float: left
}

body#curated_pages_show .buttons .save {
    margin-right: 3px
}

body#curated_pages_show .buttons .loading {
    margin-left: 10px;
    margin-top: 7px
}

body#curated_pages_show #content {
    margin-bottom: 100px;
    padding-top: 60px;
    border-top: 1px solid #F1EEEA
}

body#curated_pages_show #main {
    overflow: visible
}

body#curated_pages_show .mobius .page {
    margin-left: 0
}

body#curated_pages_show ul.project-card-list {
    *zoom: 1;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
    padding: 0;
    z-index: 2
}

body#curated_pages_show ul.project-card-list:after {
    content: "";
    display: table;
    clear: both
}

body#curated_pages_show ul.project-card-list li.new {
    display: none
}

body#curated_pages_show ul.project-card-list li.curated_page-placeholder {
    background: url(/assets/curated_pages/dropzone-ac90ac59915675e317a75d36d99f2e34b30acc272fcfb75f0fed2d9de8e915a3.png);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    height: 420px;
    overflow: hidden;
    margin-bottom: 40px
}

body#curated_pages_show .tools {
    overflow: hidden;
    *zoom: 1;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding-top: 30px;
    clear: both;
    border-top: 3px solid #F7F5F2;
    margin-bottom: 30px
}

body#curated_pages_show .tools a.btn--blue,
body#curated_pages_show .tools a.btn--red {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    line-height: 16px
}

body#curated_pages_show .tools .delete {
    color: #F1EEEA
}

body#curated_pages_show .tools .delete:hover {
    color: #3D3D66
}

#curated-pages-signup {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    border-top: 3px solid #F7F5F2;
    padding-top: 30px
}

#curated-pages-signup .copy {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 520px;
    padding-right: 60px;
    margin-left: 0;
    font-size: 14px;
    color: #020621
}

#curated-pages-signup .copy strong {
    color: #020621;
    font-weight: bold
}

#curated-pages-signup .form-wrapper {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
    margin-right: 0;
    overflow: hidden;
    *zoom: 1
}

#curated-pages-signup .form-wrapper.loading {
    background: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat 280px 50%
}

#curated-pages-signup .form-wrapper .success {
    background: #F7F5F2;
    border-radius: 6px;
    font-weight: bold;
    padding: 5px 10px;
    width: 250px;
    height: 34px;
    margin-bottom: 0;
    line-height: 34px
}

#curated-pages-signup .form-wrapper form {
    background: #F7F5F2;
    border-radius: 6px;
    overflow: hidden;
    *zoom: 1;
    display: inline;
    float: left;
    padding: 5px
}

#curated-pages-signup .form-wrapper .field {
    display: inline;
    float: left;
    margin-right: 3px
}

#curated-pages-signup .form-wrapper .field label {
    color: #020621
}

#curated-pages-signup .form-wrapper .field input {
    width: 160px;
    padding: 8px 5px
}

#curated-pages-signup .form-wrapper .btn--green {
    display: inline;
    float: left;
    margin: 0
}

.curated_pages_widget_preview .code textarea {
    height: 40px;
    width: 436px;
    resize: none;
    overflow: hidden;
    margin-bottom: 20px
}

body.disbursements .disbursements__funding_summary {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-left: 0;
    margin-right: 0
}

body.disbursements .disbursements__funding_summary h4 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    padding-left: 60px;
    margin-left: 0;
    margin-right: 0
}

body.disbursements .disbursements__funding_summary table {
    margin-right: 0
}

body.disbursements .disbursements__funding_summary table.total_funding {
    display: block;
    padding-left: 300px;
    margin-left: 0;
    margin-left: -20px
}

body.disbursements .disbursements__funding_summary h4 {
    margin-top: 20px
}

body.disbursements .disbursements__funding_summary h4 span {
    display: block;
    font-size: 12px;
    line-height: 40px
}

body.disbursements .disbursements__funding_summary table {
    margin-bottom: 60px
}

body.disbursements .disbursements__funding_summary table td {
    width: 270px;
    padding: 15px 20px
}

body.disbursements .disbursements__funding_summary table td.amount {
    font-size: 22px;
    text-align: right
}

body.disbursements .disbursements__funding_summary table td.total {
    font-weight: bold
}

body.disbursements .disbursements__funding_summary table tr:nth-child(odd) {
    background: #F7F5F2
}

body.disbursements .disbursements__funding_summary table.total_funding td {
    font-weight: bold;
    font-size: 22px
}

body.disbursements .disbursements__funding_summary table.total_funding td.amount {
    font-size: 32px
}

body.disbursements #page-header {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin: 40px 10px
}

body.disbursements #page-header h5 {
    font-weight: normal
}

body.disbursements .disbursements__heading {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 820px;
    padding-left: 60px;
    padding-right: 60px;
    margin-left: 0;
    margin-right: 0;
    background: #F7F5F2;
    border-radius: 12px;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 80px
}

body.disbursements .disbursements__heading dl {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

body.disbursements .disbursements__heading dl dd p {
    margin-bottom: 0
}

body.disbursements .disbursements__heading dl dd.total {
    font-weight: bold;
    font-size: 32px
}

body.disbursements .disbursements__heading dl.disbursement_total {
    margin-left: 0
}

body.disbursements .disbursements__heading dl.disbursement_total dt {
    margin-bottom: 20px
}

body.disbursements .disbursements__heading dl.disbursement_account {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 280px
}

body.disbursements .disbursements__heading .account {
    margin-top: 20px
}

body.disbursements .disbursements__heading p.payment_posting {
    font-size: 12px;
    margin-bottom: 10px;
    color: #3D3D66;
    margin: 20px 0 0
}

body.disbursements .disbursements__heading p.payment_posting a {
    color: #3D3D66;
    text-decoration: underline
}

body.disbursements .disbursements__heading p.payment_posting a:hover {
    color: #2752ff
}

@media screen and (min-width: 640px) {
    body #NS_discover__categories {
        width: 400px
    }
    body #NS_discover__categories.expanded {
        width: 700px
    }
    body #NS_discover__categories ul.categories {
        width: 400px;
        -webkit-column-count: 2;
        column-count: 2
    }
    body #NS_discover__categories .subcategories_container {
        border-left: 1px solid #F1EEEA;
        width: 340px
    }
    body #NS_discover__categories .subcategories_container li a {
        padding: 0px 2px 4px 0px
    }
    body #NS_discover__categories .subcategories_container li a:after {
        content: ","
    }
    body #NS_discover__categories .subcategories_container li:first-child a:after,
    body #NS_discover__categories .subcategories_container li:last-child a:after {
        content: ""
    }
}

@media screen and (max-width: 640px) {
    body #NS_discover__categories .subcategories_container {
        padding-top: 75px;
        height: 100%;
        max-width: 175px;
        z-index: 2
    }
    body #NS_discover__categories .subcategories_container li {
        display: block;
        margin-bottom: 10px
    }
}

#NS_discover__categories {
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

#NS_discover__categories.expanded .subcategories_container {
    -webkit-transition-property: width opacity;
    transition-property: width opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    filter: alpha(opacity=100);
    opacity: 1
}

#NS_discover__categories .subcategories_container {
    filter: alpha(opacity=0);
    opacity: 0;
    right: 0px;
    top: 0px
}

#NS_discover__categories .subcategories_container .expanded {
    display: block
}

#NS_discover__categories .subcategories_container li.selected a {
    color: #2BDE73;
    font-weight: bold
}

#NS_discover__categories ul.categories {
    position: relative
}

#NS_discover__categories ul.categories li .button {
    margin-right: 5px
}

#NS_discover__categories ul.categories li .button:hover {
    color: #fff
}

#NS_discover__categories ul.categories li:hover a,
#NS_discover__categories ul.categories li.selected a {
    color: #2BDE73
}

.NS_discover__featured_project {
    width: 100%;
    border: 1px solid #F1EEEA;
    border-radius: 4px
}

.NS_discover__featured_project .project-of-the-day-tag {
    padding: 5px 10px;
    font-size: 0.75rem;
    color: #FFFFFF;
    display: inline-block;
    background: #25CB68 !important;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 20px
}

.NS_discover__featured_project .project-of-the-day-tag time {
    font-weight: bold
}

@media screen and (min-width: 640px) {
    .NS_discover__featured_project .project-stats li:not(:last-child) {
        margin-right: 40px
    }
}

@media screen and (min-width: 640px) {
    .NS_discover__featured_project .NS_project__baseball_card_stats {
        position: absolute;
        bottom: 15px;
        left: 40px;
        right: 40px
    }
}

@media screen and (max-width: 640px) {
    .NS_discover__featured_project .NS_project__baseball_card_stats {
        margin: 30px 0px
    }
}

.featured-project__content {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    padding: 0px 40px;
    position: relative
}

@media screen and (max-width: 640px) {
    .featured-project__content {
        padding-left: 20px;
        padding-right: 20px;
        display: block
    }
}

.featured-project__image {
    overflow: hidden;
    display: block
}

.featured-project__title {
    font-size: 1.375rem;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 15px;
    line-height: 1.4
}

.featured-project__title a {
    color: #020621
}

@media screen and (max-width: 640px) {
    .featured-project__title {
        white-space: nowrap;
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

.featured-project__creator {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 15px
}

.featured-project__creator .avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.featured-project__blurb {
    color: #3D3D66;
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 15px
}

#NS_discover__filters .featured [class^="ksr-icon__"] {
    position: relative;
    top: -1px;
    margin-right: 5px
}

#NS_discover__filters ul.tags li {
    margin-right: 1px;
    margin-bottom: 5px
}

#NS_discover__filters ul.tags .button {
    border-radius: 20px
}

#NS_discover__filters ul.tags .selected .button {
    background-color: #2BDE73
}

#NS_discover__filters ul.featured li a {
    color: #3D3D66
}

@media screen and (min-width: 640px) {
    body #NS_discover__filters {
        width: 460px
    }
    body #NS_discover__filters ul.featured li a:hover {
        color: #2BDE73
    }
}

@media screen and (max-width: 640px) {
    body #NS_discover__filters input {
        padding-left: 40px;
        margin-bottom: 0
    }
    body #NS_discover__filters .ss-search {
        margin-top: 12px
    }
}

.NS_discover__footer .promo {
    height: 320px
}

@media screen and (min-width: 640px) {
    .NS_discover__hero {
        height: 320px
    }
    .NS_discover__hero .category-hero {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center right;
        height: 100%
    }
    .NS_discover__hero .with_background.hero-art {
        background-image: url(/assets/discover/category-art-58e4cd15cd2347290219d7726a1ff957b99201c9c8d544ac89116c193e12fa46.jpg);
        background-color: #FFC4B0
    }
    .NS_discover__hero .with_background.hero-comics {
        background-image: url(/assets/discover/category-comics-693598780342cce4fbb7126f17aa00aafc74eb8ec8b807050073918e491dfc6e.jpg);
        background-color: #FFFC6F
    }
    .NS_discover__hero .with_background.hero-crafts {
        background-image: url(/assets/discover/category-crafts-b216fe9912ce97abaaa860cf7f9e5ad9b5dcc27c1ac45f3b6111859a728f692f.jpg)
    }
    .NS_discover__hero .with_background.hero-dance {
        background-image: url(/assets/discover/category-dance-a975a83ce4b5deb327ae60a3c2e89cdf3577af88fd39575b390ed9f87f401b48.jpg);
        background-color: #AF97FD
    }
    .NS_discover__hero .with_background.hero-design {
        background-image: url(/assets/discover/category-design-23e1e8f3de1614a755006c4104bf289d9a77b9b0c094d97612ccacfb86f43ffc.jpg);
        background-color: #2752ff
    }
    .NS_discover__hero .with_background.hero-fashion {
        background-image: url(/assets/discover/category-fashion-adc2b4cfbc3ec58d3b36a15a946b4aa77dc2cf8526e2c76902adeccd47d9e700.jpg)
    }
    .NS_discover__hero .with_background.hero-film {
        background-image: url(/assets/discover/category-film-7bd115e6d845f1851ee4a25da3e6d6955f2e3af383f898e7deadbf67226d49c8.jpg)
    }
    .NS_discover__hero .with_background.hero-food {
        background-image: url(/assets/discover/category-food-4331dc2b9297caf2dd0bd303d513410634decbbcb3a226f75d1a1cb34337fb20.jpg);
        background-color: #DA2042
    }
    .NS_discover__hero .with_background.hero-games {
        background-image: url(/assets/discover/category-games-c0cbba988067668943757715a01a2eaece6e08c26225429408d4d5f617064a58.jpg);
        background-color: #21CBAE
    }
    .NS_discover__hero .with_background.hero-journalism {
        background-image: url(/assets/discover/category-journalism-1c6e8d3207d9d50d84f99f95a538fb219281c9099ed5b5df9e690adb3258c80a.jpg)
    }
    .NS_discover__hero .with_background.hero-music {
        background-image: url(/assets/discover/category-music-a48337fd970e7e637de2f0f38a96a0d222cda036142787782bec933accd0f2f6.jpg);
        background-color: #69FFD2
    }
    .NS_discover__hero .with_background.hero-photography {
        background-image: url(/assets/discover/category-photography-3d88bc3fcb636a237f6dbee0a9f140df1d77140c3e63a2c716ebde7027a54b7d.jpg)
    }
    .NS_discover__hero .with_background.hero-publishing {
        background-image: url(/assets/discover/category-publishing-7fe577ec770bc41c642aea31408a5644463daaa9979643060b94bb32f67b7ef0.jpg);
        background-color: #E4DED2
    }
    .NS_discover__hero .with_background.hero-technology {
        background-image: url(/assets/discover/category-technology-b3b68c5b0b5b9f6a6cad593dbdc6e61b304197435b9eba093c7a9affe8d30b35.jpg);
        background-color: #4098FD
    }
    .NS_discover__hero .with_background.hero-theater {
        background-image: url(/assets/discover/category-theater-607fddc3a340b588f35bc154d8a6da1eef9904ad69d1889a8e3b320781b1e246.jpg);
        background-color: #FE7E60
    }
    .NS_discover__hero .with_background .interactive-title:not(.interactive-title-group-visible) .current {
        border-color: #fff
    }
}

.NS_discover__hero .subcategory.current {
    background-color: #fff;
    border-color: #fff;
    color: #020621
}

.NS_discover__hero .subcategory:not(.current) .ss-delete {
    display: none
}

.NS_discover__hero .refine-and-sort {
    bottom: 20px;
    left: 0px;
    width: 100%;
    padding-top: 20px
}

@media screen and (min-width: 640px) {
    .NS_discover__hero .refine-and-sort {
        position: absolute
    }
}

.NS_discover__hero .sort-label {
    font-weight: 200;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    vertical-align: middle
}

@media screen and (max-width: 640px) {
    .NS_discover__hero .category-hero {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .NS_discover__hero .sort-label {
        margin-right: 10px
    }
    .NS_discover__hero .colloquial-title h1,
    .NS_discover__hero .category-title h1,
    .NS_discover__hero .sort-title h1 {
        font-size: 32px
    }
    .NS_discover__hero .colloquial-title .NS_layouts__svg_arrow_down,
    .NS_discover__hero .category-title .NS_layouts__svg_arrow_down,
    .NS_discover__hero .sort-title .NS_layouts__svg_arrow_down {
        height: 13px;
        width: 25px
    }
}

.NS_discover__hero.art .refine-and-sort a,
.NS_discover__hero.art .colloquial-title h1,
.NS_discover__hero.art .colloquial-title a,
.NS_discover__hero.music .refine-and-sort a,
.NS_discover__hero.music .colloquial-title h1,
.NS_discover__hero.music .colloquial-title a,
.NS_discover__hero.comics .refine-and-sort a,
.NS_discover__hero.comics .colloquial-title h1,
.NS_discover__hero.comics .colloquial-title a,
.NS_discover__hero.colloquial_hero .refine-and-sort a,
.NS_discover__hero.colloquial_hero .colloquial-title h1,
.NS_discover__hero.colloquial_hero .colloquial-title a {
    color: #020621
}

.NS_discover__hero.art .subcategory.current,
.NS_discover__hero.music .subcategory.current,
.NS_discover__hero.comics .subcategory.current,
.NS_discover__hero.colloquial_hero .subcategory.current {
    background-color: #020621;
    color: #fff
}

.NS_discover__hero.art h1,
.NS_discover__hero.music h1,
.NS_discover__hero.comics h1,
.NS_discover__hero.colloquial_hero h1 {
    color: #020621
}

.NS_discover__hero.art .interactive-title:not(.interactive-title-group-visible) a,
.NS_discover__hero.music .interactive-title:not(.interactive-title-group-visible) a,
.NS_discover__hero.comics .interactive-title:not(.interactive-title-group-visible) a,
.NS_discover__hero.colloquial_hero .interactive-title:not(.interactive-title-group-visible) a {
    color: #020621
}

.NS_discover__hero.art .interactive-title:not(.interactive-title-group-visible) .arrow-fill,
.NS_discover__hero.music .interactive-title:not(.interactive-title-group-visible) .arrow-fill,
.NS_discover__hero.comics .interactive-title:not(.interactive-title-group-visible) .arrow-fill,
.NS_discover__hero.colloquial_hero .interactive-title:not(.interactive-title-group-visible) .arrow-fill {
    fill: #020621
}

.NS_discover__hero.art .with_background .interactive-title:not(.interactive-title-group-visible) .current,
.NS_discover__hero.music .with_background .interactive-title:not(.interactive-title-group-visible) .current,
.NS_discover__hero.comics .with_background .interactive-title:not(.interactive-title-group-visible) .current,
.NS_discover__hero.colloquial_hero .with_background .interactive-title:not(.interactive-title-group-visible) .current {
    border-color: #020621
}

.NS_discover__hero .interactive-title-group-visible .interactive-title__group a svg {
    height: 20px;
    width: 10px
}

.NS_discover__hero .interactive-title-group-visible .interactive-title__group a svg .arrow-fill {
    fill: #fff
}

.NS_discover__hero .interactive-title-group-visible .interactive-title__group a:hover {
    color: #fff
}

.NS_discover__hero .category-title .interactive-title {
    height: 56px;
    width: 250px
}

.NS_discover__hero .sort-title .interactive-title {
    height: 56px;
    width: 179px
}

#NS_discover__landing img.avatar {
    width: 30px;
    height: 30px
}

#NS_discover__landing .arrow-hover {
    position: relative
}

#NS_discover__landing .arrow-hover:after {
    content: url(/assets/discover/right-arrow-2960dc46ddd03a374a54accadd62ab65e687c7eef9a7acec886fd925445f2ebb.svg);
    position: absolute;
    right: -20px;
    width: 18px;
    height: 15px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    opacity: 0;
    pointer-events: none
}

#NS_discover__landing .arrow-hover:hover:after {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 1;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

@media screen and (min-width: 640px) {
    body #NS_discover__locations {
        width: 520px
    }
    body #NS_discover__locations .search-field input {
        width: 460px
    }
    body #NS_discover__locations .results_visible .results {
        width: 460px
    }
    body #NS_discover__locations li a:hover {
        color: #2BDE73
    }
}

@media screen and (max-width: 640px) {
    body #NS_discover__locations .search-field input {
        padding-left: 40px;
        -webkit-apperaance: none;
        background-color: #fff;
        margin-bottom: 0
    }
    body #NS_discover__locations .search-field .ss-search {
        top: 2px
    }
    body #NS_discover__locations .results {
        width: 232px
    }
    body #NS_discover__locations .broader-locations {
        margin-bottom: 40px
    }
}

#NS_discover__locations .results_visible .results {
    background-color: rgba(247, 245, 242, 0.95);
    border: 1px solid #F1EEEA;
    border-top: none;
    display: block
}

#NS_discover__locations .results_visible input {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

#NS_discover__locations .search-field .ss-location {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin: 0
}

#NS_discover__locations .search-field .ss-location:hover {
    color: #2BDE73
}

#NS_discover__locations li a {
    color: #3D3D66
}

#NS__discover_advanced_sentence form .filter {
    margin-right: 10px
}

#NS__discover_advanced_sentence form .text {
    padding-right: 8px
}

@media screen and (max-width: 640px) {
    #NS__discover_advanced_sentence .sentence {
        padding-bottom: 60px
    }
}

#NS__discover_advanced_sentence .sentence .filter {
    display: none
}

#NS__discover_advanced_sentence .sentence .ksr-select .ss-delete {
    font-size: 12px;
    top: 13px
}

#NS__discover_advanced_sentence .sentence .ksr-select .ksr-icon__arrow-down {
    top: 8px
}

#NS__discover_advanced_sentence .sentence .ksr-select.ksr-popover-active .ksr-icon__arrow-down {
    top: 15px
}

#NS__discover_advanced_sentence .sentence form {
    margin-bottom: 0
}

@media screen and (min-width: 640px) {
    #NS__discover_advanced_sentence .sentence form .text,
    #NS__discover_advanced_sentence .sentence form .filter {
        display: inline-block
    }
    html[lang="fr"] #NS__discover_advanced_sentence .sentence form .fr-hide {
        display: none
    }
    html[lang="es"] #NS__discover_advanced_sentence .sentence form .es-hide {
        display: none
    }
}

@media screen and (max-width: 640px) {
    #NS__discover_advanced_sentence .sentence form .text {
        display: none
    }
    #NS__discover_advanced_sentence .sentence form .filter {
        display: block;
        margin-bottom: 15px;
        margin-right: 0px;
        width: 100%
    }
    #NS__discover_advanced_sentence .sentence form .filter .title {
        text-transform: capitalize
    }
}

#NS__discover_advanced_sentence .sentence form .filter {
    margin-bottom: 10px;
    font-weight: bold
}

#NS__discover_advanced_sentence .sentence form .filter.search .term {
    outline: none;
    min-width: 10px;
    cursor: text
}

#NS__discover_advanced_sentence .sentence form .filter.search.focused,
#NS__discover_advanced_sentence .sentence form .filter.search:hover {
    border-color: #2BDE73;
    color: #2BDE73
}

#NS__discover_advanced_sentence .sentence form .category select,
#NS__discover_advanced_sentence .sentence form .location select,
#NS__discover_advanced_sentence .sentence form .sorts select {
    display: none
}

#NS__discover_advanced_sentence .sentence form .category.selected .ksr-icon__arrow-down,
#NS__discover_advanced_sentence .sentence form .location.selected .ksr-icon__arrow-down,
#NS__discover_advanced_sentence .sentence form .sorts.selected .ksr-icon__arrow-down {
    display: none
}

#NS__discover_advanced_sentence .sentence form .category.selected .ss-delete,
#NS__discover_advanced_sentence .sentence form .location.selected .ss-delete,
#NS__discover_advanced_sentence .sentence form .sorts.selected .ss-delete {
    display: block
}

body.not-mobile #NS_discover__sorts {
    width: 160px
}

body.not-mobile #NS_discover__sorts li a:hover {
    color: #2BDE73
}

.NS_discover__spotlight_project .feature-image img {
    border: 5px solid #F1EEEA
}

.NS_discover__spotlight_project .missing-image {
    border: 5px solid #F1EEEA;
    line-height: 320px;
    height: 320px
}

.NS_discover__spotlight_projects.spotlight-projects-watch {
    background-image: url(/assets/watch/bg-2e48d1892088ed9e59b9a541fe547e9f82a451c8e0ccd31a2678839903c8eb06.jpg);
    background-size: auto 140%;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #b4b5b8
}

.NS_discover__spotlight_projects.spotlight-projects-watch .spotlight-projects-headline {
    color: #fff
}

.NS_discover__spotlight_projects.spotlight-projects-play {
    background-image: url(/assets/play/bg-0b1971e4b23b1aea268e71958923242709cf04ca8ee7bdf0c245a23774ec247a.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #F7F5F2;
    border-top: 1px solid #F1EEEA;
    position: relative
}

.NS_discover__spotlight_projects.spotlight-projects-play .spotlight-projects-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.4)
}

.NS_discover__spotlight_projects.spotlight-projects-play .spotlight-projects-headline {
    max-width: 390px;
    margin: 0 auto
}

body#discover_advanced .back-to-top {
    position: fixed
}

body#discover_advanced section#advanced_container .loading {
    background: rgba(255, 255, 255, 0.8) url(/assets/icons/loading-big-0eef36319f48f7dbe7f5cc63899e6c932d9e000c5cb5d124354f74b21bcd0a87.gif) no-repeat center 50px;
    top: 0px;
    left: 0px
}

body#discover_advanced section#advanced_container.loading .loading {
    display: block
}

body#discover_advanced section#advanced_container.no_results .empty_state {
    display: block
}

body#discover_advanced section#advanced_container.no_results #projects {
    display: none
}

@media screen and (min-width: 640px) {
    body#discover_advanced section#advanced_container #projects_list.social li.project {
        height: 490px
    }
}

body#discover_advanced section#advanced_container #projects_list.social li.project .project-card-wrap {
    margin-bottom: 10px
}

body#discover_advanced section#advanced_container .load_more {
    text-align: center
}

body#discover_advanced section#advanced_container.loading-pagination .load_more {
    background: transparent url(/assets/icons/loading-big-0eef36319f48f7dbe7f5cc63899e6c932d9e000c5cb5d124354f74b21bcd0a87.gif) no-repeat center center
}

body#discover_advanced section#advanced_container.loading-pagination .load_more .btn {
    visibility: hidden
}

body#discover_advanced .ksr-select.ksr-popover-active {
    color: #2BDE73;
    border-color: #2BDE73;
    background-color: #fff
}

body#discover_advanced .ksr-popover li.selected:not(.subcategory) a {
    font-weight: bold
}

body#discover_advanced .ksr-popover li.selected:not(.category) a:not(.btn) {
    color: #2BDE73
}

body#discover_advanced .ksr-popover input {
    border: 1px solid #F1EEEA;
    outline: none
}

body#discover_advanced .ksr-popover input:focus {
    border-color: #2BDE73
}

body#discover_advanced .ksr-popover form.loading input {
    background-image: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif);
    background-position: 95% center;
    background-repeat: no-repeat
}

@media screen and (max-width: 640px) {
    body#discover_advanced .back-to-top {
        display: none
    }
    body#discover_advanced #content {
        background: #F7F5F2;
        border: none;
        padding-top: 0
    }
    body#discover_advanced.filters_visible {
        position: fixed
    }
    body#discover_advanced section#advanced_container .loading {
        margin-left: -16px;
        width: 111%
    }
}

body.discover #running-board-wrap {
    background: #fff
}

body.discover #running-board-wrap #discover-header {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding: 30px 0;
    position: relative
}

body.discover #running-board-wrap #discover-header h1 {
    font-size: 23px;
    font-weight: bold;
    margin: 0
}

body.discover #running-board-wrap #discover-header h1 span {
    font-weight: normal
}

body.discover #running-board-wrap #discover-header .discover-tout {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    background: #F7F5F2;
    height: 160px
}

body.discover #running-board-wrap #discover-header .discover-tout.alpha {
    margin-left: 0
}

body.discover #running-board-wrap #discover-header .discover-tout.omega {
    margin-right: 0
}

body.discover #running-board-wrap #discover-header .divider {
    color: #F1EEEA
}

body.discover #running-board-wrap #discover-header p.blurb {
    color: #3D3D66;
    font-size: 19px;
    margin: 0;
    padding-top: 11px
}

body.discover #running-board-wrap #discover-header .sorts {
    position: absolute;
    bottom: 5px;
    right: 0px
}

body.discover #running-board-wrap #discover-header .button {
    position: absolute;
    bottom: 10px;
    right: 0px;
    margin-bottom: 20px
}

body.discover #main_content {
    background: #fff
}

body.discover #content {
    padding: 0 0 30px
}

body.discover #content #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    overflow: visible
}

body.discover #content #main .discover-row {
    margin: 0 -35px 35px;
    padding: 0 35px
}

body.discover #content #main .discover-row h2.discover-row-header {
    font-size: 19px;
    font-weight: bold;
    margin: 0 5px 15px 0
}

body.discover #content #main .discover-row .subhead {
    color: #3D3D66;
    font-size: 16px;
    margin-top: -10px;
    margin-bottom: 30px;
    padding-top: 11px
}

body.discover #content #main .discover-row .link-view-all {
    display: block;
    display: inline;
    float: right;
    font-size: 12px;
    background-color: white;
    line-height: 12px;
    padding: 10px 0 10px 10px;
    margin-top: -10px;
    margin-bottom: -17px
}

body.discover #content #main ul.mobius {
    list-style: none;
    margin-bottom: 0
}

body.discover #content #main ul.mobius li.page {
    margin-left: 0
}

body.discover #content #main ul.project-card-list {
    *zoom: 1;
    width: 720px;
    background: white;
    list-style: none;
    margin: 0;
    margin-left: -10px;
    padding: 0;
    z-index: 2
}

body.discover #content #main ul.project-card-list:after {
    content: "";
    display: table;
    clear: both
}

body.discover #content #main ul.curated-pages-list {
    list-style: none;
    width: 720px;
    margin: 0 -10px
}

body.discover #content #main ul.curated-pages-list li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body.discover #content #main ul.curated-pages-list li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    margin-bottom: 20px
}

body.discover #content #main ul.curated-pages-list .page-wrap .page {
    height: 270px
}

body.discover #content #main ul.curated-pages-list .page-wrap .page .image {
    width: 200px;
    height: 200px
}

body.discover #content #main ul.curated-pages-list .page-wrap .page .image img {
    width: 200px;
    height: 200px
}

body.discover #content #sidebar-wrap {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

body.discover #content #sidebar-wrap #sidebar {
    border-left: 1px solid #F7F5F2;
    padding: 0 20px 50px;
    width: 179px
}

body.discover #content #sidebar-wrap #sidebar h3 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #020621;
    margin: 0 0 5px
}

body.discover #content #sidebar-wrap #sidebar h3 span {
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-bottom: 2px
}

body.discover #content #sidebar-wrap #sidebar h3 span.hashtag {
    font-size: 16px;
    font-weight: bold;
    margin: 0
}

body.discover #content #sidebar-wrap #sidebar ul.navigation {
    position: relative;
    list-style: none;
    font-size: 14px;
    margin-bottom: 10px;
    margin-bottom: 20px
}

body.discover #content #sidebar-wrap #sidebar ul.navigation li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body.discover #content #sidebar-wrap #sidebar ul.navigation li {
    margin: 0 0 2px -10px
}

body.discover #content #sidebar-wrap #sidebar ul.navigation li ul.subnavigation {
    margin: 5px 0px 0px 30px
}

body.discover #content #sidebar-wrap #sidebar ul.navigation li a {
    display: block;
    border-radius: 10px;
    padding: 0 10px;
    color: #3D3D66
}

body.discover #content #sidebar-wrap #sidebar ul.navigation li a.current,
body.discover #content #sidebar-wrap #sidebar ul.navigation li a:hover {
    background: #F8F9FD;
    color: #060F46
}

body.discover #content div#location-search {
    width: 189px;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: 80px
}

body.discover #content div#location-search input.input-text {
    width: 131px
}

body.discover #content div#location-search .results {
    width: auto
}

body#discover_index .category {
    height: 100px
}

body#discover_index .category .category-project-count {
    margin-top: -100px;
    color: #fff
}

body#discover_index .category:hover {
    border-color: transparent
}

body#discover_index .category:hover .category-project-count {
    margin-top: 0px
}

body#discover_index .category-1 .category-project-count,
body#discover_index .category-3 .category-project-count,
body#discover_index .category-14 .category-project-count,
body#discover_index .category-18 .category-project-count {
    color: #020621
}

body#discover_index .pager-container {
    width: 1200px;
    max-width: 100%
}

body#discover_index .pager {
    width: 40px;
    opacity: 1
}

body#discover_index .pager:not(.disabled) {
    cursor: pointer
}

body#discover_index .pager.disabled {
    opacity: 0
}

body#discover_index .pager svg:hover .arrow-fill {
    fill: #020621
}

body#discover_index .promo:hover .content {
    opacity: 0
}

body#discover_index .field.newsletter {
    width: 50%;
    display: inline-block
}

@media screen and (min-width: 640px) and (max-width: 1160px) {
    body#discover_index .project-of-the-day-slides {
        width: 83.33333%
    }
    body#discover_index .project-of-the-day-slides .featured-project__image img {
        height: 330px;
        width: auto;
        max-width: none
    }
    body#discover_index .project-of-the-day-slides .NS_project__baseball_card_stats {
        position: static;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 640px) {
    body#discover_index .slide:not(.cycle-slide-active) {
        display: none
    }
    body#discover_index .category-container {
        width: 20%
    }
    body#discover_index .slides {
        min-height: 353px
    }
    body#discover_index .adjectives-container {
        top: 17px;
        width: 171px;
        height: 60px
    }
    body#discover_index .promo {
        height: 320px
    }
}

@media screen and (max-width: 640px) {
    body#discover_index .promo {
        height: 175px
    }
    body#discover_index .search-container .ss-search {
        top: 9px
    }
    body#discover_index .search-container input[type=submit] {
        top: 3px;
        right: 3px
    }
    body#discover_index .all-categories {
        padding-left: 0;
        padding-right: 0
    }
    body#discover_index .slide:not(:last-child) {
        display: none
    }
    body#discover_index .adjectives-container {
        top: 5px;
        width: 100% !important;
        height: 50px
    }
}

body.events {
    background-color: #fff !important
}

body.events .hero .makerfaire-newyork {
    background-image: url(/assets/events/makerfaire-newyork/makerfaire-hero-d5fd21f4e4e77cc890527f11718f8be3b5b0ecde204dfd7f08f1870d7b78bef5.jpg)
}

body.events .hero .london-2014 {
    background-image: url(/assets/events/london2014/london1014-hero-a2f0981b953950afb19859e605121431e9858f6fb271dce7f86f2cfff3fb104a.jpg)
}

body.events .photo-caption {
    position: absolute;
    margin-top: 560px
}

body.events .map-fit {
    margin-bottom: -15px
}

body.events .bg-technology-light {
    background-color: #e0eafe
}

body.events .technology-light {
    color: #e0eafe
}

body.events .project-card {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

body.events .project-description .table {
    min-height: 140px
}

@media screen and (max-width: 960px) {
    body.events .project-description .table {
        min-height: 150px
    }
}

@media screen and (max-width: 640px) {
    body.events .social {
        margin-right: 35px
    }
    body.events .hero .table,
    body.events .hero .makerfaire-newyork {
        height: 500px
    }
    body.events .photo-caption {
        position: absolute;
        margin-top: 460px
    }
}

body#events_blockparty .share {
    margin-top: 8px
}

body#events_blockparty .creator-image .hover-zoomout {
    line-height: 220px;
    color: #fff
}

body#events_blockparty .creator-image .rsvp-tag {
    width: 50px;
    height: 50px;
    line-height: 50px
}

body#events_blockparty .creator-image:hover .rsvp-tag {
    opacity: 0
}

body#events_blockparty .vendor-image .overlay {
    line-height: 220px;
    color: #fff
}

body#events_blockparty .vendor-image:hover .overlay {
    opacity: 1
}

body#events_blockparty .event.has-rsvp .rsvp {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

body#events_blockparty .event.has-rsvp .rsvp-tag {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 9px
}

body#events_blockparty .event.has-rsvp:hover .rsvp {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

body#events_blockparty .event.has-rsvp:hover .rsvp-tag {
    opacity: 0
}

body#events_blockparty.not-mobile .mini-bar {
    position: fixed;
    top: -60px;
    opacity: 0;
    background-color: rgba(43, 222, 115, 0.95)
}

body#events_blockparty.not-mobile .mini-bar .h5 {
    margin-top: 8px
}

body#events_blockparty.mobile .mini-bar {
    display: none
}

@media screen and (min-width: 640px) {
    body#events_blockparty .hero {
        background-image: url(/assets/events/blockparty/background-image-1d561d51618ce339fb40bf93c7eec87e0c14dd1023106e8d8485ff2dc438e907.jpg);
        background-position: center right
    }
}

body#events_filmfest2013 #content_wrap {
    color: #101b38;
    background: #ffdbca;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ff4c4d), to(#ffdbca));
    background-image: linear-gradient(#ff4c4d 40%, #ffdbca)
}

body#events_filmfest2013 #content_wrap #noise_wrap {
    height: 100%;
    width: 100%;
    background: url(/assets/events/filmfest2013/noise-b82b14a481e6c3a0a32eb69d770aedfc8404f597d80773c11b419258d069265b.png) repeat center center
}

body#events_filmfest2013 #content_wrap #content {
    padding-top: 0
}

body#events_filmfest2013 #content_wrap .not-mobile {
    display: block;
    padding-left: 48px
}

body#events_filmfest2013 #content_wrap .mobile {
    display: none
}

body#events_filmfest2013 #content_wrap img.filmfest_sign {
    width: 900px;
    height: 682px
}

body#events_filmfest2013 #content_wrap p.big_type.intro {
    text-align: center;
    margin-bottom: 60px;
    color: #fff
}

body#events_filmfest2013 #content_wrap p.tiny_type {
    margin-bottom: 5px
}

body#events_filmfest2013 #content_wrap h5 {
    margin-bottom: 20px
}

body#events_filmfest2013 #content_wrap .filmfest_details p:last-child {
    margin-top: 40px
}

body#events_filmfest2013 #content_wrap em,
body#events_filmfest2013 #content_wrap h5,
body#events_filmfest2013 #content_wrap label:not(.overlabel) {
    font-weight: bold;
    font-style: normal
}

body#events_filmfest2013 #content_wrap a.event_facebook_link {
    color: #101b38;
    font-weight: bold;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body#events_filmfest2013 #content_wrap a.event_facebook_link:hover {
    color: #ff4c4d
}

body#events_filmfest2013 #content_wrap .button {
    color: #fff;
    background-color: #ff4c4d
}

body#events_filmfest2013 #content_wrap .button .ss-icon {
    margin: 2px 0 0 5px
}

body#events_filmfest2013 #content_wrap .button:hover {
    background-color: #101b38
}

body#events_filmfest2013 #content_wrap form {
    margin-top: 40px
}

body#events_filmfest2013 #content_wrap form ol {
    margin-bottom: 10px
}

body#events_filmfest2013 #content_wrap form ol > label {
    margin-bottom: 10px
}

body#events_filmfest2013 #content_wrap form li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#events_filmfest2013 #content_wrap form label.overlabel {
    line-height: 24px;
    padding: 9px 10px
}

body#events_filmfest2013 #content_wrap form input[type=text] {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    padding: 9px 10px;
    font-size: 16px;
    line-height: 24px;
    border: 0;
    opacity: 0.6;
    border-radius: 6px
}

body#events_filmfest2013 #content_wrap form input[type=text]:focus {
    opacity: 1;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

body#events_filmfest2013.mobile #content {
    background: none
}

body#events_filmfest2013.mobile #content_wrap .filmfest_info,
body#events_filmfest2013.mobile #content_wrap .filmfest_details,
body#events_filmfest2013.mobile #content_wrap .filmfest_signup {
    display: block;
    width: 100%;
    height: auto;
    float: none;
    padding: 0;
    margin: 20px 0px;
    color: #101b38
}

body#events_filmfest2013.mobile #content_wrap .filmfest_signup {
    margin-top: 40px
}

body#events_filmfest2013.mobile #content_wrap .not-mobile {
    display: none
}

body#events_filmfest2013.mobile #content_wrap .mobile {
    display: block;
    overflow: hidden;
    margin: 0 -16px
}

body#events_filmfest2013.mobile #content_wrap img.filmfest_sign {
    width: 100%;
    height: auto
}

body#events_filmfest2013.mobile #content_wrap p,
body#events_filmfest2013.mobile #content_wrap p.intro,
body#events_filmfest2013.mobile #content_wrap p.big_type {
    text-align: left;
    padding: 0
}

body#events_filmfest2013.mobile #content_wrap p.intro,
body#events_filmfest2013.mobile #content_wrap p.big_type {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 20px
}

body#events_filmfest2013.mobile #content_wrap p.tiny_type {
    font-size: 0.75rem
}

body#events_filmfest2013.mobile #content_wrap label:not(overlabel) {
    display: block
}

@media screen and (max-width: 400px) {
    body#events_filmfest2013.mobile #content_wrap li.field,
    body#events_filmfest2013.mobile #content_wrap input[type=text],
    body#events_filmfest2013.mobile #content_wrap .button {
        width: 100%;
        display: block
    }
}

@media screen and (min-width: 400px) {
    body#events_filmfest2013.mobile #content_wrap .button.small {
        display: -moz-inline-box;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        *display: inline
    }
}

body#events_filmfest2013.mobile #content_wrap .field {
    position: relative;
    margin: 5px 0
}

body#events_filmfest2013.mobile #content_wrap label.overlabel {
    display: none
}

body#events_filmfest2013.mobile #content_wrap label.overlabel-apply {
    display: block;
    position: absolute;
    z-index: 2;
    cursor: text;
    color: #3D3D66
}

body#events_filmfest2014_la .hover-zoomout,
body#events_filmfest2014 .hover-zoomout,
body#events_filmfest2014_brooklyn .hover-zoomout,
body#events_london2014 .hover-zoomout {
    line-height: 220px;
    color: #fff
}

body#events_filmfest2014_la .location-image .overlay,
body#events_filmfest2014 .location-image .overlay,
body#events_filmfest2014_brooklyn .location-image .overlay,
body#events_london2014 .location-image .overlay {
    line-height: 320px;
    color: #fff
}

body#events_filmfest2014_la .location-image:hover .overlay,
body#events_filmfest2014 .location-image:hover .overlay,
body#events_filmfest2014_brooklyn .location-image:hover .overlay,
body#events_london2014 .location-image:hover .overlay {
    opacity: 1
}

body#events_filmfest2014_la .ff-header-brooklyn,
body#events_filmfest2014 .ff-header-brooklyn,
body#events_filmfest2014_brooklyn .ff-header-brooklyn,
body#events_london2014 .ff-header-brooklyn {
    background-image: url(/assets/events/filmfest2014/brooklyn/ksff-brooklyn-header-2-ea32f684582aabfe794976f6399fed00c907489b2c5e7911ea5361dcf07e160e.jpg)
}

body#events_filmfest2014_la .ff-header-la,
body#events_filmfest2014 .ff-header-la,
body#events_filmfest2014_brooklyn .ff-header-la,
body#events_london2014 .ff-header-la {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/assets/events/filmfest2014/la/ksff-la-header-post-ba55ae5e4ba12afffd55c24e0c48d0774dbb43dbb1a5e0c5ab9d826112108124.jpg)
}

body#events_filmfest2014_la .ff-header,
body#events_filmfest2014 .ff-header,
body#events_filmfest2014_brooklyn .ff-header,
body#events_london2014 .ff-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/assets/events/filmfest2014/ksff-header-post-9df33dc21272e10068717a857a985e7bfcf75d5f2ae59d5bc41d8f1837808d5a.jpg)
}

body#events_filmfest2014_la .ff-location-info,
body#events_filmfest2014 .ff-location-info,
body#events_filmfest2014_brooklyn .ff-location-info,
body#events_london2014 .ff-location-info {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/assets/events/filmfest2014/FF-sky-f5c310db39f43ea4a3679b29007380f0b08066359cdef44605f54216cd5b82f9.jpg)
}

body#events_filmfest2014_la .ff-social,
body#events_filmfest2014 .ff-social,
body#events_filmfest2014_brooklyn .ff-social,
body#events_london2014 .ff-social {
    position: absolute;
    margin-top: 90px
}

@media screen and (max-width: 640px) {
    body#events_filmfest2014_la .ff-social,
    body#events_filmfest2014 .ff-social,
    body#events_filmfest2014_brooklyn .ff-social,
    body#events_london2014 .ff-social {
        margin-top: 140px;
        margin-right: 35px;
        position: absolute
    }
    body#events_filmfest2014_la .ff-header-la,
    body#events_filmfest2014 .ff-header-la,
    body#events_filmfest2014_brooklyn .ff-header-la,
    body#events_london2014 .ff-header-la {
        padding-top: 20px
    }
}

body#events_filmfest2014 .vhx-logo {
    width: 60px;
    opacity: 0.5
}

body#events_filmfest2014 .full-stream .button {
    position: absolute;
    top: 50%;
    left: 42%
}

body#events_filmfest2014 .full-stream-player {
    opacity: 0.8
}

body#events_filmfest2014 .ff-trailer-button {
    padding-top: 135px;
    padding-bottom: 125px
}

body#events_filmfest2014 .ff-hostyourown {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/assets/events/filmfest2014/hostyourown-33afc1b8b5c6d01b4053acad99b22f335b241ea5eca939577cb3168b7a9d7368.jpg)
}

body#events_filmfest2014 .ff-hostyourown .container-flex {
    padding-top: 101px;
    padding-bottom: 7px
}

body#events_filmfest2014 .videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

body#events_filmfest2014 .ff-selection .hover-zoomout {
    line-height: 220px;
    color: #fff
}

body#events_filmfest2014 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 640px) {
    body#events_filmfest2014 .ff-social {
        position: absolute
    }
}

@media screen and (max-width: 640px) {
    body#events_filmfest2014 .ff-hostyourown {
        background-size: 425%;
        background-position: bottom
    }
    body#events_filmfest2014 .ff-hostyourown .container-flex {
        padding-top: 10%
    }
    body#events_filmfest2014 .ff-title {
        padding-top: 40px
    }
    body#events_filmfest2014 .ff-social {
        margin-top: 130px;
        margin-right: 35px;
        position: absolute
    }
    body#events_filmfest2014 .videocontainer {
        padding-top: 40px;
        padding-bottom: 40px
    }
    body#events_filmfest2014 .full-stream .button {
        left: 26%;
        top: 51%
    }
    body#events_filmfest2014 .vhx-logo {
        padding-left: 42%
    }
}

body#events_fourth_birthday {
    background: url(/assets/events/rsvp-fourth-birthday-bg-03829c63f04409b662537ff3e7aab6c9b265764c163d4b89485bba7543743a6e.png) repeat center center #000
}

body#events_fourth_birthday.reveal {
    background: url(/5429/rsvp-awful.gif) repeat center center #000
}

body#events_fourth_birthday.reveal img#the_right_way {
    opacity: 0
}

body#events_fourth_birthday hr.party-pink {
    background: #ff006e;
    border: 0;
    height: 3px;
    margin-left: 0;
    width: 60px
}

body#events_halloween13 {
    background: #020621
}

body#events_halloween13 h1.halloween-heading {
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: -1px;
    color: #d5e2d1;
    -webkit-text-shadow: rgba(213, 226, 209, 0.3) 7px 7px 0px;
    -moz-text-shadow: rgba(213, 226, 209, 0.3) 7px 7px 0px;
    -ms-text-shadow: rgba(213, 226, 209, 0.3) 7px 7px 0px;
    -o-text-shadow: rgba(213, 226, 209, 0.3) 7px 7px 0px;
    text-shadow: rgba(213, 226, 209, 0.3) 7px 7px 0px
}

body#events_halloween13 form.halloween-rsvp-form input[type=text] {
    color: #fff;
    background-color: #141d20;
    border-color: #141d20
}

body#events_halloween13 form.halloween-rsvp-form input[type=text]:focus {
    border-color: #2BDE73;
    background-color: #2BDE73
}

body#events_halloween13 form.halloween-rsvp-form input[type=text]:hover {
    background-color: #2BDE73
}

body#events_makerfaire2014 .makerfaire-hero {
    background-image: url(/assets/events/makerfaire2014/makerfaire-hero-4-13be632dd3dc27383aa9d870c6a8fe65a02f8cd284474ef0fbaa13de179e54e0.jpg)
}

@media screen and (min-width: 640px) {
    body#events_makerfaire2014 .projectcard {
        min-height: 296px
    }
}

body#events_pax2014 .pax-banner {
    background-color: #80809E;
    background-image: url(/assets/events/pax2014/paxheader2-cc7d248f12185af832ad46304921a2141fccdedbbebe9bbfda994e720374bb9d.jpg);
    background-size: auto 120%;
    min-height: 600px
}

body#events_pax2014 h1.mega {
    font-size: 5.75em
}

body#events_pax2014 .tagline {
    padding-top: 200px
}

body#events_projectjam .projectjam-bg {
    background-image: url(/fc5d/rsvp-projectjam.gif)
}

body#events_projectjam .projectjam-button a {
    color: #020621;
    padding: 30px;
    text-decoration: underline;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

body#events_projectjam .projectjam-button a:hover {
    color: #fff;
    background: #2BDE73;
    text-decoration: none
}

body#events_projectjam .projectjam-photos {
    height: 358px;
    background: url(/assets/events/projectjam/events-projectjam-photos-adbcfbb58aacec6e31afa479b9addad536140821dfd90fc630c4949db7511ad4.jpg) repeat-x center center;
    background-size: 1431px 358px
}

.note__header {
    padding: 50px 0px 40px;
    text-align: center
}

.note__body {
    background-color: #FFFFFF;
    border-radius: 6px;
    margin-bottom: 120px;
    padding: 40px 0px
}

.plane {
    position: relative;
    overflow: hidden
}

.plane__background {
    position: absolute;
    top: 0;
    z-index: 0
}

.plane__foreground {
    position: relative;
    z-index: 1
}

.plane__background--fill {
    height: 100%;
    width: 100%
}

.plane__background__content--fill {
    width: 100%;
    height: 100%
}

body#events_sundance2014 #content_wrap {
    font-family: "Apercu Medium", Calibri, sans-serif;
    font-style: normal;
    font-size: 1.125em;
    background: #000 url(/assets/events/sundance2014/bg-62d72b0bf849939b6e2a08026949e971e46213a6b8a4f7abeade639493af280f.gif) repeat top center
}

body#events_sundance2014 #content_wrap p {
    font-weight: 600
}

body#events_sundance2014 #content_wrap h1,
body#events_sundance2014 #content_wrap h2,
body#events_sundance2014 #content_wrap h3,
body#events_sundance2014 #content_wrap h4,
body#events_sundance2014 #content_wrap .button {
    font-family: "Apercu Bold", Calibri, sans-serif
}

body#events_sundance2014 #content_wrap h3 {
    line-height: 1.3em
}

body#events_sundance2014 #content_wrap p a {
    text-decoration: underline
}

body#events_sundance2014 #content_wrap p a:hover {
    color: #2BDE73
}

body#events_sundance2014 .lockup {
    max-width: 100%
}

body#events_sundance2014 input[type=text] {
    -webkit-transition-property: border background;
    transition-property: border background;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

body#events_sundance2014 input[type=text]:focus {
    background-color: #2BDE73;
    color: #fff;
    border-color: #2BDE73 !important;
    font-weight: bold
}

body#events_sundance2014 .button {
    background-color: #3D3D66;
    color: #fff
}

body#events_sundance2014 .button:hover {
    background-color: #2BDE73
}

body#events_sundance2014.mobile #content {
    color: #fff;
    background-color: transparent;
    border-top: none;
    padding-top: 0
}

body#events_sundance2014.mobile #content .film-circle {
    text-align: center
}

body#events_sundance2014.mobile #content h2 {
    margin-bottom: 1em
}

body#events_sundance2014.mobile #content ol {
    list-style: none
}

body#events_sundance2014.mobile #content ol li {
    margin-left: 0;
    margin-bottom: 1em
}

body#events_sundance2014.mobile #content label {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px
}

body#events_sundance2014.mobile #content input {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body#faqs_show .sidebar ul.subcat-list li {
    margin-bottom: 5px
}

body#faqs_show .sidebar ul.subcat-list a {
    padding-bottom: 2px;
    border-bottom: 2px solid transparent
}

body#faqs_show .sidebar ul.subcat-list a.current {
    border-color: #2BDE73;
    color: #2BDE73
}

.NS-features__toggle .unfeatured {
    display: block
}

.NS-features__toggle .featured {
    display: none
}

.NS-features__toggle.featured .featured {
    display: block
}

.NS-features__toggle.featured .unfeatured {
    display: none
}

.services_big {
    padding: 30px 0;
    text-align: center
}

.services_big .friends_tout small {
    display: block;
    clear: both;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 2px 0
}

.services_big .friends_tout.find small {
    width: 240px;
    background: rgba(255, 255, 145, 0.85)
}

.services_big .friends_tout.facebook {
    padding: 15px 0px
}

.friends-tout--no-friends {
    bottom: -150px !important;
    height: 0px;
    overflow: hidden
}

.friends-tout__stat {
    background-color: #FFFFFF;
    border-radius: 6px;
    padding: 4px 20px;
    display: inline-block;
    vertical-align: middle
}

.friends-tout__stat__label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px
}

@media (max-width: 640px) {
    .friends-tout__stat__label {
        display: block;
        padding-left: 0px
    }
}

.friends-tout__stat__container {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0px 20px
}

.NS_banners__social_prompt .friend-count {
    font-size: 32px;
    font-weight: 400;
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 0 5px
}

.NS_funnels__backing_details .state_bar,
.NS_funnels__backing .state_bar,
.NS_funnels__project_details .state_bar,
.NS_funnels__project .state_bar {
    padding: 5px 0px
}

.NS_funnels__backing_details .state_bar.successful,
.NS_funnels__backing .state_bar.successful,
.NS_funnels__project_details .state_bar.successful,
.NS_funnels__project .state_bar.successful {
    background: #2BDE73;
    color: #fff
}

.NS_funnels__backing_details .state_bar.live,
.NS_funnels__backing .state_bar.live,
.NS_funnels__project_details .state_bar.live,
.NS_funnels__project .state_bar.live {
    background: #fcdda3
}

.NS_funnels__backing_details .state_bar.failed,
.NS_funnels__backing_details .state_bar.canceled,
.NS_funnels__backing_details .state_bar.started,
.NS_funnels__backing_details .state_bar.submitted,
.NS_funnels__backing .state_bar.failed,
.NS_funnels__backing .state_bar.canceled,
.NS_funnels__backing .state_bar.started,
.NS_funnels__backing .state_bar.submitted,
.NS_funnels__project_details .state_bar.failed,
.NS_funnels__project_details .state_bar.canceled,
.NS_funnels__project_details .state_bar.started,
.NS_funnels__project_details .state_bar.submitted,
.NS_funnels__project .state_bar.failed,
.NS_funnels__project .state_bar.canceled,
.NS_funnels__project .state_bar.started,
.NS_funnels__project .state_bar.submitted {
    background: #F7F5F2;
    color: #3D3D66
}

.NS_funnels__backing_details .project_details .reward,
.NS_funnels__backing .project_details .reward,
.NS_funnels__project_details .project_details .reward,
.NS_funnels__project .project_details .reward {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em
}

.NS_funnels__backing_details .project_details .status .ss-icon,
.NS_funnels__backing .project_details .status .ss-icon,
.NS_funnels__project_details .project_details .status .ss-icon,
.NS_funnels__project .project_details .status .ss-icon {
    margin-left: 3px;
    font-size: 0.9em
}

.NS_funnels__backing_details .project_details .status .ss-check,
.NS_funnels__backing .project_details .status .ss-check,
.NS_funnels__project_details .project_details .status .ss-check,
.NS_funnels__project .project_details .status .ss-check {
    display: none;
    color: #2BDE73
}

.NS_funnels__backing_details .project_details .status .ss-alert,
.NS_funnels__backing .project_details .status .ss-alert,
.NS_funnels__project_details .project_details .status .ss-alert,
.NS_funnels__project .project_details .status .ss-alert {
    display: none;
    color: #fd003b
}

.NS_funnels__backing_details .project_details .status .ss-delete,
.NS_funnels__backing .project_details .status .ss-delete,
.NS_funnels__project_details .project_details .status .ss-delete,
.NS_funnels__project .project_details .status .ss-delete {
    display: none;
    color: #3D3D66
}

.NS_funnels__backing_details .project_details .status .text,
.NS_funnels__backing .project_details .status .text,
.NS_funnels__project_details .project_details .status .text,
.NS_funnels__project .project_details .status .text {
    text-transform: capitalize
}

.NS_funnels__backing_details .project_details .status .ss-help,
.NS_funnels__backing .project_details .status .ss-help,
.NS_funnels__project_details .project_details .status .ss-help,
.NS_funnels__project .project_details .status .ss-help {
    border: none;
    color: #3D3D66;
    cursor: pointer
}

.NS_funnels__backing_details .project_details .status .ss-help:hover,
.NS_funnels__backing .project_details .status .ss-help:hover,
.NS_funnels__project_details .project_details .status .ss-help:hover,
.NS_funnels__project .project_details .status .ss-help:hover {
    color: #2BDE73
}

.NS_funnels__backing_details .project_details .status.collected .ss-check,
.NS_funnels__backing .project_details .status.collected .ss-check,
.NS_funnels__project_details .project_details .status.collected .ss-check,
.NS_funnels__project .project_details .status.collected .ss-check {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS_funnels__backing_details .project_details .status.collected .text,
.NS_funnels__backing .project_details .status.collected .text,
.NS_funnels__project_details .project_details .status.collected .text,
.NS_funnels__project .project_details .status.collected .text {
    color: #2BDE73
}

.NS_funnels__backing_details .project_details .status.canceled .ss-delete,
.NS_funnels__backing .project_details .status.canceled .ss-delete,
.NS_funnels__project_details .project_details .status.canceled .ss-delete,
.NS_funnels__project .project_details .status.canceled .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS_funnels__backing_details .project_details .status.dropped .ss-alert,
.NS_funnels__backing_details .project_details .status.errored .ss-alert,
.NS_funnels__backing .project_details .status.dropped .ss-alert,
.NS_funnels__backing .project_details .status.errored .ss-alert,
.NS_funnels__project_details .project_details .status.dropped .ss-alert,
.NS_funnels__project_details .project_details .status.errored .ss-alert,
.NS_funnels__project .project_details .status.dropped .ss-alert,
.NS_funnels__project .project_details .status.errored .ss-alert {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS_funnels__backing_details .project_details .status.dropped .text,
.NS_funnels__backing_details .project_details .status.errored .text,
.NS_funnels__backing .project_details .status.dropped .text,
.NS_funnels__backing .project_details .status.errored .text,
.NS_funnels__project_details .project_details .status.dropped .text,
.NS_funnels__project_details .project_details .status.errored .text,
.NS_funnels__project .project_details .status.dropped .text,
.NS_funnels__project .project_details .status.errored .text {
    color: #fd003b
}

.NS_funnels__backing_details .choose,
.NS_funnels__backing .choose,
.NS_funnels__project_details .choose,
.NS_funnels__project .choose {
    background: rgba(255, 255, 255, 0.8);
    line-height: 140px
}

.NS_funnels__backing_details:hover .choose,
.NS_funnels__backing:hover .choose,
.NS_funnels__project_details:hover .choose,
.NS_funnels__project:hover .choose {
    opacity: 1
}

.NS_funnels__backing,
.NS_funnels__project {
    height: 170px
}

.NS_funnels__backing_details .state_bar.failed,
.NS_funnels__backing_details .state_bar.canceled,
.NS_funnels__backing_details .state_bar.started,
.NS_funnels__backing_details .state_bar.submitted,
.NS_funnels__project_details .state_bar.failed,
.NS_funnels__project_details .state_bar.canceled,
.NS_funnels__project_details .state_bar.started,
.NS_funnels__project_details .state_bar.submitted {
    background-color: #fff
}

body#funnels_contact #running-board-wrap {
    background: none
}

body#funnels_contact #main_content {
    padding-bottom: 60px;
    min-height: 600px
}

body#funnels_contact .NS_messages__new {
    width: 500px
}

body#funnels_contact #funnels_main #intro .logged_out {
    margin-bottom: -9px;
    color: #3D3D66
}

body#funnels_contact #funnels_main #intro .avatar {
    border-radius: 20px;
    overflow: hidden;
    margin: 0 3px 0 10px;
    width: 40px;
    height: 40px
}

body#funnels_contact #funnels_main #intro .options {
    list-style: none;
    margin: 0
}

body#funnels_contact #funnels_main #intro .options li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#funnels_contact #funnels_main #intro .options li {
    margin: 0 0 10px 0
}

body#funnels_contact #funnels_main #intro .options li .tiny_type {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    opacity: 0;
    color: #3D3D66
}

body#funnels_contact #funnels_main #intro .options li.current a {
    text-decoration: underline;
    color: #020621
}

body#funnels_contact #funnels_main #intro .options li.current .tiny_type {
    opacity: 1
}

body#funnels_contact #funnels_main #intro .options li:hover .tiny_type {
    opacity: 1
}

body#funnels_contact #funnels_main #subjects {
    clear: left
}

body#funnels_contact #funnels_main #subjects .project_grid_list {
    overflow: hidden;
    *zoom: 1;
    margin: 0 -10px 40px
}

body#funnels_contact #funnels_main #subjects .project_grid_list a.show_more_backings {
    display: block;
    clear: left;
    cursor: pointer;
    margin: 0px auto;
    text-align: center;
    width: 300px
}

body#funnels_contact #funnels_main #subjects .project_grid_list a.show_more_backings.loading {
    background: transparent url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat center top;
    color: #3D3D66;
    padding-top: 20px
}

body#funnels_contact #funnels_main #subjects .project_grid_list a.show_more_backings.loading .text {
    display: none
}

body#funnels_contact #pledge_project_summary {
    margin-bottom: 10px
}

body#funnels_contact #pledge_project_summary .quick_links ul li {
    margin-right: 10px
}

body#funnels_contact #answers #funnels {
    position: relative
}

body#funnels_contact #answers #funnels .side_container {
    list-style: none;
    border-radius: 6px;
    border: 1px solid #F1EEEA;
    height: 300px;
    margin-bottom: 40px;
    overflow: auto
}

body#funnels_contact #answers #funnels .side_container li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#funnels_contact #answers #funnels .side_container.opened {
    width: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body#funnels_contact #answers #funnels .side_container li {
    cursor: pointer;
    top: 0px;
    padding: 7px 20px
}

body#funnels_contact #answers #funnels .side_container li ul.side {
    display: none;
    position: absolute;
    background-color: white;
    border-radius: 0px 6px 6px 0px;
    border: 1px solid #F1EEEA;
    left: 50%;
    top: 0px;
    height: 300px;
    width: 50%;
    overflow: auto;
    overflow-x: hidden
}

body#funnels_contact #answers #funnels .side_container li.selected {
    background: #F7F5F2;
    cursor: default
}

body#funnels_contact #answers #funnels .side_container li.selected > a {
    color: #020621;
    cursor: default
}

body#funnels_contact #answers #funnels .side_container li a.draft {
    font-style: italic;
    color: #F1EEEA
}

body#funnels_contact #answers #funnels .side_container li a.funnel {
    display: block
}

body#funnels_contact #answers #text ul {
    list-style: disc
}

body#funnels_contact #open_ticket #new_zendesk_ticket {
    display: none;
    border-radius: 6px;
    background: #F7F5F2;
    margin: 0px 10px;
    padding: 30px
}

body#funnels_contact #open_ticket #new_zendesk_ticket h3 {
    margin-bottom: 0px;
    line-height: 42px
}

body#funnels_contact #open_ticket #new_zendesk_ticket .contents {
    padding: 20px 0 0 0
}

body#funnels_contact #open_ticket #new_zendesk_ticket label.required:after {
    content: "*"
}

body#funnels_contact #open_ticket #new_zendesk_ticket textarea,
body#funnels_contact #open_ticket #new_zendesk_ticket input.text {
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 20px
}

body#funnels_contact #open_ticket #new_zendesk_ticket input.text {
    -moz-box-sizing: border-box;
    width: 100%
}

body#funnels_contact #open_ticket #new_zendesk_ticket textarea {
    -moz-box-sizing: border-box;
    height: 7em
}

body#funnels_contact #open_ticket #new_zendesk_ticket.open,
body#funnels_contact #open_ticket #new_zendesk_ticket.closed {
    display: block
}

body#funnels_contact #open_ticket #new_zendesk_ticket.closed .contents {
    display: none
}

body#funnels_contact #open_ticket #new_zendesk_ticket.open a.open_a_ticket {
    display: none
}

body#funnels_contact #open_ticket #new_zendesk_ticket .tiny_type {
    float: right;
    margin-top: 5px;
    margin-right: 10px
}

body#funnels_contact #open_ticket #new_zendesk_ticket.submitting input.submit {
    background-color: #F1EEEA
}

body#funnels_contact #open_ticket p.success,
body#funnels_contact #open_ticket p.error {
    border-radius: 6px;
    padding: 15px 0px;
    text-align: center;
    color: #fff;
    font-weight: bold
}

body#funnels_contact #open_ticket p.success {
    background: #2BDE73
}

body#funnels_contact #open_ticket p.error {
    background: #fd003b
}

body#funnels_contact .funnel .draft {
    color: #F1EEEA
}

body#funnels_contact .helpfulness a {
    cursor: pointer
}

.editorial-build .generated-preview {
    width: calc(100% - 360px);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #F7F5F2;
    border-left: 1px solid #F1EEEA;
    display: table
}

.editorial-build .art-director-sidebar {
    width: 360px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 200px
}

.editorial-build .form-section {
    margin: 30px 0px 0px
}

.editorial-build label {
    margin: 0px 0px 10px;
    font-weight: bold
}

.editorial-build label.for-anchor {
    height: 30px;
    width: 31%;
    margin: 0px;
    float: left;
    border: 1px solid #F1EEEA;
    cursor: pointer
}

.editorial-build label.for-anchor:hover {
    background: #F7F5F2
}

.editorial-build label.for-anchor:nth-of-type(1) {
    border-radius: 4px 0 0 0;
    border-right: none;
    border-bottom: none
}

.editorial-build label.for-anchor:nth-of-type(2) {
    border-right: none;
    border-bottom: none
}

.editorial-build label.for-anchor:nth-of-type(3) {
    border-radius: 0 4px 0 0;
    border-bottom: none
}

.editorial-build label.for-anchor:nth-of-type(4) {
    border-right: none;
    border-bottom: none
}

.editorial-build label.for-anchor:nth-of-type(5) {
    border-right: none;
    border-bottom: none
}

.editorial-build label.for-anchor:nth-of-type(6) {
    border-bottom: none
}

.editorial-build label.for-anchor:nth-of-type(7) {
    border-radius: 0 0 0 4px;
    border-right: none
}

.editorial-build label.for-anchor:nth-of-type(8) {
    border-right: none
}

.editorial-build label.for-anchor:nth-of-type(9) {
    border-radius: 0 0 4px 0
}

.editorial-build .input-anchor:checked + label {
    background-color: #2752ff
}

.editorial-build .character_counter_wrapper {
    position: relative
}

.editorial-build .character_counter_wrapper textarea {
    padding-bottom: 20px
}

.editorial-build .character_counter_wrapper .character_counter_container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #3D3D66
}

.editorial-build label.for-color {
    height: 25px;
    width: 25px;
    margin: 2.5px;
    display: inline-block;
    border: 1px solid #F1EEEA;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.editorial-build label.for-color:hover {
    border-color: #3D3D66
}

.editorial-build .button-color {
    display: none
}

.editorial-build .button-color:checked + label {
    border: 5px solid #F1EEEA
}

.editorial-build .color-picker {
    padding: 10px;
    background-color: #F7F5F2;
    margin-top: 10px;
    border-radius: 4px
}

.editorial-build .preview-wrap {
    display: table-cell;
    vertical-align: middle
}

.editorial-build .preview-controls {
    position: absolute;
    margin-top: 31px
}

.editorial-build .display-picker {
    width: 70px;
    position: relative;
    margin: 20px
}

.editorial-build input[name=display] {
    display: none
}

.editorial-build label.for-display {
    background-color: #F1EEEA;
    border-radius: 2px;
    margin-bottom: 5px
}

.editorial-build label.for-display.simplex {
    width: 100%;
    height: 35px
}

.editorial-build label.for-display.duplex {
    width: 32px;
    height: 30px
}

.editorial-build label.for-display.duplex:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: inherit;
    height: inherit;
    background-color: inherit;
    border-radius: inherit;
    padding: inherit
}

.editorial-build label.for-display.standard {
    width: 20px;
    height: 25px;
    margin: 0px auto 5px
}

.editorial-build label.for-display.standard:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: inherit;
    height: inherit;
    background-color: inherit;
    border-radius: inherit;
    padding: inherit
}

.editorial-build label.for-display.standard:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: inherit;
    height: inherit;
    background-color: inherit;
    border-radius: inherit;
    padding: inherit
}

.editorial-build label.for-display.list {
    width: 100%;
    height: 10px
}

.editorial-build input[name=display]:checked + label {
    background-color: #2752ff
}

.editorial-build .generate-button {
    margin: 20px
}

.editorial-build .tools {
    position: fixed;
    bottom: 0;
    z-index: 2;
    padding: 20px;
    width: 359px;
    background-color: white;
    border-top: 1px solid #F1EEEA;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.editorial-build label.for-radio-toggle {
    margin: 0px;
    width: 50%;
    padding: 10px 0px;
    text-align: center;
    float: left;
    font-weight: normal;
    color: #F1EEEA;
    font-size: 14px
}

.editorial-build .radio-toggle:checked + label {
    color: #020621;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(130, 133, 135, 0.5);
    box-shadow: 0px 0px 13px 1px rgba(130, 133, 135, 0.5)
}

.editorial-build .radio-toggle-wrap {
    position: relative;
    height: 40px;
    background-color: #F7F5F2;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #F1EEEA
}

.editorial-build .character-counter-input {
    padding-right: 60px !important
}

#admin_happening_blocks_edit .calendar_date_picker {
    margin-top: 20px;
    border: 1px solid #F1EEEA;
    border-radius: 4px;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden
}

#admin_happening_blocks_edit .calendar_date_picker table {
    width: 100%;
    margin-bottom: 0px
}

#admin_happening_blocks_edit .calendar_date_picker a.previous_month,
#admin_happening_blocks_edit .calendar_date_picker a.next_month {
    background: none;
    height: 9px;
    top: 10px;
    width: 6px
}

#admin_happening_blocks_edit .calendar_date_picker a.previous_month {
    left: 6px
}

#admin_happening_blocks_edit .calendar_date_picker a.next_month {
    right: 6px;
    text-align: left
}

#admin_happening_blocks_edit .calendar_date_picker thead.month th {
    background-color: #ffffff;
    color: #020621;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    text-transform: none;
    position: relative;
    padding: 10px 0px
}

#admin_happening_blocks_edit .calendar_date_picker thead.month th span.year {
    padding: 0
}

#admin_happening_blocks_edit .calendar_date_picker td,
#admin_happening_blocks_edit .calendar_date_picker thead.days_of_week th {
    padding: 0;
    text-align: center;
    background-color: #ffffff;
    width: 38px
}

#admin_happening_blocks_edit .calendar_date_picker thead.days_of_week th {
    border-bottom: 1px solid #F1EEEA;
    color: #020621;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 0px 5px;
    text-transform: capitalize
}

#admin_happening_blocks_edit .calendar_date_picker tbody {
    padding: 20px 0px
}

#admin_happening_blocks_edit .calendar_date_picker tbody tr td:first-child {
    border-left: 0
}

#admin_happening_blocks_edit .calendar_date_picker tbody tr td:last-child {
    border-right: 0
}

#admin_happening_blocks_edit .calendar_date_picker tbody tr:last-child td {
    border-bottom: 0
}

#admin_happening_blocks_edit .calendar_date_picker td {
    color: #020621;
    line-height: 30px;
    overflow: visible
}

#admin_happening_blocks_edit .calendar_date_picker td a {
    background: #FFF;
    color: #020621;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    width: 100%
}

#admin_happening_blocks_edit .calendar_date_picker td a.selected {
    background: #2752ff;
    color: #FFF;
    font-weight: bold
}

#admin_happening_blocks_edit .calendar_date_picker .time {
    display: none
}

.NS_help__prohibited_list {
    max-width: 820px
}

.NS_help__search_box .search .ss-search,
.NS_help__search_box .search .icon-loading-small {
    margin-top: 6px
}

.NS_help__search_box .search .ss-delete {
    margin-top: 6px;
    margin-right: 90px
}

.NS_help__search_box .search input.text {
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 38px
}

.NS_help__search_box .search .submit {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.NS_help__search_box .search .results {
    width: 100%;
    position: absolute;
    z-index: 100
}

.NS_help__search_box .search .results ul {
    margin-top: 10px
}

.NS_help__search_box .search .results ul li {
    padding: 10px 20px
}

.NS_help__search_box .search .results ul li:hover {
    background-color: #F8F9FD;
    color: #2752ff
}

.NS_help__search_box .search .results h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 1.25em
}

.NS_help__search_box .search .results .see_all {
    display: block;
    padding: 20px;
    font-weight: bold
}

.NS_help__search_box .search .results .see_all:first-letter {
    text-transform: capitalize
}

.NS_help__search_box .search .results .see_all:hover {
    background-color: #2752ff;
    color: #fff
}

body#help_stats .main table {
    width: 940px;
    table-layout: fixed
}

body#help_stats .main .grouped_unit,
body#help_stats .main .currency_symbol,
body#help_stats .main .percent_sign {
    display: inline-block
}

body#help_stats .main .sortable_table th {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 45px;
    background-color: #F7F5F2;
    border-bottom: 1px;
    border-bottom-style: dotted;
    border-top: 1px;
    border-top-style: dotted;
    border-color: #F1EEEA;
    line-height: 12px;
    text-align: right
}

body#help_stats .main .sortable_table th.tablesorter-headerAsc {
    background: url(/assets/tablesorter_asc-d8e961459052dc6a9ca57e587cbd89105322af6b87cb73d1b59f0e8b4ea4bf81.gif) no-repeat;
    background-position: 3% 38%;
    background-color: #ECE8E4;
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat
}

body#help_stats .main .sortable_table th.tablesorter-headerAsc.category_name {
    background-position: 90% 50%
}

body#help_stats .main .sortable_table th.tablesorter-headerDesc {
    background: url(/assets/tablesorter_desc-1bf8b7f7affee67f19707d3514c565805efdf2e5801ea6b4186a3bed176e1975.gif) no-repeat;
    background-position: 3% 38%;
    background-color: #ECE8E4;
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat
}

body#help_stats .main .sortable_table th.tablesorter-headerDesc.category_name {
    background-position: 90% 50%
}

body#help_stats .main .sortable_table th.category_name {
    text-align: left;
    width: 95px
}

body#help_stats .main .sortable_table.collapsed th.tablesorter-headerDesc,
body#help_stats .main .sortable_table.collapsed th.tablesorter-headerAsc {
    background: #F7F5F2;
    cursor: pointer
}

body#help_stats .main .sortable_table td {
    padding: 10px;
    font-size: 15px;
    text-align: right;
    line-height: 24px
}

body#help_stats .main .sortable_table td .grouped_unit {
    vertical-align: middle;
    font-size: 11px;
    line-height: 18px;
    margin-left: -2px;
    margin-top: 0px
}

body#help_stats .main .sortable_table td .currency_symbol,
body#help_stats .main .sortable_table td .percent_sign {
    vertical-align: top;
    font-size: 11px;
    margin-top: -4px
}

body#help_stats .main .sortable_table td.category_name {
    text-align: left;
    font-weight: bold
}

body#help_stats .main .sortable_table tr {
    border-bottom: 0
}

body#help_stats .main .sortable_table tr.category_row {
    height: 100%;
    display: none
}

body#help_stats .main .sortable_table tr:nth-of-type(even) {
    background-color: #F8F9FD
}

body#help_stats .main .sortable_table tfoot tr {
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    background-color: white;
    border-top: 1px;
    border-top-style: dotted;
    border-color: #F1EEEA
}

body#help_stats .main .sortable_table tfoot td {
    text-align: left
}

body#help_stats .main .sortable_table tfoot td .arrow,
body#help_stats .main .sortable_table tfoot td .details {
    display: inline-block
}

body#help_stats .main .sortable_table tr.site_wide td,
body#help_stats .main .sortable_table tr.site_wide tfoot {
    background: white;
    font-weight: bold;
    font-size: 20px;
    line-height: 60px
}

body#help_stats .main #projects_and_dollars .chart_header_text {
    padding-bottom: 20px
}

body#help_stats .main #successful_projects th.total_successful {
    width: 90px
}

body#help_stats .main #successful_projects th.last_column {
    width: 45px
}

body#help_stats .main #unsuccessful_projects th.total_unsuccessful {
    width: 100px
}

body#help_stats .main .toggle_details a {
    color: #2752ff;
    font-size: 14px;
    font-weight: bold
}

body#help_stats .main .toggle_details a:hover {
    cursor: pointer
}

body#help_stats .main .toggle_details .arrow {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 11px;
    height: 11px;
    background: url(/assets/help/stats/arrow-0efc2d94b42a5e11552fa0ec574488fb5c06658ab5c2f750e7fb942844c768d1.png) no-repeat top left;
    vertical-align: middle
}

body#help_stats .main .toggle_details .arrow.flipped {
    background-position: bottom left
}

body#help_stats .main .toggle_details .details {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

body#help_stats .main .bubble {
    display: none;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 0 white inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFF;
    border: 1px solid #000;
    border-bottom: 0;
    color: #FFF;
    position: absolute;
    font-size: 11px;
    line-height: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    text-align: center;
    z-index: 3;
    width: 200px
}

body#help_stats .main .bubble p {
    margin: 0
}

body#help_stats .main .bubble .nipple {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    border-top: 6px solid black;
    border-top: 6px solid rgba(0, 0, 0, 0.8);
    border-bottom: 0px;
    border-left: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid #FFF;
    border-right: 6px solid transparent;
    overflow: hidden
}

body#help_stats .main .bubble .content {
    display: inline-block;
    overflow: hidden
}

body#help_stats .main .bubble .content .num {
    font-size: 12px;
    color: #FFF;
    font-weight: bold
}

body#help_stats .main .bubble .content .date {
    display: block;
    color: #3D3D66;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 3px
}

.table-overflow-scroll {
    overflow: auto
}

.NS-items__form_layout {
    margin: -20px;
    width: 600px
}

.digital-reward__checkbox-wrapper--large {
    padding-top: 3px
}

.digital-reward__radio-label {
    padding-top: 4px
}

.NS_jobs__job_listings ul {
    list-style: none
}

.NS_jobs__job_listings ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.NS_jobs__job_listings ul li p {
    display: none
}

.NS_jobs__job_listings ul li p.title {
    display: inline
}

body#jobs_index #jobs_index_wrap {
    position: relative
}

body#jobs_index #jobs_index_wrap #gradient {
    z-index: 1
}

body#jobs_index #hero .container h1 {
    margin-top: 130px
}

body#jobs_index #hero .container .big_type {
    margin-bottom: 70px
}

body#jobs_index #openings {
    background: #F7F5F2;
    padding: 50px 0px 65px 0px
}

body#jobs_index #openings .intro h2 {
    margin-bottom: 42px
}

body#jobs_index #openings .intro p.footer a {
    color: #020621;
    text-decoration: underline
}

body#jobs_index #openings .intro p.footer a:hover {
    text-decoration: none
}

body#jobs_index #openings .NS_jobs__job_listings ul {
    list-style: none;
    width: 717px;
    margin: 0 auto 20px
}

body#jobs_index #openings .NS_jobs__job_listings ul li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 220px;
    height: 200px;
    margin: 0 8px 20px;
    overflow: hidden
}

body#jobs_index #openings .NS_jobs__job_listings ul li a {
    display: block;
    background: #fff;
    height: 160px;
    padding: 20px 10px
}

body#jobs_index #openings .NS_jobs__job_listings ul li a p {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    color: #020621
}

body#jobs_index #openings .NS_jobs__job_listings ul li a p.title {
    display: block;
    color: #2752ff;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-bottom: 15px
}

body#jobs_index #openings .NS_jobs__job_listings ul li a:hover {
    background: #2752ff
}

body#jobs_index #openings .NS_jobs__job_listings ul li a:hover p {
    color: #060F46
}

body#jobs_index #openings .NS_jobs__job_listings ul li a:hover p.title {
    color: #fff
}

body#jobs_index .ss-heart {
    margin-top: 30px;
    color: #fd003b;
    font-size: 20px
}

body#jobs_show .header-image {
    height: 330px
}

body#jobs_show .header-image.image-1 {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/jobs_sub_5.jpg")
}

@media screen and (max-width: 640px) {
    body#jobs_show .header-image.image-1 {
        background-position: -800px center
    }
}

body#jobs_show .header-image.image-2 {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/jobs_sub_1.jpg")
}

body#jobs_show .NS_jobs__job_listings a {
    display: inline-block;
    margin-bottom: 5px
}

body#jobs_show .NS_jobs__job_listings a.current {
    color: #020621
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top,
div.video-player.fullscreen,
div.legacy-video-player.fullscreen {
    z-index: 1002
}

.touchable.tablet .video-player,
.touchable.tablet video,
.touchable.tablet div.video-player.has_played video {
    height: 480px
}

.touchable.phone .video-player,
.touchable.phone video,
.touchable.phone div.video-player.has_played video {
    height: 240px
}

.touchable .video-player.fullscreen {
    height: 100%
}

div.video-player,
div.legacy-video-player {
    background: #000;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    line-height: 0;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-align: center
}

div.video-player:hover .play_button_dark,
div.video-player:focus .play_button_dark,
div.legacy-video-player:hover .play_button_dark,
div.legacy-video-player:focus .play_button_dark {
    background-color: #2BDE73
}

div.video-player button,
div.legacy-video-player button {
    background: transparent;
    border: none
}

div.video-player .external_context,
div.legacy-video-player .external_context {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 22px;
    height: 25px
}

div.video-player .external_context .k,
div.legacy-video-player .external_context .k {
    display: block;
    text-indent: -9999px;
    text-align: left;
    opacity: 0.5;
    background: transparent url(/assets/widgets/k-logo-7c13c5d1af04d6b00b457b4eacab02d37bff6aa0ec302192c23b429ec7c9e654.png) no-repeat top left;
    width: 22px;
    height: 25px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    div.video-player .external_context .k,
    div.legacy-video-player .external_context .k {
        background-image: url(/assets/widgets/k-logo@2x-f0d3ceaf5c0cf760c39124dac31aeb8bcf4426d23532902c4dd32434ee368086.png);
        -ms-background-size: 22px 25px;
        background-size: 22px 25px
    }
}

div.video-player .external_context .k:hover,
div.video-player .external_context .k:focus,
div.legacy-video-player .external_context .k:hover,
div.legacy-video-player .external_context .k:focus {
    opacity: 1
}

div.video-player .has-captions .ksr-icon__closed-caption,
div.legacy-video-player .has-captions .ksr-icon__closed-caption {
    color: white;
    position: absolute;
    opacity: 0.5;
    font-size: 1.1em;
    top: 20px;
    right: 20px;
    -webkit-text-shadow: 0px 0px 3px #020621;
    -moz-text-shadow: 0px 0px 3px #020621;
    -ms-text-shadow: 0px 0px 3px #020621;
    -o-text-shadow: 0px 0px 3px #020621;
    text-shadow: 0px 0px 3px #020621
}

div.video-player img.poster.landscape,
div.legacy-video-player img.poster.landscape {
    width: 100%
}

div.video-player img.poster.portrait,
div.legacy-video-player img.poster.portrait {
    height: 100%
}

div.video-player video,
div.legacy-video-player video {
    width: 100%;
    height: 100%;
    display: none
}

div.video-player.has_played video.landscape,
div.legacy-video-player.has_played video.landscape {
    height: auto;
    max-height: 100%
}

div.video-player.has_played video.portrait,
div.legacy-video-player.has_played video.portrait {
    width: auto;
    max-width: 100%
}

div.video-player.has_played video,
div.legacy-video-player.has_played video {
    display: inline-block
}

div.video-player.has_played.vertically_center:before,
div.legacy-video-player.has_played.vertically_center:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

div.video-player.has_played.vertically_center:-moz-full-screen:before,
div.legacy-video-player.has_played.vertically_center:-moz-full-screen:before {
    display: none
}

div.video-player.has_played.vertically_center video,
div.legacy-video-player.has_played.vertically_center video {
    vertical-align: middle
}

div.video-player.has_played .player_controls,
div.legacy-video-player.has_played .player_controls {
    display: block
}

div.video-player .player_controls,
div.legacy-video-player .player_controls {
    width: 90%;
    height: 38px;
    max-width: 650px;
    line-height: 38px;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0
}

div.video-player .player_controls.visible,
div.legacy-video-player .player_controls.visible {
    opacity: 1
}

div.video-player .player_controls .btn--with-svg.playpause svg.svg-icon__play,
div.video-player .player_controls .btn--with-svg.playpause svg.svg-icon__pause,
div.legacy-video-player .player_controls .btn--with-svg.playpause svg.svg-icon__play,
div.legacy-video-player .player_controls .btn--with-svg.playpause svg.svg-icon__pause {
    margin-right: 0
}

div.video-player .player_controls .icon_volume_nudge,
div.legacy-video-player .player_controls .icon_volume_nudge {
    position: relative;
    left: -0.25em
}

div.video-player .player_controls .ksr-icon__closed-caption,
div.legacy-video-player .player_controls .ksr-icon__closed-caption {
    font-size: 16px;
    position: relative;
    color: #F1EEEA
}

div.video-player .player_controls .ksr-icon__closed-caption:hover,
div.video-player .player_controls .ksr-icon__closed-caption:focus,
div.legacy-video-player .player_controls .ksr-icon__closed-caption:hover,
div.legacy-video-player .player_controls .ksr-icon__closed-caption:focus {
    color: #fff
}

div.video-player .player_controls .ksr-icon__closed-caption.is-on,
div.legacy-video-player .player_controls .ksr-icon__closed-caption.is-on {
    color: #2BDE73
}

div.video-player .player_controls .ksr-icon__closed-caption.is-on:hover,
div.video-player .player_controls .ksr-icon__closed-caption.is-on:focus,
div.legacy-video-player .player_controls .ksr-icon__closed-caption.is-on:hover,
div.legacy-video-player .player_controls .ksr-icon__closed-caption.is-on:focus {
    color: #1db95c
}

div.video-player .player_controls .playpause.play .ss-play,
div.video-player .player_controls .playpause.pause .ss-pause,
div.video-player .player_controls .volume.muted .ss-volume,
div.video-player .player_controls .video_dropdown.open .video_dropdown_options,
div.legacy-video-player .player_controls .playpause.play .ss-play,
div.legacy-video-player .player_controls .playpause.pause .ss-pause,
div.legacy-video-player .player_controls .volume.muted .ss-volume,
div.legacy-video-player .player_controls .video_dropdown.open .video_dropdown_options {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player .player_controls .playpause.play .ss-pause,
div.video-player .player_controls .playpause.pause .ss-play,
div.video-player .player_controls .fullscreen .ss-delete,
div.video-player .player_controls .volume .ss-volume,
div.video-player .player_controls .volume.muted .ss-highvolume,
div.video-player .player_controls .video_dropdown .video_dropdown_options,
div.legacy-video-player .player_controls .playpause.play .ss-pause,
div.legacy-video-player .player_controls .playpause.pause .ss-play,
div.legacy-video-player .player_controls .fullscreen .ss-delete,
div.legacy-video-player .player_controls .volume .ss-volume,
div.legacy-video-player .player_controls .volume.muted .ss-highvolume,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options {
    display: none
}

div.video-player .player_controls .video_dropdown .video_dropdown_options,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options {
    list-style: none;
    position: absolute;
    bottom: 100%;
    text-align: left;
    background: #020621;
    margin-left: -100%;
    line-height: 100%
}

div.video-player .player_controls .video_dropdown .video_dropdown_options li,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

div.video-player .player_controls .video_dropdown .video_dropdown_options a,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options a {
    color: #F1EEEA
}

div.video-player .player_controls .video_dropdown .video_dropdown_options a:hover,
div.video-player .player_controls .video_dropdown .video_dropdown_options a:focus,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options a:hover,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options a:focus {
    color: #F7F5F2
}

div.video-player .player_controls .video_dropdown .video_dropdown_options a.selected,
div.legacy-video-player .player_controls .video_dropdown .video_dropdown_options a.selected {
    color: #fff
}

div.video-player .player_controls .video_dropdown:hover .ksr-icon__closed-caption,
div.video-player .player_controls .video_dropdown:focus .ksr-icon__closed-caption,
div.legacy-video-player .player_controls .video_dropdown:hover .ksr-icon__closed-caption,
div.legacy-video-player .player_controls .video_dropdown:focus .ksr-icon__closed-caption {
    color: #fff
}

div.video-player .player_controls .video_dropdown:hover .ksr-icon__closed-caption.is-on,
div.video-player .player_controls .video_dropdown:focus .ksr-icon__closed-caption.is-on,
div.legacy-video-player .player_controls .video_dropdown:hover .ksr-icon__closed-caption.is-on,
div.legacy-video-player .player_controls .video_dropdown:focus .ksr-icon__closed-caption.is-on {
    color: #1db95c
}

div.video-player .player_controls .language-select-dropdown,
div.legacy-video-player .player_controls .language-select-dropdown {
    margin-bottom: 0px;
    max-height: 155px;
    right: -30px;
    left: 16px
}

div.video-player .player_controls .language-select-dropdown li,
div.legacy-video-player .player_controls .language-select-dropdown li {
    margin-bottom: 0;
    color: #F1EEEA
}

div.video-player .player_controls .language-select-dropdown li:hover,
div.video-player .player_controls .language-select-dropdown li:focus,
div.legacy-video-player .player_controls .language-select-dropdown li:hover,
div.legacy-video-player .player_controls .language-select-dropdown li:focus {
    color: #fff;
    cursor: pointer
}

div.video-player .player_controls .language-select-dropdown .language-select-list,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list {
    overflow-y: auto;
    max-height: 120px;
    margin-bottom: 0;
    border-top: 1px solid #202036
}

div.video-player .player_controls .language-select-dropdown .language-select-list li,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li {
    color: #F1EEEA
}

div.video-player .player_controls .language-select-dropdown .language-select-list li:hover,
div.video-player .player_controls .language-select-dropdown .language-select-list li:focus,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li:hover,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li:focus {
    cursor: pointer;
    color: #fff
}

div.video-player .player_controls .language-select-dropdown .language-select-list li .ksr-icon__check,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li .ksr-icon__check {
    display: none;
    font-size: 0.9em
}

div.video-player .player_controls .language-select-dropdown .language-select-list li.selected,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li.selected {
    color: #2BDE73
}

div.video-player .player_controls .language-select-dropdown .language-select-list li.selected:hover,
div.video-player .player_controls .language-select-dropdown .language-select-list li.selected:focus,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li.selected:hover,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li.selected:focus {
    cursor: pointer;
    color: #1db95c
}

div.video-player .player_controls .language-select-dropdown .language-select-list li.selected:hover .ksr-icon__check,
div.video-player .player_controls .language-select-dropdown .language-select-list li.selected:focus .ksr-icon__check,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li.selected:hover .ksr-icon__check,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li.selected:focus .ksr-icon__check {
    color: #1db95c
}

div.video-player .player_controls .language-select-dropdown .language-select-list li.selected .ksr-icon__check,
div.legacy-video-player .player_controls .language-select-dropdown .language-select-list li.selected .ksr-icon__check {
    color: #2BDE73;
    display: inline-block
}

div.video-player .player_controls .button,
div.legacy-video-player .player_controls .button {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 13px
}

div.video-player .player_controls .button .ss-icon,
div.legacy-video-player .player_controls .button .ss-icon {
    position: relative;
    top: 0.125em
}

div.video-player.medium:not(:-webkit-full-screen) .time,
div.legacy-video-player.medium:not(:-webkit-full-screen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:-webkit-full-screen) .volume_container,
div.legacy-video-player.medium:not(:-webkit-full-screen) .volume_container {
    display: none
}

div.video-player.small:not(:-webkit-full-screen) .time,
div.legacy-video-player.small:not(:-webkit-full-screen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:-webkit-full-screen) .volume_container,
div.legacy-video-player.small:not(:-webkit-full-screen) .volume_container {
    display: none
}

div.video-player.medium:not(:-o-full-screen) .time,
div.legacy-video-player.medium:not(:-o-full-screen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:-o-full-screen) .volume_container,
div.legacy-video-player.medium:not(:-o-full-screen) .volume_container {
    display: none
}

div.video-player.small:not(:-o-full-screen) .time,
div.legacy-video-player.small:not(:-o-full-screen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:-o-full-screen) .volume_container,
div.legacy-video-player.small:not(:-o-full-screen) .volume_container {
    display: none
}

div.video-player.medium:not(:-webkit-full-screen) .time,
div.legacy-video-player.medium:not(:-webkit-full-screen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:-moz-full-screen) .time,
div.legacy-video-player.medium:not(:-moz-full-screen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:-ms-fullscreen) .time,
div.legacy-video-player.medium:not(:-ms-fullscreen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:fullscreen) .time,
div.legacy-video-player.medium:not(:fullscreen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:-webkit-full-screen) .volume_container,
div.legacy-video-player.medium:not(:-webkit-full-screen) .volume_container {
    display: none
}

div.video-player.medium:not(:-moz-full-screen) .volume_container,
div.legacy-video-player.medium:not(:-moz-full-screen) .volume_container {
    display: none
}

div.video-player.medium:not(:-ms-fullscreen) .volume_container,
div.legacy-video-player.medium:not(:-ms-fullscreen) .volume_container {
    display: none
}

div.video-player.medium:not(:fullscreen) .volume_container,
div.legacy-video-player.medium:not(:fullscreen) .volume_container {
    display: none
}

div.video-player.small:not(:-webkit-full-screen) .time,
div.legacy-video-player.small:not(:-webkit-full-screen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:-moz-full-screen) .time,
div.legacy-video-player.small:not(:-moz-full-screen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:-ms-fullscreen) .time,
div.legacy-video-player.small:not(:-ms-fullscreen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:fullscreen) .time,
div.legacy-video-player.small:not(:fullscreen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:-webkit-full-screen) .volume_container,
div.legacy-video-player.small:not(:-webkit-full-screen) .volume_container {
    display: none
}

div.video-player.small:not(:-moz-full-screen) .volume_container,
div.legacy-video-player.small:not(:-moz-full-screen) .volume_container {
    display: none
}

div.video-player.small:not(:-ms-fullscreen) .volume_container,
div.legacy-video-player.small:not(:-ms-fullscreen) .volume_container {
    display: none
}

div.video-player.small:not(:fullscreen) .volume_container,
div.legacy-video-player.small:not(:fullscreen) .volume_container {
    display: none
}

div.video-player.medium:not(:-moz-full-screen) .time,
div.legacy-video-player.medium:not(:-moz-full-screen) .time {
    font-size: 0.8em
}

div.video-player.medium:not(:-moz-full-screen) .volume_container,
div.legacy-video-player.medium:not(:-moz-full-screen) .volume_container {
    display: none
}

div.video-player.small:not(:-moz-full-screen) .time,
div.legacy-video-player.small:not(:-moz-full-screen) .time {
    font-size: 0.8em
}

div.video-player.small:not(:-moz-full-screen) .volume_container,
div.legacy-video-player.small:not(:-moz-full-screen) .volume_container {
    display: none
}

div.video-player:-webkit-full-screen,
div.legacy-video-player:-webkit-full-screen {
    width: 100%;
    height: 100%
}

div.video-player:-webkit-full-screen .player_controls .ss-delete,
div.video-player:-webkit-full-screen video .player_controls .ss-delete,
div.legacy-video-player:-webkit-full-screen .player_controls .ss-delete,
div.legacy-video-player:-webkit-full-screen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:-webkit-full-screen .player_controls .ss-expand,
div.video-player:-webkit-full-screen video .player_controls .ss-expand,
div.legacy-video-player:-webkit-full-screen .player_controls .ss-expand,
div.legacy-video-player:-webkit-full-screen video .player_controls .ss-expand {
    display: none
}

div.video-player:-o-full-screen,
div.legacy-video-player:-o-full-screen {
    width: 100%;
    height: 100%
}

div.video-player:-o-full-screen .player_controls .ss-delete,
div.video-player:-o-full-screen video .player_controls .ss-delete,
div.legacy-video-player:-o-full-screen .player_controls .ss-delete,
div.legacy-video-player:-o-full-screen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:-o-full-screen .player_controls .ss-expand,
div.video-player:-o-full-screen video .player_controls .ss-expand,
div.legacy-video-player:-o-full-screen .player_controls .ss-expand,
div.legacy-video-player:-o-full-screen video .player_controls .ss-expand {
    display: none
}

div.video-player:-webkit-full-screen,
div.legacy-video-player:-webkit-full-screen {
    width: 100%;
    height: 100%
}

div.video-player:-moz-full-screen,
div.legacy-video-player:-moz-full-screen {
    width: 100%;
    height: 100%
}

div.video-player:-ms-fullscreen,
div.legacy-video-player:-ms-fullscreen {
    width: 100%;
    height: 100%
}

div.video-player:fullscreen,
div.legacy-video-player:fullscreen {
    width: 100%;
    height: 100%
}

div.video-player:-webkit-full-screen .player_controls .ss-delete,
div.video-player:-webkit-full-screen video .player_controls .ss-delete,
div.legacy-video-player:-webkit-full-screen .player_controls .ss-delete,
div.legacy-video-player:-webkit-full-screen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:-moz-full-screen .player_controls .ss-delete,
div.video-player:-moz-full-screen video .player_controls .ss-delete,
div.legacy-video-player:-moz-full-screen .player_controls .ss-delete,
div.legacy-video-player:-moz-full-screen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:-ms-fullscreen .player_controls .ss-delete,
div.video-player:-ms-fullscreen video .player_controls .ss-delete,
div.legacy-video-player:-ms-fullscreen .player_controls .ss-delete,
div.legacy-video-player:-ms-fullscreen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:fullscreen .player_controls .ss-delete,
div.video-player:fullscreen video .player_controls .ss-delete,
div.legacy-video-player:fullscreen .player_controls .ss-delete,
div.legacy-video-player:fullscreen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:-webkit-full-screen .player_controls .ss-expand,
div.video-player:-webkit-full-screen video .player_controls .ss-expand,
div.legacy-video-player:-webkit-full-screen .player_controls .ss-expand,
div.legacy-video-player:-webkit-full-screen video .player_controls .ss-expand {
    display: none
}

div.video-player:-moz-full-screen .player_controls .ss-expand,
div.video-player:-moz-full-screen video .player_controls .ss-expand,
div.legacy-video-player:-moz-full-screen .player_controls .ss-expand,
div.legacy-video-player:-moz-full-screen video .player_controls .ss-expand {
    display: none
}

div.video-player:-ms-fullscreen .player_controls .ss-expand,
div.video-player:-ms-fullscreen video .player_controls .ss-expand,
div.legacy-video-player:-ms-fullscreen .player_controls .ss-expand,
div.legacy-video-player:-ms-fullscreen video .player_controls .ss-expand {
    display: none
}

div.video-player:fullscreen .player_controls .ss-expand,
div.video-player:fullscreen video .player_controls .ss-expand,
div.legacy-video-player:fullscreen .player_controls .ss-expand,
div.legacy-video-player:fullscreen video .player_controls .ss-expand {
    display: none
}

div.video-player:-moz-full-screen,
div.legacy-video-player:-moz-full-screen {
    width: 100%;
    height: 100%
}

div.video-player:-moz-full-screen .player_controls .ss-delete,
div.video-player:-moz-full-screen video .player_controls .ss-delete,
div.legacy-video-player:-moz-full-screen .player_controls .ss-delete,
div.legacy-video-player:-moz-full-screen video .player_controls .ss-delete {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

div.video-player:-moz-full-screen .player_controls .ss-expand,
div.video-player:-moz-full-screen video .player_controls .ss-expand,
div.legacy-video-player:-moz-full-screen .player_controls .ss-expand,
div.legacy-video-player:-moz-full-screen video .player_controls .ss-expand {
    display: none
}

div.video-player .play_button_container,
div.legacy-video-player .play_button_container {
    height: 55px;
    width: 100%
}

div.video-player .play_button_big,
div.legacy-video-player .play_button_big {
    text-align: center;
    height: 54px;
    line-height: 45px;
    font-size: 16px;
    padding: 0 20px
}

div.video-player .play_button_big .ksr-icon__play,
div.legacy-video-player .play_button_big .ksr-icon__play {
    font-size: 14px;
    vertical-align: 2px;
    margin-right: 5px
}

div.video-player .play_button_dark,
div.legacy-video-player .play_button_dark {
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #020621;
    border-color: #fff;
    border-width: 4px;
    border-style: solid
}

div.video-player.fullscreen,
div.legacy-video-player.fullscreen {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px
}

.rewind-video {
    display: none
}

.video-player.has_played.muted.autoplay.rewind .rewind-video {
    display: block
}

.rewind-video__wrapper {
    height: 100%;
    width: 100%;
    display: table
}

.rewind-video__button {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 70px;
    width: 70px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    text-align: center;
    margin: 0px auto
}

.rewind-video:hover .rewind-video__button {
    background-color: rgba(0, 0, 0, 0.7);
    height: 140px;
    width: 140px
}

.rewind-video__button_inner {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding-top: 23px
}

.rewind-video:hover .rewind-video__button_inner {
    padding-top: 36px
}

.rewind-video__inner {
    display: table-cell;
    vertical-align: middle
}

.rewind-video__icon {
    background-image: url(/assets/projects/speaker-sprite-9949ddd50faaf3a5cba353271a052f43fbb82172fc915c700552f2000c6ac053.svg);
    background-repeat: no-repeat;
    height: 23px;
    width: 30px;
    margin: 0px auto;
    position: relative
}

.rewind-video__icon:after {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    background-image: url(/assets/projects/restart-arr-0ae3c981edb7e9bb143c3cc62b16e58ed7c76a5c35b1d4616281ef23af0866f7.svg);
    position: absolute;
    background-repeat: no-repeat;
    top: -18px;
    left: -15px;
    height: 60px;
    width: 60px;
    display: block;
    content: '';
    background-position: center;
    background-size: contain;
    opacity: 0
}

.rewind-video:hover .rewind-video__icon {
    -webkit-animation-name: speaker-animation;
    animation-name: speaker-animation;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.rewind-video:hover .rewind-video__icon:after {
    opacity: 1
}

.rewind-video__label {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    color: white;
    opacity: 0;
    padding-top: 25px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold
}

.rewind-video:hover .rewind-video__label {
    opacity: 1
}

.reset-video {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    width: 100%;
    padding: 15px;
    text-align: left;
    position: absolute;
    top: 0px;
    display: none
}

.video-player.has_played.muted.autoplay.reset .reset-video {
    display: block
}

.reset-video__icon {
    display: inline-block;
    vertical-align: middle
}

.audio-indicator {
    width: 18px
}

.audio-indicator-bar {
    fill: #FFFFFF
}

.reset-video__label {
    font-size: 13px;
    display: inline-block;
    font-weight: 600;
    vertical-align: middle;
    margin-left: 10px;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.reset-video:hover .reset-video__label {
    opacity: 1
}

@keyframes speaker-animation {
    0% {
        background-position: 0px -23px
    }
    49.999% {
        background-position: 0px -23px
    }
    50% {
        background-position: 0px -46px
    }
    99.999% {
        background-position: 0px -46px
    }
    100% {
        background-position: 0px -69px
    }
}

@-webkit-keyframes speaker-animation {
    0% {
        background-position: 0px -23px
    }
    49.999% {
        background-position: 0px -23px
    }
    50% {
        background-position: 0px -46px
    }
    99.999% {
        background-position: 0px -46px
    }
    100% {
        background-position: 0px -69px
    }
}

.volume_container {
    width: 50px
}

.has_played .has_played_hide {
    display: none
}

.video-player.show-controls-below {
    overflow: visible;
    margin-bottom: 40px
}

.video-player.show-controls-below .player_controls {
    margin: 0;
    width: 100%;
    opacity: 1;
    display: block;
    position: absolute;
    top: 100%
}

th.sortable .ksr-icon__arrow-up,
th.sortable .ksr-icon__arrow-down {
    display: none;
    margin: 0px 0px 0px 5px;
    vertical-align: -1px
}

th.sortable.asc.active .ksr-icon__arrow-down {
    display: inline
}

th.sortable.desc.active .ksr-icon__arrow-up {
    display: inline
}

th.sortable:hover {
    background: #F1EEEA;
    cursor: pointer
}

th.sortable:hover.asc .ksr-icon__arrow-up {
    display: inline
}

th.sortable:hover.asc .ksr-icon__arrow-down {
    display: none
}

th.sortable:hover.desc .ksr-icon__arrow-down {
    display: inline
}

th.sortable:hover.desc .ksr-icon__arrow-up {
    display: none
}

.table_loading {
    background-image: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif);
    background-repeat: no-repeat;
    background-position: center 100px
}

.table_loading tbody td {
    opacity: 0.2
}

.table_light {
    width: 100%;
    font-size: 14px;
    background-color: #fff
}

.table_light thead {
    background-color: #F7F5F2;
    border-radius: 6px
}

.table_light thead th {
    font-weight: bold;
    padding: 15px 10px;
    border-bottom: 1px solid #dad7d4
}

.table_light tr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F1EEEA
}

.table_light tr:hover {
    background: rgba(247, 245, 242, 0.5)
}

.table_light tr:last-child {
    border-bottom: 0
}

.table_light tr.selected td:first-child {
    border-color: #2BDE73
}

.table_light td {
    padding: 15px 10px
}

.table_light td:first-child {
    border-left: 3px solid transparent
}

.table_light_dark_bg {
    border-radius: 6px
}

.table_light_dark_bg thead {
    background-color: #F1EEEA
}

.table_light_dark_bg th:first-child {
    border-top-left-radius: 6px
}

.table_light_dark_bg th:last-child {
    border-top-right-radius: 6px
}

.table_light_dark_bg tr:last-child td:first-child {
    border-bottom-left-radius: 6px
}

.table_light_dark_bg tr:last-child td:last-child {
    border-bottom-right-radius: 6px
}

body.admin #main_content {
    background: none !important;
    padding: 0px !important
}

body.admin table.dark {
    width: 100%
}

body.admin table.dark thead {
    background: #020621;
    color: white
}

body.admin table.dark thead th {
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
    white-space: nowrap
}

body.admin table.dark td {
    font-size: 11px;
    padding: 10px;
    border-top: 1px solid white;
    border-bottom: 1px solid #F7F5F2;
    color: #020621;
    background-color: #F7F5F2
}

body.admin table.dark td.first {
    font-weight: bold;
    width: 200px
}

body.admin table.dark td.last {
    width: 300px
}

body.admin table.dark td span.small {
    font-size: 11px;
    color: #3D3D66
}

body.admin table.dark td strong {
    font-weight: bold;
    color: #020621
}

body.admin table.dark td .email {
    font-weight: normal;
    color: #020621
}

body.admin table.dark th {
    padding: 10px
}

body.admin table.dark li {
    margin-left: 16px
}

body.admin .left_thumbnail {
    float: left;
    margin-right: 10px
}

body.admin .half_column {
    width: 50%;
    float: left
}

body.admin .admin_section {
    position: relative
}

body.admin .admin_section .avatar {
    width: 80px
}

body.admin .batch_action_column {
    width: 16px
}

body.admin .batch_action_column input.checkbox[disabled="disabled"] {
    opacity: 0.5
}

body.admin .batch_action {
    line-height: 29px
}

body.admin .batch_action input.submit {
    float: left;
    margin-right: 70px
}

body.admin .spam_message {
    font-size: 12px
}

body.admin #tabs {
    border-bottom: 1px solid #F1EEEA
}

body.admin #tabs ul.menu-tabs {
    margin-bottom: -1px
}

body.admin #tabs ul.menu-tabs li {
    cursor: pointer
}

body.admin #tabs ul.menu-tabs li .tab_label a {
    display: inline;
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important
}

body.admin #tabs ul.menu-tabs li.current_tab .tab_label {
    border-color: #F1EEEA;
    border-bottom-color: #fff;
    background-color: #fff;
    color: #020621;
    font-weight: bold
}

body.admin #tabs ul.menu-tabs li.current_tab .tab_label a {
    display: inline;
    background: none;
    color: #020621;
    border: none
}

body.admin .panes {
    position: relative;
    width: 100%
}

body.admin .panes .pane {
    background-color: white;
    min-height: 150px;
    padding: 15px 0;
    display: none
}

body.admin .panes .pane.current_tab {
    display: block
}

body.admin .expandable {
    display: none
}

body.admin .collapse {
    display: none
}

body.admin .dialog_content {
    width: 650px
}

body.admin form.in_place_editor {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 73px;
    z-index: 1;
    background-color: white;
    border: 6px solid gainsboro;
    border-radius: 14px;
    padding: 10px
}

body.admin form.in_place_editor .icon-loading-small {
    display: none
}

body.admin form.in_place_editor .controls .save,
body.admin form.in_place_editor .controls .button {
    cursor: pointer;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
    border-radius: 3px;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    vertical-align: baseline
}

body.admin form.in_place_editor .controls .save {
    color: white
}

body.admin form.in_place_editor .controls .button {
    color: #020621;
    background: #F7F5F2;
    margin-top: 5px
}

body.admin form.in_place_editor input {
    display: inline-block
}

body.admin form.in_place_editor input.text {
    z-index: 1000;
    position: relative
}

body.admin form.in_place_editor.submitting .save {
    display: none
}

body.admin form.in_place_editor.submitting .icon-loading-small {
    display: inline-block
}

body.admin .email form.in_place_editor {
    top: 53px
}

body.admin form.in_place_editor.inactive {
    display: none
}

body.admin .action_bar a.alert {
    background-color: #020621
}

body.admin .hidden_project.admin_section {
    background-color: #fd003b;
    color: #FFF;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    margin-top: -15px
}

body.admin .para {
    font-size: 12px;
    font-style: italic;
    color: #3D3D66
}

body.admin .right {
    float: right !important
}

body.admin .left {
    float: left !important
}

body.admin .floated_label {
    float: left;
    margin-right: 8px
}

body.admin .floated_ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

body.admin .room_right {
    margin-right: 40px
}

body.admin .admin_tip {
    font-size: 12px;
    padding-top: 5px;
    color: #020621
}

body.admin .admin_tip.narrow {
    width: 250px
}

body.admin .admin_section {
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F1EEEA
}

body.admin .admin_section.last {
    border: none;
    margin: none
}

body.admin .background {
    background: #F8F9FD;
    padding: 10px;
    margin-top: -15px
}

body.admin table.admin_inspect_table {
    border-left: 1px solid #F1EEEA;
    border-top: 1px solid #F1EEEA
}

body.admin table.admin_inspect_table th {
    background: none;
    color: inherit;
    font-weight: bold
}

body.admin table.admin_inspect_table td,
body.admin table.admin_inspect_table th {
    padding: 0 0 0 3px;
    margin: 0;
    border-right: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

.trigger_editor {
    font-size: 14px
}

#admin-moderation .admin-notes li,
body.admin .admin-notes li {
    padding-top: 20px;
    border-top: 1px solid #F1EEEA;
    margin-top: 20px
}

#admin-moderation .admin-notes li.new,
body.admin .admin-notes li.new {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

#admin-moderation .admin-notes .avatar,
body.admin .admin-notes .avatar {
    width: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

#admin-moderation .admin-notes .avatar img,
body.admin .admin-notes .avatar img {
    border-radius: 20px
}

#admin-moderation .admin-notes .main,
body.admin .admin-notes .main {
    display: inline-block;
    vertical-align: top;
    width: 570px
}

#admin-moderation .admin-notes .main .top_line,
body.admin .admin-notes .main .top_line {
    width: 100%;
    height: 15px
}

#admin-moderation .admin-notes .main .top_line .admin_name,
body.admin .admin-notes .main .top_line .admin_name {
    color: #020621;
    font-weight: bold
}

#admin-moderation .admin-notes .main .top_line .date,
body.admin .admin-notes .main .top_line .date {
    color: #3D3D66;
    font-style: italic
}

#admin-moderation .admin-notes .main .note,
body.admin .admin-notes .main .note {
    margin-top: 8px
}

#admin-moderation .admin-notes .main .button,
body.admin .admin-notes .main .button {
    margin-top: 5px
}

#admin-moderation .admin-notes .origin,
body.admin .admin-notes .origin {
    color: #3D3D66
}

#admin-moderation .modal_dialog_body,
body.admin .modal_dialog_body {
    font-size: 16px;
    min-width: 200px
}

#admin-moderation .modal_dialog_body .permission-container,
body.admin .modal_dialog_body .permission-container {
    padding: 2px 10px
}

.NS-date_range_picker .date_picker {
    display: none;
    margin-bottom: 10px
}

.NS-date_range_picker .date_picker table td {
    padding: 0px
}

.NS-date_range_picker .date_picker_toggle {
    margin-bottom: 10px
}

.NS-date_range_picker .date_picker_content {
    display: none;
    margin-bottom: 10px;
    margin-top: -8px;
    text-align: center
}

.NS-date_range_picker .ss-navigateright {
    margin-top: 2px;
    margin-right: 3px;
    color: #2752ff;
    font-size: 0.5em;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS-date_range_picker .ss-navigateright.flipped {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.NS-date_range_picker .date_presets {
    color: #020621;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    -moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px
}

.NS-date_range_picker .date_presets label {
    display: block !important;
    cursor: pointer
}

.NS-date_range_picker input[type=radio] {
    display: none
}

.NS-date_range_picker input[type=radio]:checked + label {
    color: white;
    background-color: #2752ff;
    border-radius: 2px
}

.NS_layouts__admin_navigation {
    width: 100%
}

.NS_layouts__admin_navigation #admin-nav-wrap,
.NS_layouts__admin_navigation #admin_panel_wrap {
    width: inherit;
    border-bottom: 1px solid #F1EEEA
}

.NS_layouts__admin_navigation #admin-nav-wrap {
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0
}

.NS_layouts__admin_navigation #admin-nav ul {
    *zoom: 1;
    list-style: none
}

.NS_layouts__admin_navigation #admin-nav ul:after {
    content: "";
    display: table;
    clear: both
}

.NS_layouts__admin_navigation #admin-nav ul li {
    margin: 0
}

.NS_layouts__admin_navigation #admin-nav ul li .subsub {
    margin-left: 20px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #3D3D66
}

.NS_layouts__admin_navigation #admin-nav a {
    color: #3D3D66;
    font-size: 12px;
    display: block;
    cursor: pointer;
    white-space: nowrap
}

.NS_layouts__admin_navigation #admin-nav a:hover {
    color: #060F46
}

.NS_layouts__admin_navigation #admin-nav > ul > li {
    float: left;
    line-height: 30px;
    margin-right: 15px;
    position: relative
}

.NS_layouts__admin_navigation #admin-nav > ul > li.contextual {
    float: right
}

.NS_layouts__admin_navigation #admin-nav > ul > li.contextual .menu-submenu {
    right: 0
}

.NS_layouts__admin_navigation #admin-nav > ul > li.contextual.last {
    margin-right: 0
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator {
    padding-left: 5px;
    padding-right: 5px
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.menu-dropdown {
    padding-right: 3px
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.red {
    background: #ffecf0
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.red > a {
    color: #fd003b
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.yellow {
    background: #fcdda3;
    color: #020621
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.yellow > a {
    color: #9b6705
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.green {
    background: #F8F9FD;
    color: #a695f9
}

.NS_layouts__admin_navigation #admin-nav > ul > li.creator.green > a {
    color: #321B71
}

.NS_layouts__admin_navigation #admin-nav > ul > li.rating {
    width: 5em
}

.NS_layouts__admin_navigation #admin-nav > ul > li.rating a {
    display: inline
}

.NS_layouts__admin_navigation #admin-nav > ul > li.rating .ss-icon {
    color: #F1EEEA
}

.NS_layouts__admin_navigation #admin-nav > ul > li.rating .ss-icon.selected {
    color: #2BDE73
}

.NS_layouts__admin_navigation #admin-nav > ul > li.rating .ss-icon:hover {
    text-shadow: 0px 0px 1px #000
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown a {
    padding-right: 16px;
    background: url(/assets/header/dropdown-grey-803975235ce6372bc2747de6b465a536a2c66da052fcc8fe6abcf8a411979d44.gif) no-repeat center right
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu {
    border: 1px solid #F1EEEA;
    border-top-width: 0px;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    display: none;
    -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
    padding-bottom: 15px;
    line-height: 1.2em;
    padding-top: 10px
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu a {
    background: transparent;
    color: #2752ff;
    padding: 0 20px
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu h5 {
    font-size: 11px;
    font-weight: bold;
    padding: 0 10px;
    text-transform: uppercase
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu ul,
.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu h5 {
    margin-bottom: 0;
    color: #020621
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu ul.tasks,
.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu h5.tasks {
    margin-top: 10px
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu .name,
.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu .details {
    display: block;
    clear: both;
    line-height: 18px
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu .name {
    padding-top: 5px
}

.NS_layouts__admin_navigation #admin-nav li.menu-dropdown .menu-submenu .details {
    color: #3D3D66;
    padding-bottom: 5px
}

.NS_layouts__admin_navigation #admin-nav .disabled {
    color: #F1EEEA;
    cursor: default
}

.NS_layouts__admin_navigation #admin-menu {
    min-width: 890px;
    height: 30px;
    margin-bottom: 0
}

.NS_layouts__admin_navigation #admin_panel_wrap {
    display: none;
    background-color: #020621;
    color: #F7F5F2
}

.NS_layouts__admin_navigation #admin-nav-prop {
    height: 30px;
    width: 100%
}

.NS_layouts__admin_navigation #admin-moderation textarea {
    height: 80px !important
}

.NS_layouts__admin_navigation #admin-moderation .loading form {
    position: relative
}

.NS_layouts__admin_navigation #admin-moderation .loading form:after {
    content: url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif);
    top: 2px;
    right: 5px;
    position: absolute
}

.NS_layouts__admin_navigation #admin-moderation h5 {
    margin-bottom: 0px
}

.NS_layouts__admin_navigation h3.loading {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding-top: 20px
}

html {
    overflow-y: scroll;
    height: 100%
}

body {
    min-height: 100%
}

hr {
    border-color: #F1EEEA;
    margin-top: -1px
}

hr.space {
    border-color: white
}

.fixed-width {
    min-width: 960px
}

.fixed-width .col {
    float: left
}

.fixed-width .col-right {
    float: right
}

.fixed-width .col-1 {
    width: 8.33333%
}

.fixed-width .col-pre-1 {
    margin-left: 8.33333%
}

.fixed-width .col-post-1 {
    margin-right: 8.33333%
}

.fixed-width .col-2 {
    width: 16.66667%
}

.fixed-width .col-pre-2 {
    margin-left: 16.66667%
}

.fixed-width .col-post-2 {
    margin-right: 16.66667%
}

.fixed-width .col-3 {
    width: 25%
}

.fixed-width .col-pre-3 {
    margin-left: 25%
}

.fixed-width .col-post-3 {
    margin-right: 25%
}

.fixed-width .col-4 {
    width: 33.33333%
}

.fixed-width .col-pre-4 {
    margin-left: 33.33333%
}

.fixed-width .col-post-4 {
    margin-right: 33.33333%
}

.fixed-width .col-5 {
    width: 41.66667%
}

.fixed-width .col-pre-5 {
    margin-left: 41.66667%
}

.fixed-width .col-post-5 {
    margin-right: 41.66667%
}

.fixed-width .col-6 {
    width: 50%
}

.fixed-width .col-pre-6 {
    margin-left: 50%
}

.fixed-width .col-post-6 {
    margin-right: 50%
}

.fixed-width .col-7 {
    width: 58.33333%
}

.fixed-width .col-pre-7 {
    margin-left: 58.33333%
}

.fixed-width .col-post-7 {
    margin-right: 58.33333%
}

.fixed-width .col-8 {
    width: 66.66667%
}

.fixed-width .col-pre-8 {
    margin-left: 66.66667%
}

.fixed-width .col-post-8 {
    margin-right: 66.66667%
}

.fixed-width .col-9 {
    width: 75%
}

.fixed-width .col-pre-9 {
    margin-left: 75%
}

.fixed-width .col-post-9 {
    margin-right: 75%
}

.fixed-width .col-10 {
    width: 83.33333%
}

.fixed-width .col-pre-10 {
    margin-left: 83.33333%
}

.fixed-width .col-post-10 {
    margin-right: 83.33333%
}

.fixed-width .col-11 {
    width: 91.66667%
}

.fixed-width .col-pre-11 {
    margin-left: 91.66667%
}

.fixed-width .col-post-11 {
    margin-right: 91.66667%
}

.fixed-width .col-12 {
    width: 100%
}

.fixed-width .col-pre-12 {
    margin-left: 100%
}

.fixed-width .col-post-12 {
    margin-right: 100%
}

#main:not(.container-flex-shim) {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    *zoom: 1
}

.container .grid_1 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 40px
}

.container .grid_2 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 100px
}

.container .grid_3 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 160px
}

.container .grid_4 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

.container .grid_5 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 280px
}

.container .grid_6 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px
}

.container .grid_7 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px
}

.container .grid_8 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px
}

.container .grid_9 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 520px
}

.container .grid_10 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px
}

.container .grid_11 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 640px
}

.container .grid_12 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px
}

.container .grid_13 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 760px
}

.container .grid_14 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 820px
}

.container .grid_15 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 880px
}

.container .grid_16 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

.container .prefix_1 {
    padding-left: 60px
}

.container .prefix_2 {
    padding-left: 120px
}

.container .prefix_3 {
    padding-left: 180px
}

.container .prefix_4 {
    padding-left: 240px
}

.container .prefix_5 {
    padding-left: 300px
}

.container .prefix_6 {
    padding-left: 360px
}

.container .prefix_7 {
    padding-left: 420px
}

.container .prefix_8 {
    padding-left: 480px
}

.container .prefix_9 {
    padding-left: 540px
}

.container .prefix_10 {
    padding-left: 600px
}

.container .prefix_11 {
    padding-left: 660px
}

.container .prefix_12 {
    padding-left: 720px
}

.container .prefix_13 {
    padding-left: 780px
}

.container .prefix_14 {
    padding-left: 840px
}

.container .prefix_15 {
    padding-left: 900px
}

.container .suffix_1 {
    padding-right: 60px
}

.container .suffix_2 {
    padding-right: 120px
}

.container .suffix_3 {
    padding-right: 180px
}

.container .suffix_4 {
    padding-right: 240px
}

.container .suffix_5 {
    padding-right: 300px
}

.container .suffix_6 {
    padding-right: 360px
}

.container .suffix_7 {
    padding-right: 420px
}

.container .suffix_8 {
    padding-right: 480px
}

.container .suffix_9 {
    padding-right: 540px
}

.container .suffix_10 {
    padding-right: 600px
}

.container .suffix_11 {
    padding-right: 660px
}

.container .suffix_12 {
    padding-right: 720px
}

.container .suffix_13 {
    padding-right: 780px
}

.container .suffix_14 {
    padding-right: 840px
}

.container .suffix_15 {
    padding-right: 900px
}

.container .alpha {
    margin-left: 0
}

.container .omega {
    margin-right: 0
}

.container:after {
    content: "";
    display: table;
    clear: both
}

#running-board-wrap {
    background: #F7F5F2
}

#running-board-wrap.dark {
    background: #020621
}

#running-board-wrap.dark #running-board {
    margin-bottom: 40px;
    padding: 30px 0 10px
}

.hide,
.hidden {
    display: none
}

p.no-content {
    font-size: 19px;
    color: #3D3D66;
    text-align: center;
    padding: 20px;
    margin-bottom: 40px
}

a.tip {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted #020621
}

.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none
}

.ksr-tip {
    width: 175px;
    padding: 1em;
    border: 2px solid #F1EEEA;
    background-color: white;
    color: black
}

.pagination {
    margin: 30px 0px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold
}

.pagination .current,
.pagination a,
.pagination span {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 3px;
    color: #2752ff;
    padding: 0px 10px;
    font-style: normal;
    height: 35px;
    line-height: 35px
}

.pagination .current.current,
.pagination a.current,
.pagination span.current {
    color: white;
    background-color: #2752ff
}

.pagination .current.previous_page:hover,
.pagination .current.next_page:hover,
.pagination .current.first_page:hover,
.pagination .current.last_page:hover,
.pagination a.previous_page:hover,
.pagination a.next_page:hover,
.pagination a.first_page:hover,
.pagination a.last_page:hover,
.pagination span.previous_page:hover,
.pagination span.next_page:hover,
.pagination span.first_page:hover,
.pagination span.last_page:hover {
    background-color: #2752ff
}

.pagination a:hover,
.pagination a:active {
    color: white;
    background-color: #2752ff
}

.pagination .disabled {
    background: none !important;
    color: #80809E
}

.pagination .gap {
    padding: 0px 8px;
    background: none;
    color: #3D3D66
}

.onpage-flash {
    background-color: #fcdda3;
    border-bottom: 1px solid #F1EEEA;
    padding: 1em;
    font-size: 14px;
    color: black
}

#content-wrap.contextual {
    background: #F7F5F2
}

#running-board-wrap.contextual {
    background: white
}

.contextual-header {
    list-style: none;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 0
}

.contextual-header li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.contextual-header .step {
    display: inline;
    float: left;
    font-size: 18px;
    padding: 40px 0;
    color: #3D3D66;
    height: 25px
}

.contextual-header .step strong {
    font-weight: bold;
    background: #F7F5F2;
    color: #020621
}

.contextual-header .step.selected {
    color: #2752ff
}

.contextual-header .step#org-invite {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 22px
}

.contextual-header .step#org-invite.selected {
    color: #020621
}

h3.dotty .right {
    width: 200px;
    text-align: right
}

h3.dotty .right a {
    color: #020621
}

.percent_sign {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-top: 0px
}

.highlight {
    background: #fcdda3
}

.green {
    color: #2BDE73
}

.bg-green,
body .selected-indicator {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute,
body .selected-indicator {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

body .campus-hero {
    background-image: url(/assets/campus/hero-9316452372a99119786e62ef5bb13478da2997455e487148fab01d7c868f041f.jpg);
    background-position: right bottom;
    background-size: 90% auto
}

body .campus-action-button {
    min-width: 62px;
    text-align: center
}

body .campus-action-button__active {
    margin-bottom: 5px;
    min-height: 36px;
    width: 36px
}

body .campus-action-button__inactive {
    margin-bottom: 5px;
    min-height: 36px
}

body .campus-action-button__disabled {
    cursor: default;
    margin-bottom: 5px;
    min-height: 36px;
    width: 36px
}

body .selected-indicator {
    bottom: -1px;
    height: 5px
}

body .campus-back .svg-icon__arrow-left {
    fill: currentColor;
    vertical-align: -2px;
    margin-right: 5px
}

body .campus-live-search {
    margin-top: 8px
}

body .campus-live-search .campus-live-search__search-icon {
    position: absolute;
    top: 12px;
    left: 10px;
    height: 16px;
    width: 16px;
    fill: #F1EEEA
}

body .campus-live-search .campus-live-search__delete-icon {
    right: 100px !important;
    top: 14px !important;
    position: absolute;
    height: 11px;
    width: 11px;
    fill: #F1EEEA
}

body .campus-live-search .icon-loading-small {
    background: transparent url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat 0 0;
    height: 16px;
    margin: 8px 0 0 5px;
    width: 16px
}

body .campus-live-search input[type=text].campus-live-search__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 16px;
    padding-left: 32px;
    padding-right: 32px
}

body .campus-live-search .campus-live-search__submit {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body .campus-live-search .campus-live-search__input,
body .campus-live-search .campus-live-search__submit {
    height: 38px;
    margin: 0
}

body .campus-permissions-message .modal_dialog_body {
    max-width: 600px
}

body form.campus-form .wym-minimized-overlabel label {
    display: none
}

body form.campus-form .wym_box.wym_skin_ksr {
    background-color: transparent;
    border: none
}

body form.campus-form .wym_box.wym_skin_ksr .wym_area_top {
    background-color: transparent
}

body form.campus-form .wym_box.wym_skin_ksr .wym_area_main {
    border-radius: 6px;
    border: 1px solid #F1EEEA
}

body form.campus-form .wym_box.wym_skin_ksr .wym_area_main iframe {
    border-radius: 6px
}

body form.campus-form .wym_box.wym_skin_ksr .wym_tools ul li.wym_tools_html {
    margin-right: 0
}

body form.campus-form .wym_box.wym_skin_ksr .wym_tools ul li:first-child {
    margin-left: 0
}

body form.campus-form .wym_box.wym_skin_ksr.ui-resizable .wym_area_main {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body form.campus-form .wym_box.wym_skin_ksr.ui-resizable .wym_area_main iframe {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body form.campus-form.wym-minimized .wym_tools,
body form.campus-form.wym-minimized .js-answers_toggle_footer,
body form.campus-form.wym-minimized .js-comments_toggle_footer,
body form.campus-form.wym-minimized .wym_area_main {
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none
}

body form.campus-form.wym-minimized .wym_box.wym_skin_ksr .wym_area_main {
    max-height: 35px;
    border-radius: 6px;
    background-color: white
}

body form.campus-form.wym-minimized .wym_box.wym_skin_ksr .wym_area_main iframe {
    border-radius: 6px
}

body form.campus-form.wym-minimized .wym_tools,
body form.campus-form.wym-minimized .js-answers_toggle_footer,
body form.campus-form.wym-minimized .js-comments_toggle_footer {
    max-height: 0px
}

body form.campus-form.wym-minimized .ui-resizable .ui-resizable-handle {
    border: none;
    max-height: 0px
}

body form.campus-form.wym-minimized .wym-minimized-overlabel {
    cursor: text;
    position: relative
}

body form.campus-form.wym-minimized .wym-minimized-overlabel label {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 32px;
    text-indent: 10px;
    padding: 1px;
    color: #F1EEEA
}

body form.campus-form.wym-minimized .wym-minimized-overlabel label.hidden {
    display: none
}

@media (min-width: 640px) {
    body .campus-hero {
        background-size: 65% auto
    }
}

body.checkout #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 640px;
    width: 620px;
    padding-right: 20px
}

body.dashboard #content {
    background: #F7F5F2;
    padding: 0 0 50px;
    width: 100%
}

body.dashboard #content #page-header {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body.dashboard #content #page-header p {
    padding: 0 50px
}

body.dashboard .section {
    border-radius: 6px;
    background: #F7F5F2;
    margin: 0 0 30px 0;
    padding: 20px
}

body.dashboard h3 {
    font-weight: bold;
    font-size: 20px
}

body.dashboard p {
    font-size: 14px;
    line-height: 1.5em;
    color: #020621
}

body.empty {
    height: 100%
}

body.empty .logo {
    font-size: 24px
}

body.empty header a {
    height: 20px;
    line-height: 20px
}

body.events {
    background-color: #F7F5F2
}

body.events #content #event_rsvp {
    background-color: #fff;
    margin: 0px 120px;
    padding: 40px;
    color: #020621;
    border-radius: 12px
}

body.events #content #event_rsvp span.big_type {
    display: block;
    font-weight: normal;
    margin-bottom: 20px
}

body.events #content #event_rsvp p.big_type {
    margin-bottom: 40px
}

body.events #content #event_rsvp ol,
body.events #content #event_rsvp ul {
    list-style: none;
    padding: 0
}

body.events #content #event_rsvp ol li,
body.events #content #event_rsvp ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body.events #content label {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}

body.events #content input.text {
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

body.events #content input.text:focus {
    border: 1px solid #2752ff
}

body.events #content form li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 100%;
    margin: 10px 0px
}

body.events #content form li.half {
    width: 310px
}

body.events #content form li:first-child {
    margin-right: 16px
}

body.events #content #event_rsvp {
    background-color: #fff;
    margin: 0px 120px;
    padding: 40px;
    color: #020621;
    border-radius: 12px
}

body.events #content #event_rsvp span.big_type {
    display: block;
    font-weight: normal;
    margin-bottom: 20px
}

body.events #content #event_rsvp p.big_type {
    margin-bottom: 40px
}

body.events #content #event_rsvp ol,
body.events #content #event_rsvp ul {
    list-style: none;
    padding: 0
}

body.events #content #event_rsvp ol li,
body.events #content #event_rsvp ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body.events #content #event_details {
    margin: 40px 0;
    font-size: 16px;
    margin-bottom: 20px
}

body.events #content #event_details ul {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body.events #content #event_details ul li {
    margin: 0
}

body.events #content #event_details ul#event_date {
    width: 220px;
    margin-right: 16px
}

body.events #content #event_details ul#event_location li {
    width: 340px;
    padding: 15px 20px;
    color: #3D3D66;
    background-color: #F7F5F2;
    border-radius: 12px;
    line-height: 20px
}

body.events #content #event_details ul#event_location span.tiny_type {
    display: block;
    margin: 0
}

body.events #content #event_details ul#event_location span.ss-location {
    float: left;
    display: block;
    font-size: 30px;
    height: 30px;
    color: #F1EEEA;
    position: relative;
    top: 15px;
    margin-right: 15px
}

body.events #content #event_details ul#event_location li#location_link {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    padding: 0
}

body.events #content #event_details ul#event_location li#location_link a {
    display: block;
    padding: 15px 20px;
    color: #3D3D66;
    background-color: #F7F5F2;
    border-radius: 12px;
    line-height: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body.events #content #event_details ul#event_location li#location_link a:hover {
    color: #020621;
    background-color: #2BDE73
}

body.events #content #event_details ul#event_location li#location_link a:hover span.ss-location {
    color: #020621
}

body.events #content #rsvp-social {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    height: 20px;
    width: 200px
}

body.events #content #rsvp-social .twitter-share-button {
    position: absolute;
    top: 0;
    left: 0
}

body.events #content #rsvp-social .fb_iframe_widget {
    position: absolute;
    top: 0;
    left: 96px
}

body.events #content #rsvp_closed {
    margin-top: 40px
}

body.events #content #rsvp_closed p {
    font-weight: bold;
    text-align: center;
    padding: 40px
}

body#events_aiweiwei {
    background-color: #80809E
}

body#events_aiweiwei #main_content {
    background: url(/assets/events/rsvp-aiweiwei-7dabbabf15cfd06685f8df9f91dfeab2faca059f9caf86beb28096e3e6bbf777.jpg) no-repeat center center;
    background-size: cover
}

body#events_girlwalkallday {
    background-color: #80809E
}

body#events_girlwalkallday #main_content {
    background: url(/assets/events/rsvp-girlwalk-0fdf5ff2a3361fb1135c50aa708ff3e2fe1a23b6099ebb0ed06247799722ddb8.png) repeat center center
}

body#events_sundance2012 {
    background-color: #020621
}

body#events_sundance2012 #main_content {
    background: url(/assets/events/rsvp-sundance2012-1f8f8ed256b2156ca331bc7df4e5a2027594744ebc24c832febcb07113708506.png) repeat center center
}

body#events_sundance2013 {
    background-color: #020621
}

body#events_sundance2013 #main_content {
    background: url(/assets/events/rsvp-sundance2013-c06bd8f41f9f92b263f9504ef62259ff75d024ad02beb10459e8976b610b9910.gif) repeat center center
}

body#events_openhouse {
    background-color: #F7F5F2
}

body#events_openhouse #main_content {
    background: url(/assets/events/rsvp-openhouse-1c1b32f426087ddbaf05bef3a397dee9da553926611ebcd95eb753cca7274419.jpg) no-repeat center center;
    background-size: cover
}

body#events_lit_meetup {
    background-color: #80809E
}

body#events_lit_meetup #main_content {
    background: url(/assets/events/rsvp-lit-meetup-5c1ce5b536ab40e938bad717d70813bfd8dd61f477b4a4ebe59090565b211be2.png) repeat center center
}

body.minimal#users_new #content-wrap,
body.minimal#user_sessions_new #content-wrap {
    background-color: #F7F5F2;
    clear: both
}

body.profile #main {
    margin-top: 30px;
    margin-bottom: 40px
}

body.profile #running-board-wrap {
    border-bottom: 1px solid #F1EEEA
}

body.profile #running-board {
    position: relative
}

body.profile #project_nav {
    list-style: none;
    margin-bottom: 24px
}

body.profile #project_nav li {
    display: inline;
    margin: 0 20px 0px 0px
}

body.profile #project_nav li a {
    color: #020621;
    font-size: 16px
}

body.profile #project_nav li a .text {
    border-bottom: 1px solid #F1EEEA
}

body.profile #project_nav li a .count {
    font-size: 12px
}

body.profile #project_nav li a:hover {
    color: #020621
}

body.profile #project_nav li a:hover .text {
    border-bottom: 1px solid #3D3D66
}

body.profile #project_nav li.selected a {
    color: #020621;
    font-size: 22px
}

body.profile #project_nav li.selected a:hover {
    color: #020621
}

body.profile #project_nav li.selected a .text {
    border: none
}

body.profile #project_nav li.selected a .parentheses {
    display: none
}

body.profile #project_nav li.selected a .count {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 3px;
    background: #3D3D66;
    color: #fff;
    padding: 0px 5px;
    vertical-align: 4px
}

body.profile #project_nav li.selected .NS_users_category_heading {
    display: inline
}

body.profile #project_nav li.selected .backed-category {
    color: #020621;
    font-size: 22px
}

body.profile #project_nav li.selected .backed-category #proj_count {
    font-size: 12px
}

body.profile #profile_projects_list #list_title #cat_name {
    font-weight: normal
}

body.profile #profile_projects_list #list_title #proj_count {
    background-color: #F1EEEA;
    border-radius: 2px;
    color: #FFF;
    font-weight: normal;
    font-size: 14px;
    padding: 2px 6px;
    vertical-align: top
}

body.profile #profile_projects_list ul.mobius {
    display: inline;
    float: left;
    margin-top: 20px;
    width: 100%
}

body.profile #profile_projects_list .page {
    margin-left: 0px
}

body.profile p.no-content {
    line-height: 26px
}

body.profile #hover_label {
    position: absolute;
    background-color: #020621;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    visibility: hidden;
    pointer-events: none
}

body.profile #hover_label #count {
    font-size: 10px;
    font-weight: normal
}

body.profile .canceled-projects {
    font-size: 16px;
    text-align: center;
    margin-bottom: 80px
}

body.profile .project-card-list {
    margin-bottom: 50px
}

body.profile #profile-bio-full ul {
    list-style: none;
    line-height: 26px;
    margin-top: 30px
}

body.profile #profile-bio-full ul.menu-submenu {
    margin-top: 0px
}

body.profile #profile-bio-full ul li {
    margin-left: 0px;
    font-size: 16px
}

body.profile .invisible_profile_notice {
    background-color: #fd003b;
    padding: 1em
}

#watching-widget {
    position: relative
}

#watching-widget .field {
    display: block;
    display: inline;
    float: left;
    margin-right: 3px
}

#watching-widget .field .overlabel {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    padding: 6px
}

#watching-widget .field input#email {
    width: 130px;
    height: 12px;
    font-size: 11px
}

#watching-widget .field input#password {
    height: 12px;
    font-size: 11px
}

#watch_unlaunched_project a {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    color: #020621;
    background: #F7F5F2;
    border-radius: 3px;
    padding: 6px 10px
}

#watch_unlaunched_project a:hover {
    color: #fff;
    background: #2BDE73
}

#watch_unlaunched_project a .ss-icon {
    vertical-align: -1px
}

#watch_unlaunched_project a.on {
    color: #fff;
    background: #2BDE73
}

#watch_unlaunched_project a.on:hover {
    background: #2BDE73
}

.collaborator-submission .collaborator-submission__checkbox-label {
    font-size: 14px;
    margin: 0 0 24px
}

.collaborator-submission__fieldset {
    border: 1px solid #F1EEEA;
    padding: 30px;
    border-radius: 6px
}

.collaborator-submission__hr {
    margin: 18px 0
}

.collaborator-submission__group {
    margin: 0 0 48px 33px
}

.collaborator-submission__group:last-child,
.collaborator-submission__group:last-of-type {
    margin-bottom: 0
}

.collaborator-submission__label {
    color: #3D3D66;
    font-size: 14px;
    margin-bottom: 18px
}

.collaborator-submission__checkbox {
    float: left;
    margin-right: 15px
}

.collaborator-submission__label--error {
    color: #fd003b
}

.collaborator-admin-display__wide-view {
    border: 1px solid #F1EEEA;
    border-radius: 6px;
    margin-top: 12px;
    padding: 30px 0
}

.collaborator-admin-display__wide-view .collaborator-admin-display__user {
    font-weight: 400;
    margin-bottom: 3px
}

.collaborator-admin-display__email {
    margin-bottom: 6px
}

.collaborator-admin-display__wide-view--dark {
    background: #F7F5F2
}

.collaborator-admin-display__avatar {
    width: 30px
}

.collaborator-admin-display__action {
    cursor: pointer;
    float: left;
    padding: 0;
    margin: 10px 10px 0 0
}

.collaborator-admin-display__clock {
    fill: #fffb78;
    height: 30px;
    width: 30px;
    float: left
}

.collaborator-admin-display__write {
    fill: #3D3D66;
    height: 17px;
    width: 15px;
    float: left
}

.collaborator-admin-display__write:hover {
    fill: #020621
}

.collaborator-admin-display__trash {
    fill: #3D3D66;
    height: 16px;
    width: 13px;
    float: left
}

.collaborator-admin-display__trash:hover {
    fill: #020621
}

.collaborator-submission__toggle-advanced {
    margin-left: 33px
}

li.thread,
li.thread-admin {
    margin: 0px;
    border-bottom: 1px solid #dad7d4
}

li.thread a,
li.thread-admin a {
    overflow: hidden;
    *zoom: 1;
    display: block;
    padding: 15px
}

li.thread .avatar,
li.thread-admin .avatar {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 10px
}

li.thread .avatar img,
li.thread-admin .avatar img {
    width: 60px;
    height: 60px
}

li.thread .avatar .unread_indicator,
li.thread-admin .avatar .unread_indicator {
    display: none;
    border-radius: 6px;
    border: 2px solid #fff;
    background: #2BDE73;
    height: 10px;
    width: 10px;
    text-indent: -9999px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1
}

li.thread .msg,
li.thread-admin .msg {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 238px
}

li.thread .msg .name,
li.thread-admin .msg .name {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    *zoom: 1;
    color: #020621;
    margin-top: -5px;
    font-weight: bold
}

li.thread .msg .name .date,
li.thread-admin .msg .name .date {
    color: #3D3D66;
    font-size: 10px;
    margin-top: 5px;
    font-weight: normal
}

li.thread .msg .name .person,
li.thread-admin .msg .name .person {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 170px
}

li.thread .msg .subject_line,
li.thread-admin .msg .subject_line {
    overflow: hidden;
    *zoom: 1;
    margin: 0px
}

li.thread .msg .subject_line .subject,
li.thread-admin .msg .subject_line .subject {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #020621;
    width: 205px
}

li.thread .msg .subject_line .count,
li.thread-admin .msg .subject_line .count {
    border-radius: 3px;
    background: #3D3D66;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0px 5px
}

li.thread .msg .excerpt,
li.thread-admin .msg .excerpt {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #3D3D66;
    margin-bottom: 0px
}

li.thread:hover,
li.thread-admin:hover {
    background-color: #F7F7F9
}

li.thread.unread,
li.thread-admin.unread {
    background-color: #EFEFF3
}

li.thread.unread .unread_indicator,
li.thread-admin.unread .unread_indicator {
    display: block
}

li.thread.selected a,
li.thread-admin.selected a {
    background-color: #3D3D66
}

li.thread.selected a .name,
li.thread.selected a .subject_line .subject,
li.thread-admin.selected a .name,
li.thread-admin.selected a .subject_line .subject {
    color: #fff
}

li.thread.selected a .name .date,
li.thread.selected a .excerpt,
li.thread-admin.selected a .name .date,
li.thread-admin.selected a .excerpt {
    color: #F7F5F2
}

li.thread.selected a .subject_line .count,
li.thread-admin.selected a .subject_line .count {
    background: #fff;
    color: #3D3D66
}

.NS_message_threads__show {
    overflow: hidden
}

.NS_message_threads__show .mark_as_read {
    display: none
}

.NS_message_threads__show.unread .mark_as_read {
    display: inline
}

.NS_message_threads__show.unread .mark_as_unread {
    display: none
}

.NS_message_threads__show .backing {
    font-size: 14px;
    margin-bottom: 10px;
    border-top-right-radius: 6px;
    background-color: #F7F5F2;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    color: #fff;
    overflow: hidden;
    margin-bottom: 0px
}

.NS_message_threads__show .backing .pledge_details {
    list-style: none;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    padding: 0px 30px;
    margin: 0
}

.NS_message_threads__show .backing .pledge_details li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.NS_message_threads__show .backing .pledge_details li {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: fadeInDown;
    transition-timing-function: fadeInDown;
    height: 0px
}

.NS_message_threads__show .backing .pledge_details li h3 {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 3px
}

.NS_message_threads__show .backing .pledge_details li p {
    margin-bottom: 15px
}

.NS_message_threads__show .backing .pledge_details li a {
    color: #fff
}

.NS_message_threads__show .backing .pledge_details li .backer_info {
    text-decoration: underline
}

.NS_message_threads__show .backing .pledge_details.visible {
    padding: 20px 30px
}

.NS_message_threads__show .backing .pledge_details.visible li {
    opacity: 1;
    height: auto
}

.NS_message_threads__show .backing .thread_controls {
    overflow: hidden;
    *zoom: 1;
    -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px;
    -ms-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px;
    -o-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px;
    box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px 20px
}

.NS_message_threads__show .backing .thread_controls a {
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
    padding: 4px 10px;
    margin-bottom: 0
}

.NS_message_threads__show .backing .thread_controls a .ss-icon {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 0.9em;
    margin-right: 3px
}

.NS_message_threads__show .backing .thread_controls a .ksr-icon__arrow-down {
    font-size: 10px
}

.NS_message_threads__show .backing .thread_controls a:hover {
    color: #2BDE73
}

.NS_message_threads__show .backing .thread_controls a.selected {
    color: #fff
}

.NS_message_threads__show .backing .thread_controls a.selected .ksr-icon__arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 5px
}

.NS_message_threads__show .backing .thread_controls a:last-child {
    margin-right: 0px
}

.NS_message_threads__show .backing .thread_controls a.left {
    float: left;
    margin-right: 10px
}

.NS_message_threads__show .backing .thread_controls a.right {
    float: right
}

.NS_message_threads__show ul.messages {
    list-style: none;
    margin-bottom: 0
}

.NS_message_threads__show ul.messages li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.NS_message_threads__show ul.messages .message {
    border-top: 1px solid #F1EEEA;
    padding-bottom: 30px;
    margin-bottom: 20px
}

.NS_message_threads__show ul.messages .message:last-child {
    margin-bottom: 0
}

.NS_message_threads__show .respond_shortcut {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0px;
    height: 45px;
    line-height: 45px;
    padding: 0px 30px;
    background: #2BDE73;
    position: fixed;
    bottom: 0;
    width: 519px
}

.NS_message_threads__show .respond_shortcut a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff
}

.NS_message_threads__show .respond_shortcut a:hover {
    color: #020621
}

.NS_message_threads__show .respond_shortcut .ss-icon {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-right: 5px;
    vertical-align: -2px
}

.NS_message_threads__show .respond_shortcut .mark_as_unread,
.NS_message_threads__show .respond_shortcut .mark_as_read {
    font-size: 14px;
    margin-bottom: 10px;
    margin: 0
}

.NS_message_threads__show .respond_shortcut.hidden {
    display: block;
    background: #F1EEEA
}

.NS_message_threads__show .respond_shortcut.hidden .respond_link {
    opacity: 0
}

.NS_message_threads__show .respond_shortcut.hidden .mark_as_unread,
.NS_message_threads__show .respond_shortcut.hidden .mark_as_read {
    color: #3D3D66
}

.NS_message_threads__show .respond_shortcut.hidden .mark_as_unread:hover,
.NS_message_threads__show .respond_shortcut.hidden .mark_as_read:hover {
    color: #020621
}

.NS_message_threads__show .messages-new-box {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 20px 0 0 0;
    background: none
}

.NS_message_threads__show .disabled_communication {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 20px 30px;
    background: #F7F5F2;
    color: #3D3D66
}

.NS_message_threads__show form.reply {
    padding: 0px 0px 30px;
    margin: 0 -30px -50px
}

.NS_message_threads__show form.reply fieldset {
    margin-bottom: 0
}

.NS_message_threads__show form.reply textarea {
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.NS_message_threads__show form.reply .field-tools {
    display: none;
    margin-top: 10px
}

.NS_message_threads__show form.reply .field-tools span {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 12px;
    margin-bottom: 10px;
    color: #3D3D66;
    margin: 0 0 0 20px;
    width: 300px
}

.NS_message_threads__show form.reply .field-tools span a {
    color: #3D3D66;
    text-decoration: underline
}

.NS_message_threads__show form.reply .field-tools span a:hover {
    color: #020621
}

.NS_message_threads__show form.reply.replying textarea {
    resize: vertical;
    height: 140px
}

.NS_message_threads__show form.reply.replying .field-tools,
.NS_message_threads__show form.reply.replying .reply_to {
    display: block
}

.NS_message_threads__show .reply_to {
    display: none;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px
}

.modal_dialog .NS_message_threads__show .messages_container {
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important
}

body#message_threads_index #content {
    padding: 40px 0px 0px
}

body#message_threads_index #message_threads .filters {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-bottom: 10px
}

body#message_threads_index #message_threads .filters h2 {
    display: inline;
    float: left;
    margin-right: 20px;
    line-height: 32px
}

body#message_threads_index #message_threads ul.threads {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
    list-style: none;
    margin-right: 0;
    font-size: 14px;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border: 1px solid #dad7d4;
    border-bottom: none;
    overflow: auto;
    margin-bottom: 0px;
    width: 358px
}

body#message_threads_index #message_threads ul.threads li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#message_threads_index #message_threads .no_entries {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px;
    float: none;
    margin-top: 30px;
    margin-bottom: -30px
}

body#message_threads_index #message_threads #preview_container {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    margin-left: 0;
    width: 579px;
    display: none;
    float: right
}

body#message_threads_index #message_threads #preview {
    border-top-right-radius: 6px;
    border: 1px solid #F1EEEA;
    border-bottom: none;
    margin: 0px -1px 0px;
    word-break: break-word;
    width: 579px
}

body#message_threads_index #message_threads.full_width ul.threads {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    border-top-right-radius: 6px
}

body#message_threads_index #message_threads.full_width ul.threads .msg {
    width: 820px
}

body#message_threads_index #message_threads.full_width ul.threads .msg .person,
body#message_threads_index #message_threads.full_width ul.threads .msg .subject {
    width: 740px
}

body#message_threads_index .messages_container {
    padding: 0px 30px;
    height: auto;
    overflow: auto
}

body.message_threads hr {
    border-color: #F1EEEA;
    margin-bottom: 20px
}

body.message_threads #running-board-wrap {
    background: #fff
}

body.message_threads #content #no-messages {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding: 15px 0;
    border-top: 3px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

body.message_threads #content .pagination {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    clear: both
}

body.message_threads #content .pagination .next_page {
    background-position: 58px center
}

.messages-new-box {
    padding: 20px;
    background: #F7F5F2
}

.messages-new-box fieldset {
    margin: 0
}

.messages-new-box label {
    font-weight: bold;
    margin-bottom: 5px
}

.messages-new-box textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    resize: none
}

.messages-new-box .field-tools {
    overflow: hidden;
    *zoom: 1;
    margin-top: 5px
}

.messages-new-box .btn--green {
    display: inline;
    float: left;
    margin-right: 20px
}

.messages-new-box .info {
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #020621;
    width: 300px;
    margin-top: 5px
}

.messages-new-box strong {
    font-weight: bold
}

#mark_as_spam_dialog .appeal_flag,
#mark_as_spam_dialog .report-spam {
    display: none
}

#mark_as_spam_dialog .NS_messages__show {
    width: 400px;
    float: left;
    clear: none;
    margin-right: 0
}

#mark_as_spam_dialog .meta {
    color: #3D3D66;
    font-size: 11px
}

#mark_as_spam_dialog #confirm_buttons {
    float: left;
    clear: left
}

#mark_as_spam_dialog #confirm_buttons .cancel {
    padding: 8px 0 0 10px
}

#message_threads_show {
    overflow-y: scroll
}

#messages_new #content {
    padding-top: 20px;
    background: #F7F5F2
}

#messages_new #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    padding-bottom: 40px
}

#messages_new #main .messages-new-box {
    padding: 0px;
    background: none
}

#messages_new #sidebar {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px
}

#messages_new .tout {
    background: #fcdda3;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
    border-radius: 6px
}

#messages_new .tout h5 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px
}

#messages_new #project-update-tout {
    background: #F8F9FD
}

.modal_send_message .messages-new-box {
    padding: 0;
    background: none
}

.modal_send_message p.status_msg {
    font-size: 14px;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 23em;
    text-align: center
}

.modal_send_message p.status_msg .success {
    color: #2BDE73
}

.modal_send_message p.status_msg .error {
    color: #fd003b
}

.modal_send_message p.status_msg .small_link a {
    color: #3D3D66;
    font-size: 12px;
    margin-bottom: 10px
}

body#message_threads_show #content {
    margin: 40px auto 20px;
    margin-left: auto;
    margin-right: auto;
    width: 579px
}

body#message_threads_show .message-thread {
    margin-top: 1em
}

body#message_threads_show .backing {
    border-top-left-radius: 6px
}

body#message_threads_show .message {
    border: 1px solid #F1EEEA;
    padding: 0 30px
}

body#message_threads_show .NS_projects__creator_nav {
    display: none
}

.NS_messages__list {
    font-size: 14px
}

.NS_messages__list .message {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin-left: 0;
    padding: 20px 0px 0px;
    border-top: 1px solid #F1EEEA
}

.NS_messages__messaging_disabled {
    font-size: 14px;
    margin: 0 20px 40px;
    text-align: center;
    width: 400px
}

.NS_messages__show {
    font-size: 14px
}

.NS_messages__show em {
    font-style: italic
}

.NS_messages__show .message-header {
    overflow: hidden
}

.NS_messages__show .avatar {
    display: inline;
    float: left;
    width: 40px;
    margin: 0 10px 15px 0
}

.NS_messages__show .appeal_flag {
    background: #fcdda3;
    float: right;
    font-size: 11px;
    padding: 0 5px;
    text-transform: uppercase
}

.NS_messages__show .vitals .person {
    font-weight: bold;
    margin-right: 5px
}

.NS_messages__show .vitals .person a {
    color: #020621
}

.NS_messages__show .vitals .person a:hover {
    color: #020621
}

.NS_messages__show .vitals .date {
    color: #3D3D66
}

.NS_messages__show .report-spam {
    display: inline;
    float: right;
    font-size: 12px
}

.NS_messages__show .report-spam a {
    color: #3D3D66
}

.NS_messages__show .header {
    overflow: hidden;
    *zoom: 1;
    padding: 20px 0px
}

.NS_messages__show .header .avatar-image {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.NS_messages__show .header .avatar-image img {
    width: 40px;
    height: 40px
}

.NS_messages__show .header .name {
    display: inline;
    float: left
}

.NS_messages__show .header .name a {
    color: #020621
}

.NS_messages__show .header .name .person {
    font-weight: 500;
    margin-bottom: 5px
}

.NS_messages__show .header .name .date {
    color: #3D3D66;
    margin-bottom: 0px;
    font-size: 12px
}

.NS_messages__show .body {
    font-size: 14px;
    margin-bottom: 10px
}

.NS_messages__show .body .green_divider {
    margin-bottom: 20px
}

.modal_dialog.dark .NS_messages__show {
    margin-bottom: 40px
}

.modal_dialog.dark .NS_messages__show .green_divider {
    display: none
}

.NS_mobile__universal_app_hero {
    background-image: url(/assets/mobile/scene-background-1638cfd6375ae8f9c404c43449066fa837aafa466a7ebe9c34e815fa6adbae0a.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 110%;
    padding: 60px 0px 140px;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 640px) {
    .NS_mobile__universal_app_hero {
        padding-bottom: 100px
    }
}

.NS_mobile__universal_app_hero.loading {
    opacity: 0
}

.NS_mobile__universal_app_hero .form-message h2 {
    font-size: 22px;
    font-weight: normal
}

@media screen and (min-width: 640px) {
    body#site_index .both-devices {
        width: 58.33333%
    }
}

@media screen and (min-width: 640px) {
    body#mobile_index .both-devices {
        width: 83.33333%
    }
}

body#mobile_index .subtitle {
    display: none
}

body#mobile_index .subtitle-alt {
    display: block
}

.get-the-app-container {
    height: 60px
}

@media screen and (max-width: 640px) {
    .get-the-app-container input.text.mobile-col-pre-1 {
        margin-left: 8.33333%
    }
}

.get-the-app-container .dark-input {
    background-color: transparent;
    border-radius: 0px !important;
    border: none;
    border-bottom: 2px solid #F1EEEA;
    padding-left: 0px
}

@media screen and (min-width: 640px) {
    .get-the-app-container .dark-input {
        font-size: 22px;
        line-height: 40px;
        height: 60px
    }
}

.get-the-app-container .dark-input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.newsletter-signup .overlabels label.overlabel-apply {
    padding: 7px 13px
}

.newsletter-signup input[type="text"] {
    font-size: 16px;
    line-height: 23px;
    padding: 7px 13px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px
}

.newsletter-signup input[type="submit"] {
    margin: 0
}

.newsletter-signup b {
    display: block
}

.newsletter-signup b span {
    color: #2BDE73;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#newsletters_index .hero_signup,
body#newsletters_show .hero_signup {
    background-size: cover;
    background-repeat: no-repeat
}

body#newsletters_index .hero_signup #category-signup-form,
body#newsletters_show .hero_signup #category-signup-form {
    color: #3D3D66;
    max-width: 440px;
    margin: auto
}

body#newsletters_index .hero_signup .subscribe-field,
body#newsletters_show .hero_signup .subscribe-field {
    height: 50px;
    margin-bottom: 15px
}

body#newsletters_index .hero_signup .newsletter-signup__confirmation,
body#newsletters_show .hero_signup .newsletter-signup__confirmation {
    text-align: center
}

body#newsletters_index .hero_signup .newsletter-signup__confirmation .ksr-icon__check,
body#newsletters_show .hero_signup .newsletter-signup__confirmation .ksr-icon__check {
    font-size: 23px
}

body#newsletters_index #main,
body#newsletters_show #main {
    margin: 40px 0px
}

body#newsletters_index #main p,
body#newsletters_show #main p {
    margin-bottom: 40px
}

body#newsletters_index #main .newsletter-signup,
body#newsletters_show #main .newsletter-signup {
    margin-top: 10px;
    position: relative
}

body#newsletters_index .weekly ul.mobius,
body#newsletters_show .weekly ul.mobius {
    overflow: hidden;
    *zoom: 1;
    margin: 0px;
    padding-right: 0px
}

body#newsletters_index .weekly ul.mobius li.newsletter-item,
body#newsletters_show .weekly ul.mobius li.newsletter-item {
    list-style: none;
    float: left;
    margin: 0px 20px 20px 0px;
    position: relative;
    height: 220px;
    width: 220px;
    overflow: hidden
}

body#newsletters_index .weekly ul.mobius li.newsletter-item li,
body#newsletters_show .weekly ul.mobius li.newsletter-item li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#newsletters_index .weekly ul.mobius li.newsletter-item a,
body#newsletters_show .weekly ul.mobius li.newsletter-item a {
    color: #020621
}

body#newsletters_index .weekly ul.mobius li.newsletter-item a h3,
body#newsletters_show .weekly ul.mobius li.newsletter-item a h3 {
    display: table-cell;
    vertical-align: middle;
    height: 220px;
    width: 180px;
    padding: 0px 20px;
    background: rgba(247, 245, 242, 0.9);
    z-index: 1;
    position: relative;
    margin-bottom: 0
}

body#newsletters_index .weekly ul.mobius li.newsletter-item a time,
body#newsletters_show .weekly ul.mobius li.newsletter-item a time {
    padding-top: 10px
}

body#newsletters_index .weekly ul.mobius li.newsletter-item .project-images,
body#newsletters_show .weekly ul.mobius li.newsletter-item .project-images {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 220px;
    width: 220px
}

body#newsletters_index .weekly ul.mobius li.newsletter-item .project-images img,
body#newsletters_show .weekly ul.mobius li.newsletter-item .project-images img {
    margin-left: -37px
}

body#newsletters_index .weekly ul.mobius li.newsletter-item:hover,
body#newsletters_show .weekly ul.mobius li.newsletter-item:hover {
    cursor: pointer
}

body#newsletters_index .weekly ul.mobius li.newsletter-item:hover a,
body#newsletters_index .weekly ul.mobius li.newsletter-item:hover time,
body#newsletters_show .weekly ul.mobius li.newsletter-item:hover a,
body#newsletters_show .weekly ul.mobius li.newsletter-item:hover time {
    color: #fff
}

body#newsletters_index .weekly ul.mobius li.newsletter-item:hover h3,
body#newsletters_show .weekly ul.mobius li.newsletter-item:hover h3 {
    background: none
}

body#newsletters_index .happening .newsletter-item,
body#newsletters_show .happening .newsletter-item {
    margin-left: 0
}

body#newsletters_index .happening .newsletter-item a,
body#newsletters_show .happening .newsletter-item a {
    display: block
}

.newsletter_subscribe_message p {
    font-size: 16px
}

body#newsletters_unsubscribed #content,
body#newsletters_subscribed #content,
body#newsletters_confirmation #content {
    min-height: 400px;
    margin-top: 40px;
    margin-bottom: 60px
}

body#newsletters_unsubscribed #content h1,
body#newsletters_subscribed #content h1,
body#newsletters_confirmation #content h1 {
    margin-bottom: 40px
}

#action_note_form textarea {
    width: 400px;
    height: 4em;
    padding: 5px
}

#action_note_form select {
    margin: 0px 5px
}

body.notifications .notifications_message h1 {
    font-weight: bold
}

body.notifications .notifications_message p {
    color: #020621
}

body#notifications_subscribe h1 {
    color: #2BDE73
}

#organization-join-interstitial {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    padding-left: 240px;
    padding-right: 240px;
    padding-top: 20px;
    padding-bottom: 40px
}

#organization-join-interstitial #organization-join {
    background: #FFF;
    border: 3px solid #F7F5F2;
    padding: 17px 30px
}

#organization-join-interstitial #organization-join p {
    text-align: center;
    color: #020621;
    font-size: 15px;
    margin-bottom: 0
}

#organization-join-interstitial #organization-join p.with-button {
    margin-bottom: 20px
}

#organization-join-interstitial #organization-join .btn--green {
    margin: 0 auto
}

body.organizations ul.menu-tabs {
    margin-bottom: -1px;
    margin-left: 10px
}

body.organizations .org-curated-page {
    padding-top: 6px
}

body.organizations #invite-copy {
    margin-top: 3px
}

body.organizations #share_a_link {
    width: 500px
}

.NS-phone_numbers__edit .ksr-select .ksr-icon__arrow-down {
    top: 3px
}

#users_edit_account .NS-phone_numbers__edit {
    clear: both
}

.NS-phone_numbers__edit .didnt-get:hover {
    cursor: default;
    color: #3D3D66
}

body#projects_edit .NS-phone_numbers__edit .js-back {
    display: none
}

.NS-phone_numbers__verify .phone_verify_wrapper {
    margin-left: 118px;
    border-left: 1px solid #F1EEEA;
    margin-top: -4px;
    margin-bottom: -4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px
}

.NS-phone_numbers__verify label {
    font-weight: normal;
    width: 91px
}

.NS-phone_numbers__verify label.phone_label {
    float: left
}

.NS-phone_numbers__verify .ksr-select-light {
    background-color: white;
    font-size: 16px;
    line-height: 28px
}

.NS-phone_numbers__verify fieldset {
    border: 0
}

.NS-phone_numbers__verify label {
    width: auto !important
}

.NS_pledges__checkout_accountability {
    padding: 10px;
    background: #F7F5F2;
    border: 1px solid #F1EEEA
}

.NS_pledges__checkout_accountability h6 {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 1px;
    text-transform: uppercase
}

.NS_pledges__checkout_accountability p {
    font-size: 12px;
    line-height: 18px;
    padding-top: 8px;
    margin-bottom: 5px
}

.NS_pledges__checkout_accountability .highlight {
    background: #fcdda3
}

.NS_pledges__checkout_accountability a {
    color: #2752ff;
    border-bottom: 1px solid #2752ff
}

.NS_pledges__checkout_accountability a:hover {
    color: #060F46;
    border-bottom-color: #060F46
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout_actions_prop {
    height: 106px
}

.checkout_actions_wrap {
    width: 940px;
    z-index: 1
}

.pledge_actions {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 620px;
    vertical-align: middle
}

.checkout_actions {
    *zoom: 1;
    background: #FFF;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid white;
    padding: 20px 0;
    position: relative;
    bottom: 0;
    z-index: 1;
    width: 620px
}

.checkout_actions:after {
    content: "";
    display: table;
    clear: both
}

.checkout_actions.shadow {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    width: 965px
}

.checkout_actions.shadow:before {
    content: "";
    display: block;
    width: 990px;
    height: 20px;
    background: url(/assets/pledges/new/fieldset_actions-e40ef5a82e1fd37dbe857a0f052897ca5aec7b0736e93c84316b89ba36d336ec.png) no-repeat top left;
    position: absolute;
    top: -20px;
    left: 0;
    opacity: 0.35
}

.checkout_actions.animated {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.checkout_actions img {
    margin-top: -5px
}

.checkout_actions .btn {
    display: inline;
    float: right
}

.checkout_actions .cancel_change {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 290px;
    margin-left: 20px;
    padding-top: 25px
}

.checkout_actions .cancel_change .cancel_change_link {
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 15px;
    line-height: 1
}

body#pledges_edit .checkout_actions {
    width: auto
}

body#pledges_new .pledges__checkout_amount,
body#pledges_edit .pledges__checkout_amount {
    overflow: hidden;
    *zoom: 1
}

body#pledges_new .pledges__checkout_amount #backing_amount_wrapper,
body#pledges_edit .pledges__checkout_amount #backing_amount_wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden
}

body#pledges_new .pledges__checkout_amount span.currency,
body#pledges_edit .pledges__checkout_amount span.currency {
    position: absolute;
    top: 0px;
    left: 10px;
    font-weight: bold;
    font-size: 30px;
    color: #2BDE73;
    line-height: 48px
}

body#pledges_new .pledges__checkout_amount div.fx-estimate,
body#pledges_edit .pledges__checkout_amount div.fx-estimate {
    text-align: right;
    color: #020621
}

body#pledges_new .pledges__checkout_amount #backing_amount,
body#pledges_edit .pledges__checkout_amount #backing_amount {
    border: 1px solid #2BDE73;
    font-size: 28px;
    font-weight: bold;
    padding: 7px 0px 7px 35px;
    display: inline;
    float: left;
    color: #2BDE73;
    width: 230px
}

body#pledges_new .pledges__checkout_amount #backing_amount:focus,
body#pledges_edit .pledges__checkout_amount #backing_amount:focus {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

body#pledges_new .pledges__checkout_amount .help,
body#pledges_edit .pledges__checkout_amount .help {
    color: #020621;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-style: italic;
    margin-top: 3px;
    display: inline-block;
    vertical-align: top
}

body#pledges_new .pledges__checkout_amount .flash-error a,
body#pledges_edit .pledges__checkout_amount .flash-error a {
    color: #fd003b;
    font-weight: normal;
    border-bottom: 1px solid #fd003b
}

body#pledges_new .pledges__checkout_amount .flash-error a:hover,
body#pledges_edit .pledges__checkout_amount .flash-error a:hover {
    color: #000;
    border: 0px
}

html[lang="de"] body#pledges_new .pledges__checkout_amount span.currency,
html[lang="fr"] body#pledges_new .pledges__checkout_amount span.currency,
html[lang="de"] body#pledges_edit .pledges__checkout_amount span.currency,
html[lang="fr"] body#pledges_edit .pledges__checkout_amount span.currency {
    right: 10px;
    left: inherit
}

html[lang="de"] body#pledges_new #backing_amount,
html[lang="fr"] body#pledges_new #backing_amount,
html[lang="de"] body#pledges_edit #backing_amount,
html[lang="fr"] body#pledges_edit #backing_amount {
    padding: 7px 30px 7px 15px
}

.pledges__checkout_faqs h6 {
    color: #3D3D66;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 1px;
    text-transform: uppercase
}

.pledges__checkout_faqs h6.faqs {
    margin-top: 30px
}

.pledges__checkout_faqs h6.important {
    color: #000;
    margin-bottom: 0
}

.pledges__checkout_faqs ul.faqs {
    padding-bottom: 5px;
    margin-left: -6px
}

.pledges__checkout_faqs ul.faqs li.faq.expanded {
    background-color: #FFF
}

.pledges__checkout_faqs ul.faqs li.faq.expanded .faq-question a {
    color: #020621;
    font-weight: bold
}

.pledges__checkout_faqs ul.faqs li.faq.expanded .faq-question a .ss-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -18px;
    margin-right: 5px;
    margin-top: -2px
}

.pledges__checkout_faqs ul.faqs li.faq.expanded .faq-question a:hover {
    color: #020621
}

.pledges__checkout_faqs ul.faqs li.faq.expanded .faq-answer {
    color: #020621
}

.pledges__checkout_faqs ul.faqs li.faq .faq-answer {
    font-size: 12px;
    line-height: 15px;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-right: 10px
}

.pledges__checkout_faqs ul.faqs li.faq .faq-question a {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #2752ff;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 2px
}

.pledges__checkout_faqs ul.faqs li.faq .faq-question a .question {
    border: 0
}

.pledges__checkout_faqs ul.faqs li.faq .faq-question a .ss-icon {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 8px;
    margin-left: -15px;
    margin-right: 2px
}

.pledges__checkout_faqs ul.faqs li.faq .faq-question a:hover {
    color: #060F46
}

.pledges__checkout_faqs p {
    font-size: 12px;
    line-height: 15px;
    padding-top: 8px;
    margin-bottom: 5px
}

.pledges__checkout_faqs .highlight {
    background: #fcdda3
}

.pledges__checkout_rewards {
    padding: 0
}

.pledges__checkout_rewards .checkout_rewards {
    list-style: none;
    margin: -10px -20px;
    word-wrap: break-word
}

.pledges__checkout_rewards .checkout_rewards .input-reward {
    float: left;
    overflow: hidden;
    width: 120px
}

.pledges__checkout_rewards .checkout_rewards input.radio {
    display: inline;
    float: left;
    vertical-align: top;
    margin-right: 8px;
    margin-top: 5px
}

.pledges__checkout_rewards .checkout_rewards label.minimum {
    display: inline;
    float: left;
    vertical-align: top;
    color: #020621;
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    width: 100px
}

.pledges__checkout_rewards .checkout_rewards label.minimum:hover {
    cursor: pointer
}

.pledges__checkout_rewards .checkout_rewards label.minimum strong {
    font-weight: bold
}

.pledges__checkout_rewards .checkout_rewards label.minimum span.shipping-cost {
    font-size: 12px;
    font-weight: normal
}

.pledges__checkout_rewards .checkout_rewards .no-reward {
    max-width: 120px;
    padding-right: 0
}

.pledges__checkout_rewards .checkout_rewards span.fx-estimate {
    position: absolute;
    bottom: 5px;
    right: 10px;
    text-align: right;
    color: #020621;
    font-size: 12px
}

.pledges__checkout_rewards .checkout_rewards .reward_description {
    margin-left: 150px;
    line-height: 20px;
    font-size: 14px
}

.pledges__checkout_rewards .checkout_rewards p {
    margin-bottom: 5px;
    color: #020621
}

.pledges__checkout_rewards .checkout_rewards .reward {
    border-bottom: 1px solid #727293;
    padding: 25px 20px;
    overflow: auto;
    zoom: 1;
    margin-left: 0;
    position: relative
}

.pledges__checkout_rewards .checkout_rewards .reward.hovering {
    background: #80809E;
    cursor: pointer
}

.pledges__checkout_rewards .checkout_rewards .reward.hovering .fade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(222, 247, 224, 0)), color-stop(50%, rgba(222, 247, 224, 0.75)), to(rgba(222, 247, 224, 0.9)));
    background-image: linear-gradient(rgba(222, 247, 224, 0), rgba(222, 247, 224, 0.75) 50%, rgba(222, 247, 224, 0.9) 100%)
}

.pledges__checkout_rewards .checkout_rewards .no_thx {
    border-radius: 6px 6px 0px 0px
}

.pledges__checkout_rewards .checkout_rewards .last {
    border-bottom: none
}

.pledges__checkout_rewards .checkout_rewards .disabled {
    color: #F1EEEA
}

.pledges__checkout_rewards .checkout_rewards .indicator {
    font-size: 12px;
    padding: 0 5px;
    margin-bottom: 2px;
    margin-left: 22px
}

.pledges__checkout_rewards .checkout_rewards .indicator.sold_out {
    clear: left;
    float: left;
    margin-top: 8px;
    font-weight: bold;
    background-color: #020621;
    color: white
}

.pledges__checkout_rewards .checkout_rewards .indicator.selected {
    display: none;
    position: absolute;
    top: 0px;
    left: 20px;
    background-color: #2BDE73;
    color: white
}

.pledges__checkout_rewards .checkout_rewards .selected {
    background: #80809E
}

.pledges__checkout_rewards .checkout_rewards .selected .fade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(222, 247, 224, 0)), color-stop(50%, rgba(222, 247, 224, 0.75)), to(rgba(222, 247, 224, 0.9)));
    background-image: linear-gradient(rgba(222, 247, 224, 0), rgba(222, 247, 224, 0.75) 50%, rgba(222, 247, 224, 0.9) 100%)
}

.pledges__checkout_rewards .checkout_rewards .selected .indicator.selected {
    display: inline-block
}

.pledges__checkout_rewards .checkout_rewards .delivery_date {
    font-size: 12px;
    color: #020621;
    margin-bottom: 0
}

.pledges__checkout_rewards .checkout_rewards.clicked_reward li {
    display: none
}

.pledges__checkout_rewards .checkout_rewards.clicked_reward li.selected,
.pledges__checkout_rewards .checkout_rewards.clicked_reward li.visible,
.pledges__checkout_rewards .checkout_rewards.clicked_reward li.show_all {
    display: block;
    background: transparent
}

.pledges__checkout_rewards .checkout_rewards.clicked_reward li.show_all {
    border-bottom: 0;
    padding: 5px 20px
}

.pledges__checkout_rewards .checkout_rewards.clicked_reward li.show_all a {
    display: block;
    color: #020621;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-left: -5px
}

.pledges__checkout_rewards .checkout_rewards.clicked_reward li.show_all a .ss-icon {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-right: 2px;
    font-size: 10px
}

.pledges__checkout_rewards.modal .reward {
    padding: 15px 20px 20px
}

.pledges__checkout_rewards .shipping_option {
    display: none
}

label.shipping {
    float: left
}

.shipping_field {
    padding-top: 30px
}

.NS_pledges__checkout_shipping .no-js {
    margin-top: 18px
}

.NS_pledges__checkout_shipping select {
    font-size: 16px;
    width: 68%;
    float: right;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: 10px
}

.NS_pledges__checkout_shipping .shipping-location-select .ksr-select {
    width: 70%;
    background: #fff;
    font-size: 15px
}

#pledges_new .pledge_actions .shipping,
#pledges_edit .pledge_actions .shipping {
    margin-top: 8px
}

#pledges_new .pledge_actions .clicked_reward.pledge_field,
#pledges_edit .pledge_actions .clicked_reward.pledge_field {
    display: inline;
    margin-top: 10px
}

#pledges_new .pledge_actions .NS_pledges__checkout_shipping .h4,
#pledges_edit .pledge_actions .NS_pledges__checkout_shipping .h4 {
    margin-bottom: 5px
}

#pledges_new .pledge_actions .NS_pledges__checkout_shipping label,
#pledges_edit .pledge_actions .NS_pledges__checkout_shipping label {
    display: block;
    margin-top: 0
}

#pledges_new .pledge_actions .NS_pledges__checkout_shipping label.shipping,
#pledges_edit .pledge_actions .NS_pledges__checkout_shipping label.shipping {
    float: none;
    font-size: 16px
}

#pledges_new .pledge_actions .NS_pledges__checkout_shipping .shipping-location-select .ksr-select,
#pledges_edit .pledge_actions .NS_pledges__checkout_shipping .shipping-location-select .ksr-select {
    width: 100%;
    height: auto;
    font-size: 15px
}

#pledges_new .pledge_actions .NS_pledges__checkout_shipping .change-shipping-location,
#pledges_edit .pledge_actions .NS_pledges__checkout_shipping .change-shipping-location {
    font-size: 13px;
    position: relative;
    bottom: 4px;
    text-decoration: underline
}

#pledges_new .pledge_actions .NS_pledges__checkout_shipping select,
#pledges_edit .pledge_actions .NS_pledges__checkout_shipping select {
    margin-top: 10px;
    float: left;
    margin-bottom: 10px
}

html.js .NS_pledges__checkout_shipping .no-js {
    display: none
}

.pledges__checkout_summary {
    overflow: hidden;
    *zoom: 1
}

.pledges__checkout_summary dt {
    color: #3D3D66;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    float: left;
    clear: left;
    padding: 10px;
    margin-bottom: 0
}

.pledges__checkout_summary dd {
    color: #020621;
    display: inline;
    float: left;
    padding: 10px 0
}

.pledges__checkout_summary strong.pledge_amount {
    display: block;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold
}

.pledges__checkout_summary span.fx-estimate {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px 5px;
    color: #020621
}

.pledges__checkout_summary span.fx-explanation {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #020621
}

.pledges__checkout_summary h3.title {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 6px
}

.pledges__checkout_summary p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.pledges__checkout_summary p.full {
    display: none
}

.pledges__checkout_summary p.delivery_date {
    font-size: 12px;
    color: #020621;
    margin-bottom: 0px
}

.pledges__checkout_summary .edit {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin-left: 5px
}

#checkouts_thanks .processing-checkout .pledges__checkout_summary dd {
    width: 350px
}

#checkouts_thanks .processing-checkout .pledges__checkout_summary dt {
    width: 100px
}

#checkouts_thanks .processing-checkout .pledges__checkout_summary .line-clamp .expand {
    background-color: white
}

#checkouts_thanks .processing-checkout .pledges__checkout_summary .line-clamp .fade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.9)));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.9) 100%)
}

.NS_pledges__new {
    width: 520px
}

.NS_pledges__new fieldset {
    margin-bottom: 0
}

.NS_pledges__new ol {
    margin-bottom: 10px
}

.NS_pledges__new .btn--green {
    display: inline;
    float: right;
    margin: 0
}

.NS_pledges__new .new_to_pledging {
    line-height: 60px
}

.NS_pledges__new .new_to_pledging a {
    color: #3D3D66;
    border-bottom: 1px solid #F1EEEA;
    padding-bottom: 1px;
    font-size: 12px
}

.NS_pledges__new .new_to_pledging a:hover {
    color: #020621;
    border-color: #F1EEEA
}

.NS_pledges__new .checkout_actions {
    border-top: 0;
    margin: 0px;
    padding: 0px;
    width: auto
}

.NS_pledges__new .pledge_actions {
    width: 520px;
    padding-top: 10px
}

.NS_pledges__new .checkout_actions_wrap {
    width: auto
}

.NS_pledges__new .checkout_actions_prop {
    height: auto
}

.NS_pledges__new h1 {
    color: #2BDE73;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    margin-top: -6px
}

.NS_pledges__new h3.title {
    color: #020621;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 0px
}

.NS_pledges__new p.intro {
    color: #3D3D66;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px
}

.NS_pledges__new .pledge_field,
.NS_pledges__new .reward_field {
    background-color: #F7F5F2;
    border-radius: 6px;
    padding: 4px;
    margin-bottom: 10px
}

.NS_pledges__new .pledge_field .fade,
.NS_pledges__new .reward_field .fade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 245, 242, 0)), color-stop(50%, rgba(247, 245, 242, 0.75)), to(rgba(247, 245, 242, 0.9)));
    background-image: linear-gradient(rgba(247, 245, 242, 0), rgba(247, 245, 242, 0.75) 50%, rgba(247, 245, 242, 0.9) 100%)
}

.NS_pledges__new .pledge_field label.minimum,
.NS_pledges__new .pledge_field label.amount,
.NS_pledges__new .pledge_field legend,
.NS_pledges__new .reward_field label.minimum,
.NS_pledges__new .reward_field label.amount,
.NS_pledges__new .reward_field legend {
    display: inline;
    float: left;
    color: #020621;
    font-size: 14px;
    font-weight: bold;
    width: 140px;
    padding-left: 11px;
    padding-top: 10px
}

.NS_pledges__new .pledge_field #backing_amount_wrapper {
    position: relative
}

.NS_pledges__new .pledge_field .pledges__checkout_amount,
.NS_pledges__new .pledge_field input {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS_pledges__new .pledge_field span.currency {
    position: absolute;
    top: 0px;
    left: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: #020621;
    padding: 12px 0px
}

.NS_pledges__new .pledge_field .pledges__checkout_amount input {
    border-color: #F1EEEA;
    color: #020621;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    vertical-align: middle;
    padding: 9px 28px;
    width: 180px
}

.NS_pledges__new .pledge_field .pledges__checkout_amount input:focus {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #2752ff
}

.NS_pledges__new .pledge_field .help {
    display: none
}

.NS_pledges__new .pledge_field .fx-estimate {
    text-align: right;
    color: #020621;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0
}

.NS_pledges__new .reward_field {
    position: relative
}

.NS_pledges__new .reward_field fieldset {
    margin-bottom: 0
}

.NS_pledges__new .reward_field legend {
    vertical-align: top;
    display: inline;
    float: left
}

.NS_pledges__new .reward_field legend:hover {
    cursor: default
}

.NS_pledges__new .pledges__checkout_rewards {
    border-radius: 3px;
    display: inline;
    float: right;
    padding-left: 0;
    width: 320px
}

.NS_pledges__new .pledges__checkout_rewards:hover {
    cursor: default
}

.NS_pledges__new .pledges__checkout_rewards .reward {
    border: none
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .no_thx,
.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .estimate {
    display: none
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 320px;
    margin-left: 0;
    padding-left: 0;
    position: relative
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible p.delivery_date {
    color: #020621;
    margin-bottom: 5px;
    font-size: 12px
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible .radio,
.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible label.minimum {
    display: none
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible .input-reward input,
.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible .input-reward label {
    display: none
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible p {
    color: #020621;
    font-size: 14px;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 10px
}

.NS_pledges__new .pledges__checkout_rewards .checkout_rewards.clicked_reward .visible .reward_description {
    margin-left: 0px
}

.NS_pledges__new .pledge_field .help,
.NS_pledges__new .pledge_field p,
.NS_pledges__new .reward_field fieldset > p {
    display: none
}

html[lang="de"] .NS_pledges__new span.currency,
html[lang="fr"] .NS_pledges__new span.currency {
    right: 10px;
    left: inherit
}

html[lang="de"] .NS_pledges__new #backing_amount,
html[lang="fr"] .NS_pledges__new #backing_amount {
    padding: 9px 46px 9px 10px
}

.pledges__project_summary {
    overflow: hidden;
    *zoom: 1;
    line-height: 16px
}

.pledges__project_summary img {
    display: inline;
    float: left;
    width: 107px;
    height: 80px;
    margin-bottom: 20px
}

.pledges__project_summary .meta {
    display: inline;
    float: left;
    width: 122px;
    margin-left: 10px;
    margin-bottom: 20px
}

.pledges__project_summary strong {
    display: block;
    margin-bottom: 10px
}

.pledges__project_summary .created_by {
    margin-bottom: 10px
}

.pledges__project_summary small {
    display: block;
    font-size: 12px;
    color: #3D3D66
}

.pledges__project_summary hr {
    border-color: #F1EEEA
}

.pledges_transaction_status .btn--blue {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-top: 20px
}

body#pledges_edit #confirm-adjust-pledge .footer {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0
}

body#pledges_edit #confirm-adjust-reward,
body#pledges_edit #confirm-adjust-nothing {
    width: 400px
}

body#pledges_edit #confirm-adjust-pledge .modal_dialog_sizer {
    max-width: 400px;
    width: 90%
}

body#pledges_edit #confirm-adjust-pledge .modal_dialog_body,
body#pledges_edit #confirm-adjust-reward .modal_dialog_body,
body#pledges_edit #confirm-adjust-nothing .modal_dialog_body {
    padding: 0 20px 20px 20px;
    color: #020621
}

body#pledges_edit #confirm-adjust-pledge .modal_dialog_body h3,
body#pledges_edit #confirm-adjust-reward .modal_dialog_body h3,
body#pledges_edit #confirm-adjust-nothing .modal_dialog_body h3 {
    color: #020621;
    padding: 0
}

body#pledges_edit #adjust-pledge-confirm,
body#pledges_edit #adjust-reward-confirm,
body#pledges_edit #adjust-nothing-confirm {
    padding: 20px 0
}

body#pledges_edit #adjust-pledge-confirm p,
body#pledges_edit #adjust-reward-confirm p,
body#pledges_edit #adjust-nothing-confirm p {
    padding: 0 10px
}

body#pledges_edit #adjust-pledge-confirm table,
body#pledges_edit #adjust-reward-confirm table,
body#pledges_edit #adjust-nothing-confirm table {
    border: 1px solid #F1EEEA;
    border-left: 0;
    margin: 0 10px;
    width: 380px
}

body#pledges_edit #adjust-pledge-confirm table th,
body#pledges_edit #adjust-reward-confirm table th,
body#pledges_edit #adjust-nothing-confirm table th {
    background: #FFF;
    color: #020621;
    border-left: 1px solid #F1EEEA;
    font-size: 16px;
    font-weight: bold
}

body#pledges_edit #adjust-pledge-confirm table th.current,
body#pledges_edit #adjust-reward-confirm table th.current,
body#pledges_edit #adjust-nothing-confirm table th.current {
    color: #3D3D66
}

body#pledges_edit #adjust-pledge-confirm table thead,
body#pledges_edit #adjust-reward-confirm table thead,
body#pledges_edit #adjust-nothing-confirm table thead {
    background: #FFF
}

body#pledges_edit #adjust-pledge-confirm table thead th,
body#pledges_edit #adjust-reward-confirm table thead th,
body#pledges_edit #adjust-nothing-confirm table thead th {
    color: #020621;
    padding: 5px 10px
}

body#pledges_edit #adjust-pledge-confirm table tbody td,
body#pledges_edit #adjust-reward-confirm table tbody td,
body#pledges_edit #adjust-nothing-confirm table tbody td {
    color: #3D3D66;
    font-size: 14px;
    line-height: 15px;
    border-left: 1px solid #F1EEEA;
    padding: 0 10px 6px
}

body#pledges_edit #adjust-pledge-confirm table tbody td strong,
body#pledges_edit #adjust-reward-confirm table tbody td strong,
body#pledges_edit #adjust-nothing-confirm table tbody td strong {
    color: red
}

body#pledges_edit #content #main .pledge_field label {
    margin-bottom: 4px
}

body#pledges_edit #content #main .reward_field legend {
    padding-bottom: 4px
}

body#credit_cards_new a.edit {
    font-size: 12px;
    padding-left: 3px
}

body#credit_cards_new .tout_checkout {
    margin-bottom: 20px;
    overflow: hidden;
    *zoom: 1
}

body#credit_cards_new .tout_checkout h1 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold
}

body#credit_cards_new .tout_checkout p {
    font-size: 14px;
    margin-bottom: 5px;
    color: #020621
}

body#credit_cards_new .pledges__checkout_summary {
    background-color: #F8F9FD;
    border-bottom: 1px solid #E6E4E2;
    border-left: 1px solid #E6E4E2;
    border-right: 1px solid #E6E4E2
}

body#credit_cards_new .pledges__checkout_summary .fade {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 250, 250, 0)), color-stop(50%, rgba(247, 250, 250, 0.75)), to(rgba(247, 250, 250, 0.9)));
    background-image: linear-gradient(rgba(247, 250, 250, 0), rgba(247, 250, 250, 0.75) 50%, rgba(247, 250, 250, 0.9) 100%)
}

body#credit_cards_new .pledges__checkout_summary dt {
    width: 148px;
    border-top: 1px solid #E6E4E2
}

body#credit_cards_new .pledges__checkout_summary dd {
    width: 450px;
    border-top: 1px solid #E6E4E2
}

body#credit_cards_new .pledges__checkout_summary p {
    padding-right: 20px
}

body#pledges_new #main,
body#pledges_edit #main,
body#credit_cards_new #main {
    position: relative
}

body#pledges_new #main h1,
body#pledges_edit #main h1,
body#credit_cards_new #main h1 {
    color: #2BDE73;
    font-size: 32px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px
}

body#pledges_new .backer_badge,
body#pledges_edit .backer_badge,
body#credit_cards_new .backer_badge {
    position: absolute;
    top: 50px;
    right: 47px
}

body#pledges_new .pledge_field,
body#pledges_edit .pledge_field,
body#credit_cards_new .pledge_field {
    margin-bottom: 30px
}

body#pledges_new .new_to_pledging,
body#pledges_edit .new_to_pledging,
body#credit_cards_new .new_to_pledging {
    display: none
}

body#pledges_new .pledge_field label,
body#pledges_new .reward_field legend,
body#pledges_edit .pledge_field label,
body#pledges_edit .reward_field legend,
body#credit_cards_new .pledge_field label,
body#credit_cards_new .reward_field legend {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #020621
}

body#pledges_new .pledge_field label,
body#pledges_edit .pledge_field label,
body#credit_cards_new .pledge_field label {
    margin-bottom: 14px
}

body#pledges_new .reward_field legend,
body#pledges_edit .reward_field legend,
body#credit_cards_new .reward_field legend {
    padding-bottom: 14px
}

body#pledges_new .pledge_field.clicked_reward label,
body#pledges_edit .pledge_field.clicked_reward label,
body#credit_cards_new .pledge_field.clicked_reward label {
    margin-bottom: 4px
}

body#pledges_new .reward_field.clicked_reward legend,
body#pledges_edit .reward_field.clicked_reward legend,
body#credit_cards_new .reward_field.clicked_reward legend {
    padding-bottom: 4px
}

body#pledges_new .pledge_field > p,
body#pledges_new .reward_field fieldset > p,
body#pledges_edit .pledge_field > p,
body#pledges_edit .reward_field fieldset > p,
body#credit_cards_new .pledge_field > p,
body#credit_cards_new .reward_field fieldset > p {
    color: #020621;
    font-size: 14px
}

body#pledges_new .reward_field fieldset,
body#pledges_edit .reward_field fieldset,
body#credit_cards_new .reward_field fieldset {
    margin-bottom: 5px
}

body#pledges_new #sidebar #payment_types,
body#pledges_edit #sidebar #payment_types,
body#credit_cards_new #sidebar #payment_types {
    display: block
}

body#pledges_new #sidebar #payment_types.CyberSource,
body#pledges_edit #sidebar #payment_types.CyberSource,
body#credit_cards_new #sidebar #payment_types.CyberSource {
    height: 53px;
    width: 210px;
    margin: 0px 35px;
    padding-top: 20px;
    border-top: 1px solid #F7F5F2;
    background: url(/assets/pledges/uk_payments_footer-f3c2532b822e180f880e9b4e11b7790a4a8c59689260fc6365e46a05e8de3b57.png) no-repeat 37px 20px
}

body#pledges_new .pledge_field p.flash-error,
body#pledges_new .reward_field p.flash-error,
body#pledges_edit .pledge_field p.flash-error,
body#pledges_edit .reward_field p.flash-error,
body#credit_cards_new .pledge_field p.flash-error,
body#credit_cards_new .reward_field p.flash-error {
    color: #fff;
    padding: 10px
}

body#pledges_show #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body#posts_edit .notifications_summary,
body#posts_preview .notifications_summary {
    border: 1px solid #F1EEEA
}

body#posts_edit .tipsy-inner,
body#posts_preview .tipsy-inner {
    max-width: 250px
}

#bo-img {
    margin: 0;
    float: left;
    padding: 0
}

.project_post_summary h3 {
    word-wrap: break-word;
    margin-bottom: 5px
}

.project_post_summary h3 a {
    color: #020621
}

.project_post_summary h3 a:hover {
    color: #F1EEEA
}

.project_post_summary .actions a {
    color: #fd003b
}

.project_post_summary .timewindow {
    background-color: #fcdda3;
    font-size: 0.9em;
    text-align: center;
    margin: 0em 0 1em 0;
    padding: 5px
}

.project_post_summary .statline {
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 21px
}

.project_post_summary .post_likes_small {
    color: #3D3D66;
    padding-left: 10px
}

.project_post_summary .post_likes_small form {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.project_post_summary .post_likes_small .count {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    line-height: 20px
}

.project_post_summary .comments {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    color: #3D3D66
}

.project_post_summary a.comments {
    font-weight: bold
}

.project_post_summary a.comments:hover {
    color: #F1EEEA
}

.project_post_summary .author {
    color: #3D3D66;
    font-weight: bold;
    padding-right: 10px
}

.project_post_summary .edit_post {
    color: #020621;
    display: inline-block;
    width: 20%;
    text-align: right
}

.project_post_summary .edit_post span {
    font-size: 12px
}

.project_post_summary .edit_post a {
    font-weight: bold
}

.project_post_summary ul.media {
    margin: 0 0 1em 0;
    padding: 0
}

.project_post_summary ul.media li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.project_post_summary ul.media .media_image {
    max-width: 100%
}

body.posts #new_comment fieldset,
body.posts .new_comment fieldset {
    margin-bottom: 5px
}

body.posts #new_comment label,
body.posts .new_comment label {
    text-transform: none;
    font-weight: bold;
    margin-bottom: 5px
}

body.posts h6.rss_link {
    width: 200px;
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase
}

body.posts h6.rss_link a {
    color: #020621
}

body.posts h6.rss_link a img {
    position: relative;
    top: 4px;
    padding-right: 2px
}

body.posts .post_likes {
    border-bottom: 1px dotted #F1EEEA;
    border-top: 1px dotted #F1EEEA;
    margin-bottom: 30px;
    padding: 16px 0 16px 10px;
    overflow: hidden
}

body.posts .post_likes form {
    display: inline-block;
    vertical-align: top
}

body.posts .post_likes .namepile {
    color: #3D3D66;
    font-size: 12px
}

body.posts .post_likes .namepile a {
    color: #3D3D66;
    text-decoration: none
}

body.posts .post_likes .namepile a:hover {
    text-decoration: underline
}

body#posts_edit .wym_box.wym_skin_ksr {
    padding: 0;
    background: none
}

body#posts_edit .wym_box.wym_skin_ksr iframe {
    height: 300px
}

body#posts_edit #main_content header {
    border-bottom: 1px solid #F1EEEA
}

body#posts_edit #main_content input.text {
    font-size: 16px;
    border-radius: 6px;
    padding: 10px;
    margin-top: 31px
}

body#posts_edit #main_content .ss-help {
    font-size: 14px;
    margin-bottom: 10px;
    color: #3D3D66;
    margin-bottom: 0;
    margin-left: 5px
}

body#posts_edit .body {
    border: 1px solid #F1EEEA
}

body#posts_edit .body .reward_row {
    position: relative
}

body#posts_edit .body .reward_row:not(:last-child) {
    border-bottom: 1px solid #F1EEEA
}

body#posts_edit .body div.radio {
    border-right: 1px solid #F1EEEA;
    width: 40px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px
}

body#posts_edit .body .label {
    width: 100%;
    text-indent: 40px
}

body#posts_edit .body .label label {
    overflow: hidden;
    text-indent: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    margin-right: 40px
}

body#posts_edit .body .label .ss-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    cursor: pointer;
    text-indent: 0px
}

body#posts_edit .body .selected div.radio,
body#posts_edit .body .selected div.label {
    background: #F8F9FD
}

body#posts_edit .radio_message {
    display: none
}

body#posts_edit .radio_message.visible {
    display: block
}

body#posts_edit .error h2 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 22px
}

body#posts_edit #update-settings-dialog video {
    width: 950px;
    height: 535px
}

body#posts_index #posts {
    padding: 0 0px 50px
}

body#posts_index #posts #main {
    margin-top: 10px
}

body#posts_index #posts #main .no-posts {
    font-size: 18px;
    margin-left: 10px;
    margin-top: 10px;
    color: #3D3D66
}

body#posts_index #posts #main .clear {
    clear: both
}

body#posts_index #posts #main .project_post_summary {
    position: relative;
    margin-bottom: 30px;
    padding-left: 10px
}

body#posts_index #posts #main .project_post_summary .body {
    border: none
}

body#posts_index #posts #main .video-player {
    overflow: hidden
}

body#posts_index #posts #main .list-comments-wrap {
    margin: 0 0px 50px 10px
}

body#posts_index #posts #main .list-comments-wrap h5 {
    font-weight: bold;
    margin-bottom: 10px
}

body#posts_index #posts #main .list-comments-wrap .list-comments {
    border-top: 1px dotted #F1EEEA
}

#post-publisher-wrap {
    background: #fcdda3;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    width: 100%;
    z-index: 10
}

#post-publisher-wrap #post-publisher-body {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

#post-publisher-wrap #post-publisher-body .action {
    display: inline;
    float: right;
    margin: 10px 0 0 5px
}

#post-publisher-wrap #post-publisher-body p {
    margin-right: 10px;
    margin-bottom: 0
}

#post-publisher-wrap #post-publisher-body p strong {
    font-weight: bold
}

#post-publisher-prop {
    height: 60px
}

body#posts_preview #main_content header {
    border-bottom: 1px solid #F1EEEA
}

body#posts_preview .statline {
    float: none
}

body#posts_show .friends_bar_context {
    margin-left: 0;
    font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif
}

body#posts_show #content-wrap #content {
    background: #fff
}

body#posts_show #content-wrap #content #comments {
    padding: 0 0 0 10px
}

.NS-project_faqs__edit #faq .button {
    margin-left: 20px
}

.NS-project_faqs__edit form,
.NS-project_faqs__edit fieldset {
    overflow: hidden;
    *zoom: 1
}

.NS-project_faqs__edit form .buttons,
.NS-project_faqs__edit fieldset .buttons {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px
}

.NS-project_faqs__edit form .buttons .button,
.NS-project_faqs__edit fieldset .buttons .button {
    display: inline;
    float: right;
    margin-left: 5px
}

.NS-project_faqs__edit form li.faq,
.NS-project_faqs__edit fieldset li.faq {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    padding: 10px 0px 30px 0px;
    margin: 10px 0
}

.NS-project_faqs__edit form li.faq.hidden,
.NS-project_faqs__edit fieldset li.faq.hidden {
    display: none
}

.NS-project_faqs__edit form li.faq input,
.NS-project_faqs__edit form li.faq textarea,
.NS-project_faqs__edit fieldset li.faq input,
.NS-project_faqs__edit fieldset li.faq textarea {
    width: 617px;
    margin-bottom: 5px
}

.NS-project_faqs__edit form li.faq .question iframe,
.NS-project_faqs__edit form li.faq .answer iframe,
.NS-project_faqs__edit fieldset li.faq .question iframe,
.NS-project_faqs__edit fieldset li.faq .answer iframe {
    height: 70px;
    resize: none
}

.NS-project_faqs__edit form li.faq .question .field_with_errors input,
.NS-project_faqs__edit form li.faq .question .field_with_errors textarea,
.NS-project_faqs__edit form li.faq .answer .field_with_errors input,
.NS-project_faqs__edit form li.faq .answer .field_with_errors textarea,
.NS-project_faqs__edit fieldset li.faq .question .field_with_errors input,
.NS-project_faqs__edit fieldset li.faq .question .field_with_errors textarea,
.NS-project_faqs__edit fieldset li.faq .answer .field_with_errors input,
.NS-project_faqs__edit fieldset li.faq .answer .field_with_errors textarea {
    background: #FFFFFF;
    border: 2px solid #fd003b;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.NS-project_faqs__edit form li.faq label,
.NS-project_faqs__edit fieldset li.faq label {
    text-transform: none;
    font-weight: normal
}

.NS-project_faqs__edit form li.faq .errors,
.NS-project_faqs__edit fieldset li.faq .errors {
    color: red
}

.NS-project_faqs__edit form .field-tools,
.NS-project_faqs__edit fieldset .field-tools {
    margin: 0;
    padding: 0;
    border: 0;
    *zoom: 1;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    right: 0px
}

.NS-project_faqs__edit form .field-tools li,
.NS-project_faqs__edit fieldset .field-tools li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.NS-project_faqs__edit form .field-tools li:first-child,
.NS-project_faqs__edit form .field-tools li.first,
.NS-project_faqs__edit fieldset .field-tools li:first-child,
.NS-project_faqs__edit fieldset .field-tools li.first {
    padding-left: 0
}

.NS-project_faqs__edit form .field-tools li:last-child,
.NS-project_faqs__edit fieldset .field-tools li:last-child {
    padding-right: 0
}

.NS-project_faqs__edit form .field-tools li.last,
.NS-project_faqs__edit fieldset .field-tools li.last {
    padding-right: 0
}

.NS-project_faqs__edit form .field-tools li,
.NS-project_faqs__edit fieldset .field-tools li {
    padding: 0;
    margin-left: 5px
}

.NS-project_faqs__edit form .field-tools li a,
.NS-project_faqs__edit fieldset .field-tools li a {
    display: block;
    font-size: 13px;
    padding: 7px 8px
}

.NS-project_faqs__edit form .field-tools li a .ss-icon,
.NS-project_faqs__edit fieldset .field-tools li a .ss-icon {
    margin: 0;
    font-size: 12px
}

.NS-project_faqs__edit form .field-tools li a.delete:hover,
.NS-project_faqs__edit fieldset .field-tools li a.delete:hover {
    background: #fd003b
}

.NS-project_faqs__edit form .field-tools li a.move:hover,
.NS-project_faqs__edit fieldset .field-tools li a.move:hover {
    cursor: move
}

.NS-project_faqs__edit form.editing fieldset,
.NS-project_faqs__edit fieldset.editing fieldset {
    min-height: 135px
}

.NS-project_faqs__edit form.editing .field-tools,
.NS-project_faqs__edit fieldset.editing .field-tools {
    bottom: 5px;
    left: 10px;
    top: auto;
    right: auto
}

.NS-project_faqs__edit form.loading_wym form,
.NS-project_faqs__edit form.loading_wym fieldset,
.NS-project_faqs__edit fieldset.loading_wym form,
.NS-project_faqs__edit fieldset.loading_wym fieldset {
    display: block
}

.NS-project_faqs__edit li.reordering {
    list-style: none;
    opacity: 0.85
}

.NS-project_faqs__edit li.reordering:hover {
    cursor: move
}

.NS-project_faqs__edit li.reordering fieldset {
    min-height: 135px
}

.NS-project_faqs__edit li.reordering form,
.NS-project_faqs__edit li.reordering fieldset {
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 0 20px;
    -ms-box-shadow: rgba(0, 0, 0, 0.45) 0 0 20px;
    -o-box-shadow: rgba(0, 0, 0, 0.45) 0 0 20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0 0 20px
}

.NS-project_faqs__edit li.reordering form .field-tools,
.NS-project_faqs__edit li.reordering fieldset .field-tools {
    display: block;
    bottom: 5px;
    left: 10px;
    top: auto;
    right: auto
}

.NS-project_faqs__edit .link_to_new_question {
    display: block;
    border-radius: 12px;
    color: #2752ff;
    background: #F8F9FD;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS-project_faqs__edit .link_to_new_question strong {
    display: block;
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-bottom: 5px
}

.NS-project_faqs__edit .link_to_new_question .sub {
    display: block;
    font-size: 12px
}

.NS-project_faqs__edit .link_to_new_question:hover {
    color: #fff;
    background-color: #2752ff
}

@media screen and (max-width: 640px) {
    .NS_project_profiles__blurb {
        padding-left: 20px;
        padding-right: 20px
    }
}

.NS_project_profiles__blurb .project-profile__blurb {
    font-size: 1.125rem;
    font-family: "Tiempos", Georgia, serif;
    line-height: 1.8;
    padding-right: 20px;
    border-left: 3px solid transparent;
    margin-left: -3px;
    margin-bottom: 40px
}

@media screen and (max-width: 640px) {
    .NS_project_profiles__blurb .project-profile__blurb {
        font-size: 18px
    }
}

.NS_project_profiles__blurb .project-profile__blurb .content {
    word-wrap: break-word;
    min-height: 20px;
    min-width: 1px;
    display: inline-block;
    overflow: hidden;
    max-width: 100%
}

.NS_project_profiles__blurb .project-profile__blurb.is-editing {
    padding-right: 0px;
    padding-left: 20px
}

.NS_project_profiles__blurb .edit-icon {
    position: absolute;
    bottom: 0px;
    right: -40px
}

.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 9999994;
    overflow: hidden
}

.sp-container.sp-flat {
    position: relative
}

.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.sp-top {
    position: relative;
    width: 100%;
    display: inline-block
}

.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%
}

.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%
}

.sp-fill {
    padding-top: 80%
}

.sp-sat,
.sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px
}

.sp-alpha-enabled .sp-alpha {
    display: block
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px
}

.sp-alpha-inner {
    border: solid 1px #333
}

.sp-clear {
    display: none
}

.sp-clear.sp-clear-display {
    background-position: center
}

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px
}

.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none
}

.sp-container.sp-buttons-disabled .sp-button-container {
    display: none
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none
}

.sp-palette-only .sp-picker-container {
    display: none
}

.sp-palette-disabled .sp-palette-container {
    display: none
}

.sp-initial-disabled .sp-initial {
    display: none
}

.sp-sat {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0)));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')
}

.sp-val {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204, 154, 129, 0)));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}

.sp-hue {
    background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));
    background: linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)
}

.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}

.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}

.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}

.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}

.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}

.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}

.sp-hidden {
    display: none !important
}

.sp-cf:before,
.sp-cf:after {
    content: "";
    display: table
}

.sp-cf:after {
    clear: both
}

.sp-cf {
    *zoom: 1
}

@media (max-device-width: 480px) {
    .sp-color {
        right: 40%
    }
    .sp-hue {
        left: 63%
    }
    .sp-fill {
        padding-top: 60%
    }
}

.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8
}

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.sp-top {
    margin-bottom: 3px
}

.sp-color,
.sp-hue,
.sp-clear {
    border: solid 1px #666
}

.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background: transparent;
    border-radius: 3px;
    color: #222
}

.sp-input:focus {
    border: 1px solid orange
}

.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd
}

.sp-picker-container,
.sp-palette-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px
}

.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff
}

.sp-palette-container {
    border-right: solid 1px #ccc
}

.sp-palette-only .sp-palette-container {
    border: 0
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px transparent
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange
}

.sp-thumb-el {
    position: relative
}

.sp-initial {
    float: left;
    border: solid 1px #333
}

.sp-initial span {
    width: 30px;
    height: 25px;
    border: none;
    display: block;
    float: left;
    margin: 0
}

.sp-initial .sp-clear-display {
    background-position: center
}

.sp-palette-button-container,
.sp-button-container {
    float: right
}

.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle
}

.sp-replacer:hover,
.sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111
}

.sp-replacer.sp-disabled {
    cursor: default;
    border-color: silver;
    color: silver
}

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px
}

.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0
}

.sp-palette {
    *width: 220px;
    max-width: 220px
}

.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    margin: 2px 1px;
    border: solid 1px #d0d0d0
}

.sp-container {
    padding-bottom: 0
}

.sp-container button {
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee, #ccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 5px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    vertical-align: middle
}

.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
    background-image: linear-gradient(to bottom, #ddd, #bbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd
}

.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee
}

.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none
}

.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline
}

.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
    border-color: #000
}

.sp-preview,
.sp-alpha,
.sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
}

.sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)
}

.bg-violet-light {
    background: #F8F9FD !important
}

.c-navy-light {
    color: #80809E
}

.bg-navy-light-3 {
    background-color: #F7F7F9
}

.border-navy-light-2 {
    border-color: #EFEFF3
}

.c-grey-dark-mars {
    color: #E6E4E2
}

.jslider {
    display: block;
    width: 100%;
    height: 1em;
    position: relative;
    top: 0.6em;
    font-family: Arial, sans-serif
}

.jslider .jslider-bg i,
.jslider .jslider-pointer {
    background: url(/assets/jslider/jslider-059f32aa9359ed6bf6d1cae7027d5709d14a45025802e52ad5fa5379ac21b506.png) no-repeat 0 0
}

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

.jslider td,
.jslider th {
    padding: 0;
    vertical-align: top;
    text-align: left;
    border: 0
}

.jslider table {
    width: 100%;
    vertical-align: top
}

.jslider table tr {
    width: 100%;
    vertical-align: top
}

.jslider table tr td {
    width: 100%;
    vertical-align: top
}

.jslider .jslider-bg {
    position: relative
}

.jslider .jslider-bg i {
    height: 5px;
    position: absolute;
    font-size: 0;
    top: 0
}

.jslider .jslider-bg .l {
    width: 50%;
    background-position: 0 0;
    left: 0
}

.jslider .jslider-bg .r {
    width: 50%;
    left: 50%;
    background-position: right 0
}

.jslider .jslider-bg .v {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 0;
    height: 5px;
    background-position: 0 -20px
}

.jslider .jslider-pointer {
    width: 13px;
    height: 15px;
    background-position: 0 -40px;
    position: absolute;
    left: 20%;
    top: -4px;
    margin-left: -6px;
    cursor: pointer;
    cursor: hand
}

.jslider .jslider-pointer-hover {
    background-position: -20px -40px
}

.jslider .jslider-pointer-to {
    left: 80%
}

.jslider .jslider-label {
    font-size: 9px;
    line-height: 12px;
    color: black;
    opacity: 0.4;
    white-space: nowrap;
    padding: 0px 2px;
    position: absolute;
    top: -18px;
    left: 0px
}

.jslider .jslider-label-to {
    left: auto;
    right: 0
}

.jslider .jslider-value {
    font-size: 9px;
    white-space: nowrap;
    padding: 1px 2px 0;
    position: absolute;
    top: -19px;
    left: 20%;
    background: white;
    line-height: 12px;
    border-radius: 2px
}

.jslider .jslider-value-to {
    left: 80%
}

.jslider .jslider-label small,
.jslider .jslider-value small {
    position: relative;
    top: -0.4em
}

.jslider .jslider-scale {
    position: relative;
    top: 9px
}

.jslider .jslider-scale span {
    position: absolute;
    height: 5px;
    border-left: 1px solid #3D3D66;
    font-size: 0
}

.jslider .jslider-scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 5px;
    color: #3D3D66
}

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v {
    display: none
}

.jslider-limitless .jslider-label {
    display: none
}

.jslider.jslider_round_plastic .jslider-bg i {
    background-image: url(/assets/jslider/jslider.round.plastic-4de3d9690cddf1b92d420e9a9b23cd8bbb49aed455a0a72159d9b5fd54c5bbfd.png)
}

.jslider.jslider_round_plastic .jslider-pointer {
    background-image: url(/assets/jslider/jslider.round.plastic-4de3d9690cddf1b92d420e9a9b23cd8bbb49aed455a0a72159d9b5fd54c5bbfd.png);
    width: 18px;
    height: 18px;
    top: -6px
}

.jslider table,
.jslider td,
.jslider tr {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important
}

.transition-all-bezier,
.project-profile-controls .project-profile-controls__content_left,
.project-profile-controls .project-profile-controls__content_right,
.project-profile-controls .publish-prompt-controls,
.project-profile-controls .publish-prompt-confirm-controls,
.edit-icon,
.edit-icon .edit-icon__trigger,
.edit-icon--multiple-options .edit-icon__trigger .icon,
.edit-icon--multiple-options .edit-icon__trigger .label,
.edit-icon--multiple-options .edit-icon__options,
.edit-icon--multiple-options .edit-icon__options .option,
.editable-field {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.clearfix,
.edit-icon--multiple-options {
    *zoom: 1
}

.clearfix:before,
.edit-icon--multiple-options:before,
.clearfix:after,
.edit-icon--multiple-options:after {
    content: " ";
    display: table
}

.clearfix:after,
.edit-icon--multiple-options:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3,
.project-profile-controls .project-profile-controls__content_left,
.project-profile-controls .project-profile-controls__content_right {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

.NS_project_profiles__edit {
    height: 70px;
    position: relative
}

.NS_project_profiles__edit .underlined-list__tray {
    display: none
}

.NS_project_profiles__edit .ksr-popover ::-moz-selection {
    background-color: #2752ff
}

.NS_project_profiles__edit .ksr-popover ::selection {
    background-color: #2752ff
}

.NS_project_profiles__edit .jslider-scale {
    display: none
}

.NS_project_profiles__edit .jslider .jslider-bg {
    background-color: #F1EEEA;
    border-radius: 6px;
    height: 6px;
    cursor: pointer
}

.NS_project_profiles__edit .jslider .jslider-bg i {
    display: none
}

.NS_project_profiles__edit .jslider .jslider-pointer {
    background-image: none;
    background-color: #2BDE73;
    border: 1px solid #1db95c;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: -2px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.05)
}

.project-profile-controls {
    top: 0px;
    left: 0px;
    width: 100%
}

@media screen and (min-width: 640px) {
    .project-profile-controls {
        position: absolute;
        z-index: 2;
        overflow: hidden;
        height: 70px
    }
}

.project-profile-controls .project-profile-controls__bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.project-profile-controls .project-profile-controls__content_left {
    position: absolute;
    top: 20px;
    left: 130px
}

.project-profile-controls .project-profile-controls__content_left:not(.is-visible) {
    opacity: 0
}

.project-profile-controls .project-profile-controls__content_right {
    position: absolute;
    top: -60px;
    right: 30px;
    opacity: 0;
    height: 35px;
    overflow: hidden;
    text-align: right
}

.project-profile-controls .project-profile-controls__content_right .ksr-icon__check {
    font-size: 10px;
    margin-right: 5px
}

.project-profile-controls .publish-prompt-controls,
.project-profile-controls .publish-prompt-confirm-controls {
    height: 35px
}

.project-profile-controls .publish-prompt-confirm-controls {
    color: white;
    font-weight: bold;
    font-size: 14px;
    margin-top: -35px;
    position: relative
}

.project-profile-controls .publish-prompt-confirm-controls.is-visible {
    margin-top: 0px
}

.project-profile-controls.publish-is-visible .project-profile-controls__content_right {
    top: 20px;
    opacity: 1
}

@media screen and (max-width: 640px) {
    .project-profile-controls.publish-is-visible .project-profile-controls__content_right {
        top: 60px
    }
}

.project-profile-controls.publish-is-visible.skrollable-after {
    overflow: visible
}

.project-profile-controls.publish-is-visible.skrollable-after .project-profile-controls__bg {
    position: fixed;
    height: 60px
}

.project-profile-controls.publish-is-visible.skrollable-after .project-profile-controls__content_right {
    position: fixed
}

.is_admin .project-profile-controls.skrollable-after .project-profile-controls__bg {
    top: 34px
}

.is_admin .project-profile-controls.skrollable-after .project-profile-controls__content_right {
    top: 54px
}

.edit-icon {
    font-size: 18px;
    display: inline-block
}

.edit-icon .edit-icon__trigger {
    position: relative;
    cursor: pointer;
    display: inline-block
}

.edit-icon .edit-icon__trigger:hover {
    opacity: 0.7
}

.edit-icon--multiple-options {
    height: 30px;
    white-space: nowrap;
    position: relative
}

.edit-icon--multiple-options .edit-icon__trigger {
    float: left;
    z-index: 1
}

.edit-icon--multiple-options .edit-icon__trigger .icon,
.edit-icon--multiple-options .edit-icon__trigger .label {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.edit-icon--multiple-options .edit-icon__trigger .icon {
    background-image: url(/assets/icons/ios-plus-outline-ef29a94ac5e13715d2f4bb736c0dd18b6f849136fa2c4b7a7f55f592c7d87e81.svg);
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.edit-icon--multiple-options .edit-icon__trigger .label {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    top: -2px
}

.edit-icon--multiple-options .edit-icon__options {
    height: 30px;
    overflow: hidden;
    line-height: 28px;
    position: absolute;
    left: 42px;
    z-index: 1;
    top: -30px
}

.edit-icon--multiple-options .edit-icon__options .option {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: -30px;
    opacity: 0
}

.edit-icon--multiple-options .edit-icon__options .option.loading {
    margin-right: 5px
}

@media screen and (max-width: 640px) {
    .edit-icon--multiple-options .edit-icon__options .option.option__hide_from_mobile {
        display: none
    }
}

.edit-icon--multiple-options .edit-icon__options .option:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

.edit-icon--multiple-options .edit-icon__options .option:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s
}

.edit-icon--multiple-options .edit-icon__options .option:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.edit-icon--multiple-options.is-open:not(.other-is-editing) .edit-icon__trigger .icon {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1
}

.edit-icon--multiple-options.is-open:not(.other-is-editing) .edit-icon__trigger .label {
    top: 34px;
    opacity: 0
}

.edit-icon--multiple-options.is-open:not(.other-is-editing) .edit-icon__options {
    top: 0px
}

.edit-icon--multiple-options.is-open:not(.other-is-editing) .edit-icon__options .option {
    opacity: 1;
    top: 0px
}

.edit-icon--multiple-options.is-open:not(.other-is-editing) .edit-icon__options .option:hover {
    opacity: 0.7
}

.editable-field .ksr-icon__check {
    display: none
}

.editable-field.is-editing {
    border-color: #2752ff
}

.editable-field.is-editing .ksr-icon__write {
    display: none
}

.editable-field.is-editing .ksr-icon__check {
    display: inline-block;
    font-size: 0.85em
}

.editable-field .edit-profile-blurb:focus,
.editable-field .edit-profile-name:focus {
    outline: none
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box,
.NS_project_profiles__feature_image .feature-image-edit-container {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.transition-all-bezier,
.NS_project_profiles__feature_image .feature-image-edit-container {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS_project_profiles__feature_image {
    text-align: center
}

@media screen and (min-width: 640px) {
    .NS_project_profiles__feature_image {
        padding-left: 20px;
        padding-right: 20px
    }
}

.NS_project_profiles__feature_image .project-profile__feature_image {
    position: relative;
    display: inline-block;
    max-width: 100%;
    min-height: 300px
}

.NS_project_profiles__feature_image .project-profile__feature_image.image-is-removed {
    display: block
}

.NS_project_profiles__feature_image .project-profile__feature_image img {
    max-height: 800px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.NS_project_profiles__feature_image .project-profile__feature_image img.hide {
    display: none
}

.NS_project_profiles__feature_image .edit-icon {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media screen and (max-width: 640px) {
    .NS_project_profiles__feature_image .edit-icon {
        bottom: 10px;
        right: 10px
    }
}

.NS_project_profiles__feature_image .edit-icon .edit-icon__options {
    left: auto;
    right: 35px
}

.NS_project_profiles__feature_image .feature-image-edit-container {
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff
}

.NS_project_profiles__feature_image .feature-image-edit-container:not(.is-visible) {
    opacity: 0
}

.NS_project_profiles__feature_image .feature-image-edit-container .feature-image-edit-container__bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100%
}

.NS_project_profiles__feature_image .option.not-visible {
    display: none
}

.NS_project_profiles__feature_image .option a:hover {
    color: inherit
}

.transition-all-bezier,
.NS_project_profiles__project_link .project-profile__link,
.NS_project_profiles__project_link .project-profile__link_options,
.NS_project_profiles__project_link .add-link-button {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS_project_profiles__project_link {
    overflow: hidden;
    margin-bottom: 40px
}

@media screen and (max-width: 640px) {
    .NS_project_profiles__project_link {
        padding-left: 20px;
        padding-right: 20px
    }
}

.NS_project_profiles__project_link.is-editing .project-profile__link {
    padding-left: 20px;
    padding-right: 0px;
    border-left: 3px solid #2752ff;
    padding-bottom: 50px
}

.NS_project_profiles__project_link.is-editing .project-profile__link_options {
    opacity: 1;
    bottom: 0px
}

.NS_project_profiles__project_link .project-profile__link {
    position: relative
}

.NS_project_profiles__project_link .project-profile__button_container {
    border-radius: 6px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 56px;
    max-width: 100%
}

@media screen and (max-width: 640px) {
    .NS_project_profiles__project_link .project-profile__button_container {
        display: block
    }
    .NS_project_profiles__project_link .project-profile__button_container .project-profile__button {
        width: 100%
    }
}

.NS_project_profiles__project_link .project-profile__button_container.edit-icon-is-visible .project-profile__button {
    padding-right: 66px
}

.NS_project_profiles__project_link .project-profile__button {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #2752ff;
    color: #FFFFFF;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: bold
}

.NS_project_profiles__project_link .project-profile__button:hover {
    opacity: 1
}

.NS_project_profiles__project_link .project-profile__button:focus {
    outline: none
}

.NS_project_profiles__project_link .project-profile__button.is-editing {
    cursor: text
}

.NS_project_profiles__project_link .project-profile__button_edit {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px 10px
}

.NS_project_profiles__project_link .project-profile__link_options {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    bottom: -60px;
    opacity: 0;
    font-size: 14px;
    font-weight: bold;
    position: absolute
}

.NS_project_profiles__project_link .project-profile__link_options .option {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer
}

.NS_project_profiles__project_link .add-link-button:not(.is-visible) {
    opacity: 0
}

.project-profile__link_url {
    width: 250px
}

.project-profile__link_url_label {
    color: #020621;
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px
}

.NS_project_profile__title {
    overflow: hidden;
    text-align: center;
    padding: 60px
}

@media screen and (max-width: 640px) {
    .NS_project_profile__title {
        padding: 30px
    }
}

.NS_project_profile__title .project-profile__title {
    display: inline-block;
    min-height: 30px;
    min-width: 30px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}

.NS_project_profile__title .project-profile__title .edit-profile-name {
    word-wrap: break-word
}

.NS_project_profile__title .project-profile__title.is-editing {
    border-bottom: 3px solid #2752ff;
    padding-bottom: 20px
}

.NS_project_profile__title .edit-icon {
    position: absolute;
    right: -40px;
    top: 0px
}

.manage-showcase {
    padding-right: 360px
}

.manage-showcase__form,
.manage-showcase__thumbnail-list {
    height: calc(100vh - 194px);
    overflow-y: auto
}

.manage-showcase__thumbnail-list {
    width: 360px
}

.is_admin .manage-showcase__form,
.is_admin .manage-showcase__thumbnail-list {
    height: calc(100vh - 224px)
}

.manage-showcase__form-inner {
    margin: 0 auto;
    width: 640px !important
}

.manage-showcase__form-inner .manage-showcase__dropdown .manage-showcase__dropdown-title {
    font-weight: normal;
    padding: 10px 15px
}

.manage-showcase__form-inner .manage-showcase__dropdown .manage-showcase__dropdown-title--disabled {
    background-color: #F7F5F2;
    border-color: #F1EEEA;
    color: #3D3D66;
    cursor: default;
    height: auto;
    font-weight: bold
}

.manage-showcase__form-inner .manage-showcase__dropdown .manage-showcase__dropdown-title--disabled:hover {
    background-color: #F7F5F2
}

.manage-showcase__form-inner .manage-showcase__dropdown .manage-showcase__dropdown-inner {
    margin-top: -1px;
    top: 100%
}

.manage-showcase__form-inner .manage-showcase__dropdown .manage-showcase__dropdown-inner .manage-showcase__dropdown-cat button {
    white-space: initial
}

.manage-showcase__form-inner .manage-showcase__dropdown.open .manage-showcase__dropdown-title {
    background-color: #F7F5F2
}

.manage-showcase__form-inner .manage-showcase-textarea--disabled textarea {
    background-color: #F7F5F2;
    border-color: #F1EEEA;
    color: #3D3D66;
    height: auto;
    line-height: 1.4em;
    min-height: 70px
}

.manage-showcase__form-inner .manage-showcase-textarea--disabled b {
    display: none
}

.manage-showcase__form-inner textarea {
    height: 70px
}

.manage-showcase__dropdown-placeholder {
    color: #A9A9A9
}

.manage-showcase__dropdown-cat button {
    padding: 15px
}

.manage-showcase__dropdown-cat:last-of-type {
    border: 0
}

.manage-showcase-upload .asset_upload {
    overflow: hidden
}

.manage-showcase-upload .asset_upload .upload strong {
    display: block;
    height: 100%;
    padding: 20px 0;
    width: 100%
}

.manage-showcase-upload--disabled .asset_upload {
    border: 1px solid #F1EEEA
}

.manage-showcase-upload__progress {
    background-color: #E6E4E2;
    padding: 20px 20px 10px
}

.manage-showcase-upload__progress progress,
.manage-showcase-upload__progress progress[value],
.manage-showcase-upload__progress progress:not([value]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.manage-showcase-upload__progress progress {
    background-color: #FFFFFF;
    border-radius: 10px;
    display: block
}

.manage-showcase-upload__progress progress[value] {
    height: 10px;
    overflow: hidden;
    width: 100%
}

.manage-showcase-upload__progress progress::-webkit-progress-bar {
    background-color: #FFFFFF;
    border-radius: 10px
}

.manage-showcase-upload__progress progress::-webkit-progress-value {
    background-color: #586BE9;
    border-radius: 10px
}

.manage-showcase-upload__progress progress::-moz-progress-bar {
    background-color: #586BE9;
    border-radius: 10px
}

.manage-showcase-upload__feedback__message {
    margin-top: 6px;
    padding-bottom: 10px
}

.manage-showcase-upload__processing {
    background: no-repeat url(/assets/icons/ksr-loader-f84198273f0b1bb949afbdfb8183f1219d12964d213c4152ebed2161a6b6d3a9.gif) center center;
    background-color: #E6E4E2;
    background-size: 33px 11px;
    display: block
}

.manage-showcase-upload__media__photo {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 251px
}

.thumbnail-item.thumbnail-item--active,
.thumbnail-item.thumbnail-item--active:hover {
    background-color: #586BE9;
    color: #FFFFFF
}

.thumbnail-item.thumbnail-item--reorderable:hover {
    cursor: move
}

.thumbnail-item.thumbnail-item--editable:hover .thumbnail-item__actions {
    opacity: 1
}

.thumbnail-item:hover {
    background-color: #F8F9FD;
    cursor: pointer
}

.thumbnail-item__actions {
    opacity: 0;
    background-color: rgba(2, 6, 33, 0.5)
}

.thumbnail-item__actions .icon-display {
    height: 16px;
    width: 16px
}

.thumbnail-item__move,
.thumbnail-item__delete {
    padding: 12px 2px
}

.thumbnail-item__status {
    padding: 2px 3px 11px 10px;
    height: 18px;
    width: 18px
}

.thumbnail-item__status .icon-display {
    height: 12px;
    width: 12px
}

.thumbnail-item__status--locked {
    background-color: rgba(2, 6, 33, 0.5)
}

.thumbnail-item__status--saved {
    background-color: #2BDE73
}

.thumbnail-item__media {
    background: #FFFFFF;
    height: 160px;
    margin-left: 48px;
    width: 160px
}

.thumbnail-item__media--missing {
    background: url(/assets/projects/missing_little-5026395a321074ba5178d8d1e1e445e9f81f56541dbde12bbd1354e38a3b0001.png) center
}

.thumbnail-item__media--updating {
    background: no-repeat url(/assets/icons/ksr-loader-f84198273f0b1bb949afbdfb8183f1219d12964d213c4152ebed2161a6b6d3a9.gif) center center;
    background-color: #E6E4E2;
    background-size: 33px 11px
}

.thumbnail-item__play-button {
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    height: 34px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 34px
}

.thumbnail-item__add-new {
    border: 1px dashed #586BE9;
    color: #2752ff;
    font-weight: 500
}

.thumbnail-item__add-new:hover {
    background-color: #F8F9FD;
    color: #2752ff
}

.thumbnail-item__add-icon {
    fill: #586BE9
}

.thumbnail-item__add-icon .icon-display {
    height: 32px;
    width: 32px
}

.bg-violet-light {
    background: #F8F9FD !important
}

.c-navy-light {
    color: #80809E
}

.bg-navy-light-3 {
    background-color: #F7F7F9
}

.border-navy-light-2 {
    border-color: #EFEFF3
}

.c-grey-dark-mars {
    color: #E6E4E2
}

#NS_project_supporting_material_showcase__show .prototype-gallery__slide-header {
    padding: 0 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#NS_project_supporting_material_showcase__show .prototype-gallery__slide-media img {
    width: auto;
    margin: auto;
    max-height: 269px
}

#NS_project_supporting_material_showcase__show .prototype-gallery__play-button {
    border: 4px solid #ffffff;
    width: 79px;
    height: 79px;
    border-radius: 100%;
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    line-height: 76px;
    cursor: pointer;
    margin: 0 auto
}

#NS_project_supporting_material_showcase__show .prototype-gallery__slide-ugc {
    padding: 20px 20px 0
}

#NS_project_supporting_material_showcase__show .prototype-gallery__pager,
#NS_project_supporting_material_showcase__show .prototype-carousel__pager {
    fill: #3D3D66;
    cursor: pointer
}

#NS_project_supporting_material_showcase__show .prototype-gallery__pager:hover,
#NS_project_supporting_material_showcase__show .prototype-carousel__pager:hover {
    fill: #2752ff
}

#NS_project_supporting_material_showcase__show .prototype-gallery__pager.disabled,
#NS_project_supporting_material_showcase__show .prototype-carousel__pager.disabled {
    cursor: default;
    opacity: 0.4
}

#NS_project_supporting_material_showcase__show .prototype-gallery__pager.disabled:hover,
#NS_project_supporting_material_showcase__show .prototype-carousel__pager.disabled:hover {
    fill: #3D3D66
}

@media screen and (max-width: 640px) {
    #NS_project_supporting_material_showcase__show .prototype-gallery__pager {
        position: fixed;
        bottom: 10px;
        top: auto
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__previous {
        left: 10px;
        width: 46%
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__previous .prototype-gallery__pager-btn {
        padding-left: 40px
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__next {
        right: 10px;
        text-align: right;
        width: 46%
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__next .prototype-gallery__pager-btn {
        padding-right: 40px
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__previous-arrow,
    #NS_project_supporting_material_showcase__show .prototype-gallery__next-arrow {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 20px
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__previous-arrow {
        left: 6px
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__next-arrow {
        right: 6px
    }
}

@media screen and (min-width: 640px) {
    #NS_project_supporting_material_showcase__show .prototype-gallery__slide-media {
        min-height: none;
        position: relative
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__slide-media img {
        margin: auto;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__slide-media {
        height: calc(100vh - 460px)
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__next {
        bottom: 170px;
        left: 50%;
        margin-left: 10%;
        position: fixed;
        right: 0;
        text-align: center
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__previous {
        bottom: 170px;
        left: 0;
        margin-right: 10%;
        position: fixed;
        right: 50%;
        text-align: center
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__next {
        left: 91.66667%;
        width: calc(8.33333% - 10px)
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__previous {
        right: 91.66667%;
        width: calc(8.33333% - 10px)
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__slide-header {
        padding: 0 20px 20px
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel {
        display: block
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnails {
        padding: 20px 0 0;
        overflow: hidden;
        width: 100%
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnails .container {
        width: 100000px
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnail {
        display: inline-block;
        border-bottom: 4px solid transparent;
        float: left;
        margin: 0 10px;
        padding-bottom: 16px
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnail:hover {
        border-bottom-color: #3D3D66
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnail:hover.cycle-slide-active {
        border-bottom-color: #2752ff
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnail:hover .prototype-carousel__tag {
        opacity: 1
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnail .prototype-carousel__thumbnail-inner {
        height: 130px;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        width: 130px
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__thumbnail img {
        bottom: 0;
        display: inline-block;
        left: -50%;
        margin: auto;
        min-height: 130px;
        min-width: 130px;
        position: absolute;
        right: -50%;
        top: 0
    }
    #NS_project_supporting_material_showcase__show .cycle-slide-active {
        border-bottom-color: #2752ff
    }
    #NS_project_supporting_material_showcase__show .prototype-carousel__tag {
        background-color: #2752ff;
        opacity: 0
    }
    #NS_project_supporting_material_showcase__show .prototype-gallery__play-button--sml {
        border-width: 2px;
        width: 34px;
        height: 34px;
        font-size: 16px;
        line-height: 30px
    }
}

body#backers_index .rules_tout,
body#projects_comments .rules_tout,
body#project_faqs_edit .rules_tout,
body#projects_edit .rules_tout {
    font-size: 12px;
    margin-bottom: 10px;
    float: right;
    margin-right: 262px;
    line-height: 40px
}

body#backers_index .rules_tout a,
body#projects_comments .rules_tout a,
body#project_faqs_edit .rules_tout a,
body#projects_edit .rules_tout a {
    text-decoration: underline
}

body#backers_index #running-board-wrap #running-board,
body#projects_comments #running-board-wrap #running-board,
body#project_faqs_edit #running-board-wrap #running-board,
body#projects_edit #running-board-wrap #running-board {
    position: relative
}

@media screen and (max-width: 1000px) {
    body#backers_index #content-wrap #content,
    body#projects_comments #content-wrap #content,
    body#project_faqs_edit #content-wrap #content,
    body#projects_edit #content-wrap #content {
        padding-left: 0px;
        padding-right: 0px
    }
}

body#backers_index .link_to_forgot-password-dialog,
body#projects_comments .link_to_forgot-password-dialog,
body#project_faqs_edit .link_to_forgot-password-dialog,
body#projects_edit .link_to_forgot-password-dialog {
    text-align: center;
    display: block;
    margin: 0 auto;
    cursor: pointer
}

body#backers_index #ready-to-launch,
body#projects_comments #ready-to-launch,
body#project_faqs_edit #ready-to-launch,
body#projects_edit #ready-to-launch {
    padding: 1em 0;
    border-top: 3px solid #020621;
    border-bottom: 3px solid #020621
}

body#backers_index .see-all,
body#projects_comments .see-all,
body#project_faqs_edit .see-all,
body#projects_edit .see-all {
    float: left;
    padding-left: 10px
}

body#backers_index #video-section,
body#projects_comments #video-section,
body#project_faqs_edit #video-section,
body#projects_edit #video-section {
    text-align: center
}

body#projects_edit #project-header #title {
    margin: 25px 0px 5px
}

body#projects_show #project-header .project_preview #title {
    margin: 25px 0px 5px
}

body#projects_show .modal_dialog.dark.modal_send_message .modal_dialog_body {
    padding: 20px;
    min-width: 400px
}

@media all and (max-width: 640px) {
    body#projects_show .modal_dialog.dark.modal_send_message .modal_dialog_body {
        min-width: 300px
    }
}

body#projects_show .rules_tout {
    margin-bottom: 0;
    display: inline-block
}

@media all and (max-width: 640px) {
    body#projects_show .rules_tout {
        display: block
    }
}

body#projects_dashboard .project-meta {
    margin: 0
}

body#projects_dashboard .button-add-comment {
    display: none !important
}

body#projects_dashboard .comment,
body#projects_dashboard .comment-inner {
    border: 0 !important
}

body#projects_dashboard .comment .main,
body#projects_dashboard .comment-inner .main {
    margin-left: 0 !important
}

body#projects_dashboard .comment .date,
body#projects_dashboard .comment-inner .date {
    margin: 0 !important
}

body#projects_dashboard .comment .avatar,
body#projects_dashboard .comment-inner .avatar {
    margin-bottom: 0 !important
}

body#projects_dashboard .comment {
    border-bottom: 1px solid white !important;
    padding: 0 !important
}

body#projects_dashboard hr.space {
    border-color: white
}

body#projects_dashboard #graph {
    width: 680px;
    height: 300px
}

body#projects_dashboard #graph_info h5 {
    text-transform: uppercase
}

body#projects_dashboard #graph_info .num {
    font-size: 3.5em;
    line-height: 1em;
    font-weight: bolder;
    display: block
}

body#projects_dashboard #graph_info #funding_graph_legend table td.legendColorBox {
    display: none
}

body#projects_dashboard #graph_info #funding_graph_legend table td.legendLabel {
    width: 240px;
    display: none
}

body#projects_dashboard #bubble {
    text-transform: uppercase;
    display: block;
    visibility: hidden;
    position: absolute;
    width: 140px;
    height: 50px;
    background-color: #020621;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    list-style: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
    text-align: center
}

body#projects_dashboard #bubble .content {
    display: inline-block;
    width: 140px;
    overflow: hidden
}

body#projects_dashboard #bubble .content .num {
    font-weight: bold
}

body#projects_dashboard #bubble .nipple {
    position: absolute
}

.project-card-wrap {
    clear: both
}

.project-card-wrap .project-title {
    line-height: 1.25em;
    margin-bottom: 0.25em
}

.project-card-wrap .successful .project-pledged-successful {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px
}

.project-card-wrap .tmpl-hide {
    display: none
}

.project-card-wrap .tmpl-projects-friends_backings {
    background-color: #2BDE73;
    text-align: center
}

@media screen and (max-width: 640px) {
    .project-card-wrap .project-title {
        font-size: 16px;
        margin-bottom: 0px
    }
    .project-card-wrap .project-thumbnail {
        padding: 0
    }
    .project-card-wrap .project-thumbnail img {
        width: 100%;
        height: auto
    }
    .project-card-wrap .project-card-footer {
        position: relative
    }
    .project-card-wrap ul.project-stats {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: box;
        -webkit-box-align: center;
        -ms-box-align: center;
        -o-box-align: center;
        box-align: center;
        line-height: 1.6em
    }
    .project-card-wrap ul.project-stats strong {
        font-size: 16px
    }
    .project-card-wrap ul.project-stats li:not(.backers) {
        -webkit-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: block
    }
    .project-card-wrap .project-pledged-wrap {
        height: 8px;
        border-radius: 4px;
        overflow: hidden
    }
    .project-card-wrap .project-pledged-wrap .project-pledged {
        border-radius: 4px
    }
}

.project-card-wrap-tall .project-pledged-successful,
.project-card-wrap-tall-big .project-pledged-successful {
    margin-left: -10px;
    margin-right: -10px
}

@media screen and (min-width: 640px) {
    .project-card-wrap-tall .project-pledged-wrap,
    .project-card-wrap-tall-big .project-pledged-wrap {
        height: 6px;
        border-radius: 3px
    }
    .project-card-wrap-tall .project-pledged-wrap .project-pledged,
    .project-card-wrap-tall-big .project-pledged-wrap .project-pledged {
        border-radius: 3px
    }
    .project-card-wrap-tall .project-stats,
    .project-card-wrap-tall-big .project-stats {
        line-height: 1.25em
    }
}

@media screen and (max-width: 640px) {
    .project-card-wrap-tall .project-title,
    .project-card-wrap-tall-big .project-title {
        white-space: nowrap;
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media screen and (min-width: 640px) {
    .project-card-wrap-tall .project-card {
        height: 433px
    }
    .project-card-wrap-tall .project-thumbnail {
        height: 165px
    }
}

@media screen and (min-width: 640px) {
    .project-card-wrap-tall-big .project-card {
        height: 458px
    }
    .project-card-wrap-tall-big .project-stats li:not(:last-child) {
        margin-right: 30px
    }
}

.project-card-wide-wrap .project-card-interior {
    position: relative;
    padding: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 640px) {
    .project-card-wide-wrap .project-thumbnail {
        width: 330px;
        height: 250px
    }
    .project-card-wide-wrap .project-card-interior {
        height: 240px;
        padding-left: 0px
    }
}

@media screen and (max-width: 640px) {
    .project-card-wide-wrap .project-title {
        margin-bottom: 20px
    }
    .project-card-wide-wrap .project-pledged-successful {
        margin-left: -20px;
        margin-right: -30px;
        text-align: center
    }
    .project-card-wide-wrap .NS_projects__category_location {
        display: none
    }
}

.project-card-wide-wrap .project-stats {
    line-height: 1.6em
}

.project-card-mini-wrap .project_thumbnail {
    height: 171px
}

.project-card-mini-wrap .project_thumbnail_image {
    width: 230px
}

.project-card-mini-wrap .funding_tag {
    background-color: #fcdda3;
    padding: 2px 6px;
    font-size: 12px;
    color: #020621;
    position: absolute;
    top: 0px;
    left: 10px
}

.project-card-mini-wrap .project_name {
    height: 50px;
    word-break: break-word
}

.NS_project__baseball_card_stats .project-pledged-wrap {
    height: 8px;
    border-radius: 4px;
    overflow: hidden
}

.NS_project__baseball_card_stats .project-pledged-wrap .project-pledged {
    border-radius: 4px
}

.NS_projects__cancel {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding: 30px 0px
}

.NS_projects__cancel .grey-frame {
    border: 5px solid #F7F5F2;
    border-radius: 6px
}

.NS_projects__cancel .grey-frame-inner {
    border: 1px solid #F1EEEA;
    padding: 25px;
    overflow: hidden;
    zoom: 1;
    border-radius: 3px
}

.NS_projects__cancel .grey-frame-narrow {
    width: 550px;
    margin: 0 auto
}

.NS_projects__cancel #forgot_password {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #F7F5F2
}

.NS_projects__cancel fieldset {
    margin: 20px 0
}

.NS_projects__cancel fieldset label {
    margin-bottom: 10px
}

.NS_projects__cancel a.cancel {
    margin-left: 20px;
    line-height: 40px;
    font-size: 14px;
    color: #3D3D66;
    text-decoration: underline
}

.NS_projects__cancel a.cancel:hover {
    color: #020621
}

.NS_projects__category_location {
    font-weight: 600;
    font-size: 0.75rem
}

.NS_projects__category_location a {
    color: #80809E
}

.NS_projects__category_location a:hover {
    color: #3D3D66
}

.NS_projects__category_location .ksr-icon__location,
.NS_projects__category_location .ksr-icon__tag {
    font-weight: normal
}

.NS_projects__category_location .ksr-icon__location {
    font-size: 16px;
    position: relative;
    top: -1px
}

.NS_projects__category_location .ksr-icon__tag {
    margin-right: 3px
}

@media screen and (min-width: 640px) {
    .NS_projects__category_location {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .NS_projects__category_location {
        display: inline
    }
}

.community-section__locations .location-list__item {
    *zoom: 1
}

.community-section__locations .location-list__item:before,
.community-section__locations .location-list__item:after {
    content: " ";
    display: table
}

.community-section__locations .location-list__item:after {
    clear: both
}

.transition-all-bezier,
.community-section__hero .down-arrow,
.community-section__founding_backers .more-backers {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS_projects__community_section {
    background-color: #F7F5F2;
    padding-bottom: 120px
}

.NS_projects__community_section .community-block-content {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    padding: 40px
}

@media screen and (max-width: 840px) {
    .NS_projects__community_section .community-block-content {
        padding: 20px
    }
}

.community-section__hero {
    padding: 120px 0;
    background-color: #2752ff;
    background-image: url(/assets/projects/community/network-graphic-4fa5c7a395b493b7eb602005d1fca02238ac815ebd036c5d4622734564579c55.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    color: #FFFFFF;
    text-align: center;
    position: relative
}

@media screen and (max-width: 840px) {
    .community-section__hero {
        padding-top: 80px;
        padding-bottom: 80px;
        background-size: 130% auto
    }
}

.community-section__hero .title {
    font-size: 1.375rem;
    line-height: 2
}

@media screen and (max-width: 840px) {
    .community-section__hero .title {
        line-height: 1.5
    }
    .community-section__hero .title .tablet-inline {
        display: inline
    }
}

.community-section__hero .down-arrow {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -30px;
    background-color: #FFFFFF;
    border-radius: 50%;
    padding: 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.community-section__hero .down-arrow svg {
    width: 10px;
    height: 17px
}

.community-section__hero .down-arrow:hover {
    bottom: -25px
}

.community-section__locations {
    padding: 40px 0
}

.community-section__locations .primary-title,
.community-section__locations .subtitle {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5
}

.community-section__locations .subtitle {
    color: #3D3D66
}

.community-section__locations .primary-title {
    padding-bottom: 50px;
    border-bottom: 1px solid #F1EEEA;
    margin-bottom: 30px
}

.community-section__locations .location-list-wrapper {
    margin-bottom: 40px;
    position: relative
}

.community-section__locations .location-list {
    max-height: 450px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.community-section__locations .location-list__item {
    margin-bottom: 15px
}

.community-section__locations .location-list__item .primary-text {
    font-size: 0.875rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px
}

.community-section__locations .location-list__item .secondary-text,
.community-section__locations .location-list__item .tertiary-text {
    font-size: 0.75rem;
    color: #3D3D66;
    display: inline-block
}

.community-section__locations .btn--border-gray-thin {
    background-color: #FFFFFF
}

@media screen and (max-width: 640px) {
    .community-section__locations .community-section__locations_cities {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 640px) {
    .community-section__locations_cities {
        margin-right: 20px
    }
}

@media screen and (min-width: 640px) {
    .community-section__locations_countries {
        margin-left: 20px
    }
}

.community-section__new_vs_existing {
    padding-bottom: 80px
}

.community-section__new_vs_existing .new-backers,
.community-section__new_vs_existing .existing-backers {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

@media screen and (min-width: 640px) {
    .community-section__new_vs_existing .new-backers,
    .community-section__new_vs_existing .existing-backers {
        width: 50%;
        float: left
    }
}

.community-section__new_vs_existing .new-backers .count,
.community-section__new_vs_existing .existing-backers .count {
    color: #ffbdab;
    font-size: 95px;
    padding: 30px 0px;
    letter-spacing: -1px
}

@media screen and (max-width: 640px) {
    .community-section__new_vs_existing .new-backers .count,
    .community-section__new_vs_existing .existing-backers .count {
        font-size: 55px;
        padding: 10px 0px
    }
}

.community-section__new_vs_existing .new-backers .description,
.community-section__new_vs_existing .existing-backers .description {
    color: #3D3D66;
    font-size: 0.875rem
}

@media screen and (min-width: 640px) {
    .community-section__new_vs_existing .new-backers .description,
    .community-section__new_vs_existing .existing-backers .description {
        width: 50%;
        margin: 0 auto
    }
}

.community-section__new_vs_existing .new-backers {
    border-right: 1px solid #F1EEEA
}

@media screen and (max-width: 640px) {
    .community-section__new_vs_existing .new-backers {
        border-right: none;
        border-bottom: 1px solid #F1EEEA;
        padding: 10px 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .community-section__new_vs_existing .existing-backers {
        padding: 30px 20px 10px
    }
}

@media screen and (max-width: 640px) {
    .community-section__new_vs_existing .community-block-content {
        padding-left: 0px;
        padding-right: 0px
    }
}

.community-section__founding_backers .title {
    text-align: center
}

.community-section__founding_backers .subtitle {
    margin: auto;
    font-size: 1.375rem;
    color: #3D3D66;
    padding: 40px 0 60px
}

@media screen and (min-width: 640px) {
    .community-section__founding_backers .subtitle {
        width: 50%
    }
}

.community-section__founding_backers .founding-backer {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width: 840px) {
    .community-section__founding_backers .founding-backer {
        padding: 20px 10px
    }
}

.community-section__founding_backers .founding-backer .avatar {
    width: 100px;
    height: 100px;
    background-color: #F1EEEA;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 40px
}

.community-section__founding_backers .founding-backer .name {
    font-size: 1.125rem;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 840px) {
    .community-section__founding_backers .founding-backer .name {
        font-size: 0.875rem
    }
}

.community-section__founding_backers .founding-backer .backing-count {
    font-size: 0.875rem;
    color: #3D3D66
}

@media screen and (max-width: 840px) {
    .community-section__founding_backers .founding-backer .backing-count {
        font-size: 0.75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.community-section__founding_backers .more-backers {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #2752ff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 0.75rem;
    margin: 0 auto;
    font-weight: 500;
    display: block;
    cursor: pointer
}

.community-section__founding_backers .more-backers:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.community-section__small_community {
    padding: 140px 0 20px;
    text-align: center
}

.NS_projects__confirm_launch #ready_to_launch img {
    width: 100px;
    height: 75px
}

.NS_projects__confirm_launch #ready_to_launch dl {
    margin-top: 0;
    margin-bottom: 0;
    height: 75px
}

.NS_projects__confirm_launch #ready_to_launch dl.name {
    width: 290px
}

.NS_projects__confirm_launch #ready_to_launch dl.goal {
    width: 160px
}

.NS_projects__confirm_launch #ready_to_launch dl.duration {
    width: 130px
}

.NS_projects__confirm_launch #ready_to_launch.with_duration .goal {
    width: 100px
}

.NS_projects__confirm_launch #ready_to_launch.with_duration .name {
    width: 220px
}

.NS_projects__confirm_launch label {
    display: inline-block
}

.tablet #video-section .video-player,
.tablet #video-section video {
    height: 480px
}

.tablet #video-section .video-player.fullscreen {
    height: 100%
}

.tablet .NS_projects__content .full-description .video-player,
.tablet .NS_projects__content .full-description video {
    height: 480px
}

.tablet .NS_projects__content .full-description .video-player.fullscreen {
    height: 100%
}

.NS_projects__content {
    overflow: hidden;
    position: relative;
    padding-top: 65px
}

.NS_projects__content section {
    min-height: 400px
}

.NS_projects__content .avatar-image {
    width: 60px;
    height: auto
}

.NS_projects__content .full-description {
    line-height: 1.5em;
    word-wrap: break-word
}

.NS_projects__content .full-description h1,
.NS_projects__content .full-description h2:not(.title),
.NS_projects__content .full-description h3,
.NS_projects__content .full-description h4,
.NS_projects__content .full-description h5,
.NS_projects__content .full-description h6 {
    font-size: 1.25em;
    line-height: 1.25em
}

.NS_projects__content .full-description ul {
    list-style: disc
}

.NS_projects__content .full-description ul li {
    margin-bottom: 6px
}

.NS_projects__content .full-description img {
    max-width: 100%
}

.NS_projects__content .full-description .template {
    margin-bottom: 20px
}

.NS_projects__content .full-description figcaption {
    font-size: 14px;
    font-style: italic
}

.NS_projects__content #video-section .video-player {
    height: auto;
    width: 100%
}

.NS_projects__content span.reported {
    background: #fcdda3;
    padding: 2px 5px;
    color: #020621
}

.transition-all-bezier,
body.projects.is_creator,
body.project.is_creator,
body.surveys.is_creator,
body.backer_report.is_creator,
body.posts.is_creator,
body.messages.is_creator,
body.backers.is_creator,
body.disbursements.is_creator,
body.backer_reports.is_creator,
body.survey_editability.is_creator,
body.project_collaborators.is_creator,
body.projects.is_creator #header,
body.projects.is_creator #admin-menu,
body.projects.is_creator #post-publisher-wrap,
body.project.is_creator #header,
body.project.is_creator #admin-menu,
body.project.is_creator #post-publisher-wrap,
body.surveys.is_creator #header,
body.surveys.is_creator #admin-menu,
body.surveys.is_creator #post-publisher-wrap,
body.backer_report.is_creator #header,
body.backer_report.is_creator #admin-menu,
body.backer_report.is_creator #post-publisher-wrap,
body.posts.is_creator #header,
body.posts.is_creator #admin-menu,
body.posts.is_creator #post-publisher-wrap,
body.messages.is_creator #header,
body.messages.is_creator #admin-menu,
body.messages.is_creator #post-publisher-wrap,
body.backers.is_creator #header,
body.backers.is_creator #admin-menu,
body.backers.is_creator #post-publisher-wrap,
body.disbursements.is_creator #header,
body.disbursements.is_creator #admin-menu,
body.disbursements.is_creator #post-publisher-wrap,
body.backer_reports.is_creator #header,
body.backer_reports.is_creator #admin-menu,
body.backer_reports.is_creator #post-publisher-wrap,
body.survey_editability.is_creator #header,
body.survey_editability.is_creator #admin-menu,
body.survey_editability.is_creator #post-publisher-wrap,
body.project_collaborators.is_creator #header,
body.project_collaborators.is_creator #admin-menu,
body.project_collaborators.is_creator #post-publisher-wrap,
.NS_projects__creator_nav #creator_nav,
.NS_projects__creator_nav #creator_nav .project_summary .image .title {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3,
.NS_projects__creator_nav .expand-creator-nav {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

body.projects.creator_nav_visible,
body.project.creator_nav_visible,
body.surveys.creator_nav_visible,
body.backer_report.creator_nav_visible,
body.posts.creator_nav_visible,
body.messages.creator_nav_visible,
body.backers.creator_nav_visible,
body.disbursements.creator_nav_visible,
body.backer_reports.creator_nav_visible,
body.survey_editability.creator_nav_visible,
body.project_collaborators.creator_nav_visible {
    margin-left: 220px
}

body.projects.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.project.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.surveys.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.backer_report.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.posts.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.messages.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.backers.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.disbursements.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.backer_reports.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.survey_editability.creator_nav_visible .expand-creator-nav .ksr-icon__close,
body.project_collaborators.creator_nav_visible .expand-creator-nav .ksr-icon__close {
    display: inline-block
}

body.projects.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.project.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.surveys.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.backer_report.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.posts.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.messages.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.backers.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.disbursements.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.backer_reports.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.survey_editability.creator_nav_visible .expand-creator-nav .ksr-icon__menu,
body.project_collaborators.creator_nav_visible .expand-creator-nav .ksr-icon__menu {
    display: none
}

body.projects.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.project.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.surveys.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.backer_report.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.posts.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.messages.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.backers.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.disbursements.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.backer_reports.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.survey_editability.creator_nav_visible .NS_projects__creator_nav #creator_nav,
body.project_collaborators.creator_nav_visible .NS_projects__creator_nav #creator_nav {
    left: 0px
}

body.projects.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.project.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.surveys.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.backer_report.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.posts.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.messages.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.backers.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.disbursements.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.backer_reports.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.survey_editability.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper,
body.project_collaborators.creator_nav_visible .NS_projects__project_nav .skrollable-after .nav-wrapper {
    left: -110px
}

body.projects.creator_nav_visible #admin-menu,
body.project.creator_nav_visible #admin-menu,
body.surveys.creator_nav_visible #admin-menu,
body.backer_report.creator_nav_visible #admin-menu,
body.posts.creator_nav_visible #admin-menu,
body.messages.creator_nav_visible #admin-menu,
body.backers.creator_nav_visible #admin-menu,
body.disbursements.creator_nav_visible #admin-menu,
body.backer_reports.creator_nav_visible #admin-menu,
body.survey_editability.creator_nav_visible #admin-menu,
body.project_collaborators.creator_nav_visible #admin-menu {
    padding-right: 220px
}

body.projects.creator_nav_visible #header,
body.project.creator_nav_visible #header,
body.surveys.creator_nav_visible #header,
body.backer_report.creator_nav_visible #header,
body.posts.creator_nav_visible #header,
body.messages.creator_nav_visible #header,
body.backers.creator_nav_visible #header,
body.disbursements.creator_nav_visible #header,
body.backer_reports.creator_nav_visible #header,
body.survey_editability.creator_nav_visible #header,
body.project_collaborators.creator_nav_visible #header {
    margin-top: -61px;
    opacity: 0
}

body.projects.creator_nav_visible #post-publisher-wrap,
body.project.creator_nav_visible #post-publisher-wrap,
body.surveys.creator_nav_visible #post-publisher-wrap,
body.backer_report.creator_nav_visible #post-publisher-wrap,
body.posts.creator_nav_visible #post-publisher-wrap,
body.messages.creator_nav_visible #post-publisher-wrap,
body.backers.creator_nav_visible #post-publisher-wrap,
body.disbursements.creator_nav_visible #post-publisher-wrap,
body.backer_reports.creator_nav_visible #post-publisher-wrap,
body.survey_editability.creator_nav_visible #post-publisher-wrap,
body.project_collaborators.creator_nav_visible #post-publisher-wrap {
    position: fixed;
    margin-left: -110px
}

body.projects.creator_nav_visible .mini-footer--sticky,
body.project.creator_nav_visible .mini-footer--sticky,
body.surveys.creator_nav_visible .mini-footer--sticky,
body.backer_report.creator_nav_visible .mini-footer--sticky,
body.posts.creator_nav_visible .mini-footer--sticky,
body.messages.creator_nav_visible .mini-footer--sticky,
body.backers.creator_nav_visible .mini-footer--sticky,
body.disbursements.creator_nav_visible .mini-footer--sticky,
body.backer_reports.creator_nav_visible .mini-footer--sticky,
body.survey_editability.creator_nav_visible .mini-footer--sticky,
body.project_collaborators.creator_nav_visible .mini-footer--sticky {
    margin-left: 110px
}

body.projects.creator_nav_visible .site-footer,
body.projects.creator_nav_visible #project_bar,
body.project.creator_nav_visible .site-footer,
body.project.creator_nav_visible #project_bar,
body.surveys.creator_nav_visible .site-footer,
body.surveys.creator_nav_visible #project_bar,
body.backer_report.creator_nav_visible .site-footer,
body.backer_report.creator_nav_visible #project_bar,
body.posts.creator_nav_visible .site-footer,
body.posts.creator_nav_visible #project_bar,
body.messages.creator_nav_visible .site-footer,
body.messages.creator_nav_visible #project_bar,
body.backers.creator_nav_visible .site-footer,
body.backers.creator_nav_visible #project_bar,
body.disbursements.creator_nav_visible .site-footer,
body.disbursements.creator_nav_visible #project_bar,
body.backer_reports.creator_nav_visible .site-footer,
body.backer_reports.creator_nav_visible #project_bar,
body.survey_editability.creator_nav_visible .site-footer,
body.survey_editability.creator_nav_visible #project_bar,
body.project_collaborators.creator_nav_visible .site-footer,
body.project_collaborators.creator_nav_visible #project_bar {
    display: none
}

body.projects.is_creator #header,
body.project.is_creator #header,
body.surveys.is_creator #header,
body.backer_report.is_creator #header,
body.posts.is_creator #header,
body.messages.is_creator #header,
body.backers.is_creator #header,
body.disbursements.is_creator #header,
body.backer_reports.is_creator #header,
body.survey_editability.is_creator #header,
body.project_collaborators.is_creator #header {
    position: relative
}

body.posts #post-publisher-wrap {
    position: static
}

.NS_projects__creator_nav .expand-creator-nav {
    font-weight: bold;
    position: absolute;
    font-size: 14px;
    padding: 25px 20px
}

@media screen and (min-width: 640px) {
    .NS_projects__creator_nav .expand-creator-nav {
        margin-left: 20px
    }
}

.NS_projects__creator_nav .expand-creator-nav:hover {
    opacity: 0.7
}

.NS_projects__creator_nav .expand-creator-nav .ksr-icon__close {
    display: none
}

.NS_projects__creator_nav #creator_nav {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #020621;
    position: fixed;
    top: 0px;
    left: -220px;
    width: 220px
}

.NS_projects__creator_nav #creator_nav h1.logo {
    font-size: 24px;
    padding-bottom: 5px
}

.NS_projects__creator_nav #creator_nav h1.logo a:hover {
    color: #2BDE73
}

.NS_projects__creator_nav #creator_nav .project_summary .image {
    width: 220px;
    height: 150px;
    overflow: hidden;
    position: relative;
    line-height: 150px;
    background-size: cover
}

.NS_projects__creator_nav #creator_nav .project_summary .image .title {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    width: 180px;
    height: 150px;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0 20px
}

.NS_projects__creator_nav #creator_nav .project_summary .image .title a {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 160px;
    color: #fff
}

.NS_projects__creator_nav #creator_nav .project_summary .image .title:hover {
    background: rgba(0, 0, 0, 0.3)
}

.NS_projects__creator_nav #creator_nav ul {
    list-style: none;
    font-size: 14px;
    margin-bottom: 10px
}

.NS_projects__creator_nav #creator_nav ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.NS_projects__creator_nav #creator_nav ul li {
    padding: 6px 20px 0px
}

.NS_projects__creator_nav #creator_nav ul li a {
    color: #F7F5F2
}

.NS_projects__creator_nav #creator_nav ul li a:hover {
    color: #2BDE73
}

.NS_projects__creator_nav #creator_nav ul li .last_update {
    color: #3D3D66;
    margin-left: 5px
}

.NS_projects__creator_nav #creator_nav ul li .ss-icon {
    font-size: 12px;
    margin-left: 5px;
    border: none;
    color: #3D3D66;
    cursor: pointer
}

.NS_projects__creator_nav #creator_nav ul li .ss-icon:hover {
    color: #2BDE73
}

.NS_projects__creator_nav #creator_nav ul li:first-child {
    padding-top: 20px
}

.NS_projects__creator_nav #creator_nav ul li.selected a {
    color: #2BDE73
}

.NS_projects__creator_nav #creator_nav ul.small_links {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 60px
}

@media screen and (min-height: 560px) {
    .NS_projects__creator_nav #creator_nav ul.small_links {
        position: absolute;
        bottom: 20px
    }
}

.NS_projects__creator_nav #creator_nav ul.small_links li {
    padding-top: 3px
}

body#projects_show .expand-creator-nav--spotlight {
    color: #FFFFFF
}

body#projects_show .expand-creator-nav--spotlight:hover {
    color: #FFFFFF
}

body#projects_show.is_admin .expand-creator-nav--spotlight {
    color: #FFFFFF
}

.expand-creator-nav--funding {
    color: #3D3D66
}

.expand-creator-nav--funding:hover {
    color: #3D3D66
}

.NS_projects__credit_card_fees h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-right: 30px;
    margin-bottom: 0px
}

.NS_projects__credit_card_fees dd {
    font-weight: bold;
    margin-bottom: 5px
}

.NS_projects__credit_card_fees .fees {
    margin-bottom: 20px
}

@media (max-width: 640px) {
    .country .select_country .ksr-select {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.modal_dialog.fees .NS_projects__credit_card_fees p.intro {
    font-size: 14px;
    margin-left: 8px
}

body#help_fees .NS_projects__credit_card_fees {
    width: auto
}

body#help_fees .NS_projects__credit_card_fees p.intro {
    margin-top: 50px
}

body#projects_edit .NS_projects__edit_bank_account form fieldset input[type="text"].errored,
body#projects_edit .NS_projects__edit_bank_account form fieldset textarea.errored,
body#projects_edit .NS_projects__edit_bank_account form fieldset select.errored {
    border: 1px solid #fd003b;
    background: #ffecf0;
    z-index: 1
}

.NS_projects__edit_nav .steps,
.NS_projects__edit_nav .preview,
.NS_projects__edit_nav .finished {
    border-color: #dad7d4
}

.NS_projects__edit_nav .steps a,
.NS_projects__edit_nav .preview a,
.NS_projects__edit_nav .finished a {
    color: #3D3D66;
    border-color: #dad7d4
}

.NS_projects__edit_nav .steps a:hover,
.NS_projects__edit_nav .preview a:hover,
.NS_projects__edit_nav .finished a:hover {
    color: #2752ff;
    background: #FFFFFF
}

.NS_projects__edit_nav #continue_nav {
    display: none
}

.NS_projects__edit_nav.on_continue_nav #project_build_nav {
    display: none
}

.NS_projects__edit_nav.on_continue_nav #continue_nav {
    display: block
}

.NS_projects__edit_nav .check-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: 8px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    line-height: 12px;
    background: #cecbc7
}

.NS_projects__edit_nav .alert {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: top
}

.NS_projects__edit_nav .completed .check-icon {
    background-color: #25CB68
}

.NS_projects__edit_nav .errored .check-icon {
    display: none
}

.NS_projects__edit_nav .errored .alert {
    display: inline-block
}

.NS_projects__edit_nav .selected {
    background-color: rgba(247, 245, 242, 0.6);
    color: #2752ff !important
}

.NS_projects__edit_nav a.disabled {
    color: #80809E !important;
    background: #F7F5F2 !important;
    cursor: default
}

.NS_projects__edit_nav a.disabled .check-icon {
    background-color: #25CB68
}

.NS_projects__edit_nav .preview .count {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 2px;
    border-radius: 3px;
    font-size: 10px
}

.NS_projects__edit_nav #confirm-preview-nav {
    display: none
}

.NS_projects__edit_nav .project_complete.started {
    text-align: center;
    padding: 10px
}

.NS_projects__edit_nav .project_complete.started .subtext {
    font-size: 11px;
    color: #828587;
    font-weight: normal
}

.confirm_preview .NS_projects__edit_nav #project-edit-nav {
    display: none
}

.confirm_preview .NS_projects__edit_nav #confirm-preview-nav {
    display: block
}

.confirm_preview #share_preview_wrap,
.confirm_preview .project_preview_comments.has_token {
    display: none
}

body#projects_edit li.payment-source #new_card_form #card-info {
    padding-top: 0
}

body#projects_edit li.payment-source #new_card_form .card-types {
    float: left
}

body#projects_edit li.payment-source #new_card_form fieldset {
    background: none;
    border: none
}

body#projects_edit li.payment-source #new_card_form ol.grouped label {
    padding-left: 0
}

body#projects_edit li.payment-source #new_card_form ol.grouped input {
    width: 100%
}

body#projects_edit li.payment-source #new_card_form ol.grouped #card_number label {
    display: block
}

body#projects_edit li.payment-source #new_card_form ol.grouped #card_number input {
    width: 210px
}

body#projects_edit li.payment-source #new_card_form ol.grouped #js-card_type_list {
    margin-top: 5px;
    margin-bottom: 10px
}

body#projects_edit li.payment-source #new_card_form ol.grouped #card_expiration {
    float: left
}

body#projects_edit li.payment-source #new_card_form ol.grouped #card_expiration label {
    display: block
}

body#projects_edit li.payment-source #new_card_form ol.grouped #card_cvn label {
    text-align: left !important;
    display: block;
    margin-bottom: 2px;
    padding-bottom: 0
}

body#projects_edit li.payment-source #new_card_form ol.grouped #card_cvn input {
    width: 100px
}

body#projects_edit li.payment-source #new_card_form ol.grouped #remember_card {
    margin-left: 0
}

body#projects_edit li.payment-source #new_card_form ol.grouped #remember_card input {
    width: auto
}

body#projects_edit li.payment-source #new_card_form #billing-info {
    padding-top: 0
}

body#projects_edit li.payment-source #new_card_form #billing-info fieldset legend {
    display: block;
    width: 100%;
    border-top: 1px solid #F1EEEA;
    padding-top: 25px
}

body#projects_edit li.payment-source #new_card_form #billing-info fieldset label {
    padding-left: 0 !important;
    display: block
}

body#projects_edit li.payment-source #credit_card_form #card_accountNumber.valid,
body#projects_edit li.payment-source #credit_card_form #number.valid,
body#projects_edit li.payment-source #new_sepa_account_form #card_accountNumber.valid,
body#projects_edit li.payment-source #new_sepa_account_form #number.valid {
    background-position: 180px center
}

body#projects_edit li.payment-source .js-pledge-submit {
    margin-bottom: 10px
}

body#projects_edit li.payment-source #stored_card_form {
    margin-bottom: 20px
}

body#projects_edit li.payment-source #stored_card_form .credit_card_choice .payment_option {
    width: 427px;
    margin-bottom: 5px;
    background: #FFFFFF;
    border: 1px solid #F1EEEA;
    border-radius: 6px
}

body#projects_edit li.payment-source #stored_card_form .credit_card_choice .payment_option:hover {
    border: 1px dashed #80809E;
    background: white
}

body#projects_edit li.payment-source #stored_card_form .credit_card_choice .payment_option.selected {
    background: #FFFFFF;
    border: 1px solid #2752ff
}

body#projects_edit li.payment-source #stored_card_form #new-card .payment_option {
    width: 427px;
    border-radius: 6px;
    background: #f7fafa;
    border: 1px solid #F1EEEA
}

body#projects_edit li.payment-source #stored_card_form #new-card .payment_option:hover {
    border: 1px solid #3D3D66;
    background: white
}

body#projects_edit li.payment-source #stored_card_form #new-card .payment_option.selected {
    background: white;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

body#projects_edit li.payment-source #stored_card_form #new-card .payment_option.selected #new_card_form {
    background: white
}

body#projects_edit li.payment-source #stored_card_form #new-card #new_card_form,
body#projects_edit li.payment-source #stored_card_form #stored_card_form #new-card #new_payment_bank_account,
body#projects_edit li.payment-source #stored_card_form #stored_card_form #new-bank-account #new_card_form,
body#projects_edit li.payment-source #stored_card_form #stored_card_form #new-bank-account #new_payment_bank_account {
    background: white
}

.NS_projects__edit_rules .question {
    margin-bottom: 40px
}

.NS_projects__edit_rules .container {
    width: 640px
}

.NS_projects__edit_rules .last {
    padding-top: 20px
}

.NS_projects__edit_rules #hero {
    margin-top: 20px
}

.NS_projects__edit_rules #hero h2 {
    display: none
}

.NS_projects__edit_rules li {
    list-style-type: disc
}

.NS_projects__edit_rules .contact_tout {
    margin-top: 20px;
    padding-bottom: 20px
}

.NS_projects__edit_rules .divider {
    width: 40px;
    background: #2BDE73;
    height: 3px;
    margin-top: 60px;
    margin-bottom: 60px
}

#eligibility_modal {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px
}

.NS_projects__edit_submission .replied_last form {
    display: none
}

.NS_projects__edit_submission .reply_container {
    clear: both
}

.NS_projects__edit_submission .reply_container label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px
}

.NS_projects__edit_submission .edit_submission {
    margin-bottom: 20px
}

.NS_projects__edit_submission fieldset {
    margin-bottom: 10px
}

.NS_projects__edit_submission ul.messages .message.unread {
    background: none
}

.NS_projects__edit_submission .small-tag {
    font-weight: bold
}

.NS_projects__edit_submission .highlight {
    font-size: 18px;
    line-height: 23px
}

.NS_projects__edit_submission .highlight span {
    background: #fcdda3
}

.NS_projects__edit_submission_sidebar img {
    width: 220px;
    height: 165px;
    margin-bottom: 10px
}

.NS_projects__edit_submission_sidebar .meta {
    clear: both;
    margin-bottom: 20px
}

.NS_projects__edit_submission_sidebar .status {
    width: 200px
}

.NS_projects__edit_submission_sidebar .status .icon {
    height: 15px;
    width: 14px;
    background: url(/assets/projects/edit/icon-status-53f27d0ea8b7da28c7b9de62819194428bf833f6a815c608f70413cb51d18d13.png) no-repeat 0 2px;
    display: inline-block;
    position: relative
}

.NS_projects__edit_submission_sidebar .status strong {
    margin-right: 5px;
    color: #020621
}

.NS_projects__edit_submission_sidebar .date_submitted {
    margin-top: 20px
}

.NS_projects__edit_submission_sidebar .date_submitted strong {
    margin-right: 5px
}

.NS_projects__edit_submission_sidebar .appeal {
    margin-top: 40px
}

.NS_projects__edit_submission_sidebar .appeal p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #3D3D66
}

.pending .NS_projects__edit_submission_sidebar .status,
.appealed .NS_projects__edit_submission_sidebar .status {
    color: #3D3D66
}

.pending .NS_projects__edit_submission_sidebar .status .icon,
.appealed .NS_projects__edit_submission_sidebar .status .icon {
    background-position: 0 2px;
    top: 1px
}

.accepted .NS_projects__edit_submission_sidebar .status {
    color: #2BDE73
}

.accepted .NS_projects__edit_submission_sidebar .status .icon {
    background-position: 1px -13px
}

.rejected .NS_projects__edit_submission_sidebar .status {
    color: #fd003b
}

.rejected .NS_projects__edit_submission_sidebar .status .icon {
    background-position: 0 -29px;
    top: 1px
}

body#projects_edit #account-setup-panel .field-wrapper,
body#projects_rules #account-setup-panel .field-wrapper {
    font-size: 12px
}

body#projects_edit #account-setup-panel .field-wrapper h3,
body#projects_rules #account-setup-panel .field-wrapper h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 4px 0px 10px
}

body#projects_edit #account-setup-panel .field-wrapper p,
body#projects_rules #account-setup-panel .field-wrapper p {
    margin-right: 20px
}

body#projects_edit #account-setup-panel .verification_error,
body#projects_edit #account-setup-panel .error,
body#projects_rules #account-setup-panel .verification_error,
body#projects_rules #account-setup-panel .error {
    line-height: 16px;
    color: #fd003b;
    font-weight: bold
}

body#projects_edit #account-setup-panel .field-wrapper,
body#projects_rules #account-setup-panel .field-wrapper {
    position: relative
}

body#projects_edit #account-setup-panel div.spinner,
body#projects_rules #account-setup-panel div.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    background-color: rgba(2, 6, 33, 0.8);
    padding: 40px;
    border-radius: 6px;
    z-index: 2
}

body#projects_edit #account-setup-panel #business_id_section .field,
body#projects_rules #account-setup-panel #business_id_section .field {
    position: relative
}

body#projects_edit #account-setup-panel #business_id_section .field div.spinner,
body#projects_rules #account-setup-panel #business_id_section .field div.spinner {
    padding: 25px;
    margin-top: -30px;
    margin-left: -25px;
    left: 40%
}

body#projects_edit #account-setup-panel #beneficiary_container,
body#projects_rules #account-setup-panel #beneficiary_container {
    position: relative
}

body#projects_edit #account-setup-panel #beneficiary_container div.spinner,
body#projects_rules #account-setup-panel #beneficiary_container div.spinner {
    padding: 25px;
    margin-top: -25px;
    margin-left: -25px
}

body#projects_edit #account-setup-panel .grey-field.collapsed .field-wrapper,
body#projects_rules #account-setup-panel .grey-field.collapsed .field-wrapper {
    display: none
}

body#projects_edit #account-setup-panel .grey-field.collapsed label,
body#projects_rules #account-setup-panel .grey-field.collapsed label {
    color: #3D3D66;
    cursor: default
}

body#projects_edit #account-setup-panel dl,
body#projects_edit #account-setup-panel .beneficiary_set,
body#projects_rules #account-setup-panel dl,
body#projects_rules #account-setup-panel .beneficiary_set {
    background-color: #FFFFFF;
    border: 1px solid #dad7d4;
    border-radius: 3px;
    margin-bottom: 3px;
    cursor: default;
    position: relative;
    overflow: hidden
}

body#projects_edit #account-setup-panel dl:last-child,
body#projects_edit #account-setup-panel .beneficiary_set:last-child,
body#projects_rules #account-setup-panel dl:last-child,
body#projects_rules #account-setup-panel .beneficiary_set:last-child {
    margin-bottom: 0
}

body#projects_edit #account-setup-panel dl dt,
body#projects_edit #account-setup-panel .beneficiary_set dt,
body#projects_rules #account-setup-panel dl dt,
body#projects_rules #account-setup-panel .beneficiary_set dt {
    margin: 0px;
    padding: 10px 5px 10px 10px;
    width: 136px;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 13px;
    line-height: 18px
}

body#projects_edit #account-setup-panel dl dd,
body#projects_edit #account-setup-panel .beneficiary_set dd,
body#projects_rules #account-setup-panel dl dd,
body#projects_rules #account-setup-panel .beneficiary_set dd {
    color: #25CB68;
    font-weight: bold;
    background: #fff;
    border-radius: 0px 3px 3px 0px;
    width: 275px;
    padding: 10px;
    display: inline-block;
    float: right;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-top: -1px;
    font-size: 13px
}

body#projects_edit #account-setup-panel dl dd a,
body#projects_edit #account-setup-panel .beneficiary_set dd a,
body#projects_rules #account-setup-panel dl dd a,
body#projects_rules #account-setup-panel .beneficiary_set dd a {
    text-decoration: underline
}

body#projects_edit #account-setup-panel span.account_verified,
body#projects_rules #account-setup-panel span.account_verified {
    position: absolute;
    right: 8px;
    bottom: 13px;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    display: inline-block;
    background: #2BDE73;
    color: #fff;
    font-size: 8px;
    line-height: 15px;
    text-align: center
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit {
    padding: 4px;
    border: 1px solid #F1EEEA;
    border-radius: 3px
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit .ksr-select,
body#projects_edit #account-setup-panel .NS-phone_numbers__edit input.tel,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit .ksr-select,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit input.tel {
    border-radius: 3px;
    font-size: 13px
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit .ksr-select,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit .ksr-select {
    line-height: 20px
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit .country,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit .country {
    margin-right: 4px
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit .verify-by label,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit .verify-by label {
    padding: 5px 0 0
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit .verify-by ol,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit .verify-by ol {
    margin: 0
}

body#projects_edit #account-setup-panel .NS-phone_numbers__edit .code_section input.text,
body#projects_rules #account-setup-panel .NS-phone_numbers__edit .code_section input.text {
    margin-bottom: 5px
}

.NS-projects-faqs #faq .button {
    margin-left: 20px
}

.NS-projects-faqs li.project-faq-placeholder {
    list-style: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px inset;
    -o-box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px inset;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px inset;
    background: #FFF;
    height: 100px;
    border-radius: 6px
}

.NS-projects-faqs .link_to_new_question {
    display: block;
    border-radius: 12px;
    color: #2752ff;
    background: #F8F9FD;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS-projects-faqs .link_to_new_question strong {
    display: block;
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-bottom: 5px
}

.NS-projects-faqs .link_to_new_question .sub {
    display: block;
    font-size: 12px
}

.NS-projects-faqs .link_to_new_question:hover {
    color: #fff;
    background-color: #2752ff
}

.NS-projects-faqs .faq-ask-box {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px
}

.NS_projects__greenlit .launch_card p {
    margin-bottom: 80px
}

.NS_projects__greenlit .preview_image {
    width: 100px;
    height: 75px
}

.NS_projects__greenlit .project_details {
    position: relative;
    left: -1px
}

.NS_projects__greenlit .or {
    padding-top: 150px
}

.NS_projects__greenlit .show_if_greenlit {
    display: none
}

.NS_projects__greenlit.ready_to_go .hide_if_greenlit {
    display: none
}

.NS_projects__greenlit.ready_to_go .show_if_greenlit {
    display: block
}

.NS_projects__greenlit_modal {
    width: 600px;
    line-height: 1.5em
}

.NS_projects__greenlit_modal textarea.errored {
    border: 1px solid red
}

.green,
.NS_projects__hero_funding .btn--border-gray.ksr-popover-active {
    color: #2BDE73
}

.bg-green {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.NS_projects__hero_funding {
    background-color: #F7F7F9
}

.NS_projects__hero_funding .btn--border-gray.ksr-popover-active {
    border-color: #2BDE73
}

.NS_projects__hero_funding .video-player {
    height: 382px
}

@media screen and (min-width: 640px) {
    .NS_projects__hero_funding .poster {
        min-height: 382px
    }
}

@media screen and (max-width: 640px) {
    .NS_projects__hero_funding .poster {
        min-height: 260px
    }
}

@media screen and (max-width: 640px) {
    .NS_projects__hero_funding {
        background-color: #FFFFFF
    }
    .NS_projects__hero_funding .project-image {
        margin-left: -20px;
        margin-right: -20px
    }
    .NS_projects__hero_funding .project-progress-bar {
        height: 5px;
        width: 100%;
        background-color: #F1EEEA;
        overflow: hidden;
        border-radius: 3px
    }
    .NS_projects__hero_funding .project-progress-bar .project-percent-pledged {
        height: 100%;
        background-color: #2BDE73
    }
    .NS_projects__hero_funding .projects-we-love-badge {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.NS_projects__hero_funding .fb-connected a {
    color: #3D3D66;
    font-weight: bold
}

.NS_projects__hero_funding .video-player video {
    width: 100% !important;
    height: auto !important
}

@media screen and (min-width: 640px) {
    .NS_projects__hero_funding .NS_projects__category_location {
        font-size: 0.875rem
    }
}

.NS_projects__hero_funding .project_backer_social_context {
    padding-top: 20px
}

.Project-state-successful .pledge-wrap-header,
.Project-state-live .pledge-wrap-header {
    background-color: #2BDE73
}

.Project-state-successful .pledge-wrap-body,
.Project-state-live .pledge-wrap-body {
    background-color: #FFFFFF
}

@media screen and (min-width: 640px) {
    .NS_message_batches__new {
        width: 500px
    }
}

@media screen and (max-width: 640px) {
    .NS_message_batches__new {
        width: 250px
    }
}

.creator-bio-details {
    min-width: 250px
}

.projects-hero-funding__blurb {
    font-size: 0.875rem;
    color: #3D3D66;
    margin-bottom: 30px;
    line-height: 1.6
}

@media screen and (max-width: 640px) {
    .NS_projects__deadline_copy {
        text-align: center;
        margin-top: 20px
    }
}

#spotlight-img-share {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%
}

.NS_projects__hero_spotlight {
    position: relative
}

.NS_projects__hero_spotlight ::-moz-selection {
    background-color: #e0e4fb
}

.NS_projects__hero_spotlight ::selection {
    background-color: #e0e4fb
}

.NS_projects__hero_spotlight .close-text {
    display: none
}

.NS_projects__hero_spotlight .feature-image-picker {
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.NS_projects__hero_spotlight .one-pixel-divider {
    opacity: 0.2
}

.NS_projects__hero_spotlight.can-edit-project-profile .NS_project_profile__title {
    padding-top: 40px
}

.NS_projects__creator_spotlight .created-by {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 10px
}

.NS_projects__creator_spotlight .creator-name {
    font-size: 1.125rem;
    line-height: 1.4
}

.project-profile__background {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
    background-position: center center
}

.project-profile__content {
    z-index: 1;
    position: relative
}

.project-profile__text_container {
    height: 100%
}

@media screen and (min-width: 640px) {
    .project-profile__text_container {
        display: table-cell;
        vertical-align: middle;
        padding-left: 40px;
        padding-right: 40px
    }
}

.creator_nav_visible .NS_projects__hero_spotlight .ksr-popover {
    margin-top: -35px;
    margin-left: -220px
}

.spotlight-backing-indicator {
    font-size: 0.875rem
}

.spotlight-backing-indicator .ksr-icon__backer-badge {
    font-size: 16px
}

.spotlight-backing-indicator .btn {
    white-space: nowrap
}

.load_new_comments.hidden {
    display: none
}

.project_preview_comments {
    display: none
}

.project_preview_comments.has_token,
.project_preview_comments.has_comments {
    display: block
}

.project_preview_comments form {
    display: none
}

.project_preview_comments.has_token form {
    display: block
}

.project_preview_comments #comments {
    overflow: hidden;
    height: 360px;
    overflow-y: auto
}

.project_preview_comments.has_comments .no_feedback {
    display: none
}

.project_preview_comments #new_comment {
    padding: 20px;
    background: none;
    margin-bottom: 0
}

.project_preview_comments #new_comment fieldset {
    margin-bottom: 0
}

.project_preview_comments .ta-squeezer {
    margin-right: 0
}

.project_preview_comments ol.list-comments .comment .main {
    max-width: 500px
}

.project_preview_comments ol.list-comments .comment .comment-inner {
    padding: 0px 10px
}

.project_preview_comments ol.list-comments .comment:last-child {
    border-bottom: 0
}

.project_preview_comments .button.older_comments {
    margin: 20px 10px
}

.project-content .project-show-more-section {
    position: relative;
    z-index: 2;
    margin-top: -150px;
    padding: 70px 0 40px;
    margin-bottom: 30px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), #fff 100%)
}

.project-content a.btn.btn--light-blue {
    background-color: #F8F9FD;
    border: 1px solid #e0e4fb
}

.project-content a.btn.btn--light-blue:hover {
    background-color: #2752ff;
    border: 1px solid #2752ff
}

.NS_projects__content .divider {
    border-bottom: 1px solid #E6E4E2
}

.description-container .truncated-section {
    overflow: hidden;
    max-height: 5000px
}

.NS_projects__project_nav {
    position: absolute;
    background-color: #FFFFFF;
    width: 100%;
    border-top: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA;
    z-index: 500;
    overflow: hidden;
    top: 0px
}

.NS_projects__project_nav .container-flex {
    position: relative
}

@media screen and (max-width: 840px) {
    .NS_projects__project_nav {
        white-space: nowrap;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }
    .NS_projects__project_nav .container-flex {
        padding-left: 20px;
        padding-right: 20px
    }
}

.NS_projects__project_nav .tabbed-nav__link {
    padding-bottom: 20px;
    font-size: 0.875rem
}

.NS_projects__project_nav .tabbed-nav__link .count {
    font-size: 10px
}

.NS_projects__project_nav .tabbed-nav__link.is-active {
    border-bottom: 0px
}

.NS_projects__project_nav .selected-indicator {
    background-color: #2BDE73;
    position: absolute;
    bottom: 0px;
    height: 3px;
    width: 65px
}

@media screen and (min-width: 640px) {
    .NS_projects__project_nav .project-nav__link--rewards {
        display: none
    }
}

@media screen and (min-width: 640px) {
    .NS_projects__project_nav .project-nav__links {
        width: 58%;
        display: inline-block;
        vertical-align: middle
    }
}

.NS_projects__project_nav .project-nav__buttons {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    position: relative
}

@media screen and (max-width: 640px) {
    .NS_projects__project_nav .project-nav__buttons {
        display: none
    }
}

.NS_projects__project_nav .project-nav__buttons .watch-project-wrapper {
    display: inline-block;
    margin-left: 20px;
    margin-right: 10px
}

.NS_projects__project_nav .project-nav__buttons .watch-project-wrapper .text {
    font-size: 0.875rem;
    font-weight: 500
}

.NS-projects-reward > a {
    color: #020621
}

.NS-projects-reward .pledge__survey-tools {
    color: #020621;
    clear: both;
    margin-top: 10px;
    vertical-align: middle
}

.NS-projects-reward .pledge__survey-tools span {
    line-height: 22px
}

.NS-projects-reward a.pledge {
    cursor: default
}

.Project-state-live .NS-projects-reward a.pledge {
    cursor: pointer
}

.Project-state-live .NS-projects-reward a.pledge:hover {
    background: #F1EEEA
}

.Project-state-live .NS-projects-reward .hover-zoomout {
    display: block
}

.NS-projects-reward .you-selected {
    padding-top: 3px;
    padding-bottom: 3px;
    top: -22px
}

.NS-projects-reward:last-child {
    border: none
}

.NS-projects-reward.selected_reward {
    background: #80809E;
    border-color: #2BDE73
}

.NS-projects-reward.selected_reward .pledge__survey-tools {
    background: #80809E
}

.NS-projects-reward.selected_reward .you-selected {
    display: inline-block
}

.NS_projects__project_share .pinterest-share:hover {
    cursor: pointer
}

.NS_projects__project_share .share_bubble {
    border-radius: 3px;
    margin: 0 0 0 5px;
    padding: 0px 6px;
    position: relative
}

.NS_projects__project_share .share_bubble .triangle {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #F1EEEA;
    position: absolute;
    left: -5px;
    top: 6px
}

.NS_projects__project_share .share_bubble .triangle.white {
    border-right-color: #fff;
    left: -3px
}

.project-share .project-share__label {
    display: inline-block;
    font-weight: bold;
    color: #3D3D66;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 5px
}

.project-share .project-share__btn {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #E6E4E2;
    border-radius: 2px;
    display: inline-block;
    width: 98px;
    text-align: left;
    font-size: 12px;
    color: #3D3D66;
    padding: 5px 8px;
    margin-bottom: 5px;
    margin-right: 3px;
    height: 28px
}

.project-share .project-share__btn:hover {
    border-color: rgba(61, 61, 102, 0.4)
}

.project-share .project-share__icon {
    fill: currentColor;
    margin-right: 3px
}

.project-share .project-share__icon.svg-icon__twitter {
    width: 13px;
    height: 13px
}

.project-share .project-share__icon.svg-icon__facebook-box {
    width: 13px;
    height: 11px;
    vertical-align: -1px
}

.project-share .project-share__icon.svg-icon__embed {
    width: 17px;
    height: 11px;
    vertical-align: -1px
}

.project-share .project-share__icon.svg-icon__pinterest {
    width: 13px;
    height: 13px;
    vertical-align: -1px
}

.project-share .project-share__icon.svg-icon__tumblr {
    width: 9px;
    height: 11px;
    vertical-align: -1px
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle,
.project_backer_social_context .friend_facepile img {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.friend_project_context .friend_facepile,
.friend_project_context .friend_namepile,
.project_backer_social_context .friend_facepile,
.project_backer_social_context .friend_namepile {
    display: inline-block;
    vertical-align: middle
}

.friend_project_context .friend_namepile,
.project_backer_social_context .friend_namepile {
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-bottom: 0px;
    max-width: 60%;
    line-height: 1.3em
}

.friend_project_context .friend_namepile a,
.project_backer_social_context .friend_namepile a {
    color: #020621;
    font-weight: bold
}

.friend_project_context {
    margin-left: 10px
}

.friend_project_context .friend_facepile {
    height: 25px
}

.friend_project_context .friend_facepile img {
    width: 25px;
    height: 25px
}

body.mobile .friend_project_context .friend_namepile {
    max-width: 75%
}

.project_backer_social_context .friend_facepile {
    height: 30px
}

.project_backer_social_context .friend_facepile img {
    width: 30px;
    height: 30px
}

.project_backer_social_context .friend_facepile .avatar_link {
    display: inline-block;
    margin-right: 5px
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top,
.NS_projects__spotlight_onboarding {
    z-index: 1002
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box,
.NS_projects__spotlight_onboarding {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.NS_projects__spotlight_onboarding {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95);
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: auto
}

.NS_projects__spotlight_onboarding.dismissed {
    display: none
}

.NS_projects__spotlight_onboarding .subtitle {
    font-size: 22px
}

.NS_projects__spotlight_onboarding .spotlight-header__features {
    padding-top: 40px
}

.NS_projects__spotlight_stats {
    font-size: 0.875rem;
    line-height: 1.4
}

@media screen and (max-width: 640px) {
    .NS_projects__spotlight_stats {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 640px) {
    .NS_projects__stats {
        white-space: nowrap;
        overflow: auto;
        margin-top: 20px
    }
}

.NS_projects__stats #stats {
    opacity: 0.3
}

@media screen and (max-width: 640px) {
    .NS_projects__stats #stats {
        float: left
    }
}

.NS_projects__stats #stats .project_currency_code {
    text-transform: uppercase;
    vertical-align: super;
    font-size: 10px
}

@media screen and (min-width: 640px) {
    .NS_projects__stats #stats .project_currency_code {
        margin-left: -8px;
        font-size: 14px
    }
}

.NS_projects__stats #stats .project_currency_code.usd {
    margin: 0
}

.NS_projects__stats #stats .project_currency_code.usd.show-code {
    margin-left: 0
}

@media screen and (min-width: 640px) {
    .NS_projects__stats #stats .project_currency_code.usd.show-code {
        margin-left: -8px
    }
}

.NS_projects__stats #stats .project_currency_code.gbp {
    margin: 0
}

.NS_projects__stats #stats .ksr-icon__conversion {
    bottom: 13px;
    right: 10px;
    margin-left: 5px
}

.NS_projects__stats #stats .ksr-icon__conversion:hover,
.NS_projects__stats #stats .ksr-icon__conversion:focus {
    color: #2752ff
}

@media all and (max-width: 640px) {
    .NS_projects__stats #stats .ksr-icon__conversion {
        bottom: 2px;
        right: 2px
    }
}

.NS_projects__stats #stats .project_currency_code + .ksr-icon__conversion {
    bottom: 18px;
    right: 15px
}

.NS_projects__stats .stat-item .text {
    font-weight: 500;
    color: #80809E;
    font-size: 0.875rem
}

@media screen and (max-width: 640px) {
    .NS_projects__stats .stat-item {
        display: inline-block
    }
    .NS_projects__stats .stat-item:not(:last-child) {
        padding-right: 0px
    }
    .NS_projects__stats .stat-item .text {
        font-size: 0.75rem
    }
    .NS_projects__stats .stat-item .num {
        font-size: 16px;
        line-height: 1
    }
}

.Project-state-live #stats {
    opacity: 1
}

.Project-state-live .NS_projects__back_and_star {
    padding-top: 40px;
    padding-bottom: 40px
}

.Project-state-live .NS_projects__back_and_star .ksr-icon__star {
    font-size: 14px;
    margin-right: 5px
}

@media screen and (max-width: 640px) {
    .Project-state-live .NS_projects__back_and_star {
        padding-top: 20px;
        padding-bottom: 30px
    }
}

.bg-violet-light {
    background: #F8F9FD !important
}

.c-navy-light {
    color: #80809E
}

.bg-navy-light-3 {
    background-color: #F7F7F9
}

.border-navy-light-2 {
    border-color: #EFEFF3
}

.c-grey-dark-mars {
    color: #E6E4E2
}

.supporting-material-callout {
    border-bottom: 1px solid #F1EEEA;
    margin-top: -20px;
    margin-right: -20px;
    margin-left: -20px;
    position: relative
}

.supporting-material-callout__image {
    max-height: 80px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 25%
}

.supporting-material-callout__inner-content {
    padding-top: 30px;
    padding-bottom: 30px
}

.supporting-material-callout__help {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 0;
    -webkit-appearance: none
}

.supporting-material-callout__footer {
    font-weight: 600
}

.simple-modal .modal_dialog_content {
    border-radius: 0px;
    border: 0;
    background-color: transparent
}

.simple-modal .modal_dialog_outer {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%
}

.simple-modal .modal_dialog_inner {
    height: 100vh
}

.simple-modal .modal_dialog_body {
    background: transparent;
    height: calc(100vh - 40px);
    margin-top: 40px;
    overflow: scroll !important
}

@media screen and (min-width: 640px) {
    .supporting-material-callout {
        margin: 0;
        border: 1px solid #F1EEEA
    }
    .supporting-material-callout__image {
        max-height: 302px;
        position: static;
        width: auto
    }
    .supporting-material-callout__help {
        margin-bottom: 0
    }
}

@media screen and (min-width: 840px) {
    .supporting-material-callout {
        border: 0
    }
    .supporting-material-callout__image {
        margin-left: 30px;
        max-height: 480px;
        min-height: 302px
    }
    .supporting-material-callout__overlay-block {
        background: white;
        border: 1px solid #F7F5F2;
        bottom: 30px;
        -webkit-box-shadow: 0px 0px 3px rgba(169, 168, 164, 0.4);
        box-shadow: 0px 0px 3px rgba(169, 168, 164, 0.4);
        margin-right: 30px;
        position: absolute
    }
}

.transition-all-bezier {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.supporting-material-modal {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: none
}

.supporting-material-modal .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.supporting-material-modal .content {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: scroll
}

.supporting-material-modal .close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1
}

.supporting-material-modal .close svg {
    cursor: pointer
}

.supporting-material-modal .close svg g {
    fill: #3D3D66
}

.supporting-material-modal .close:hover g {
    fill: purple
}

.supporting-material-modal .supporting-material-modal__content {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(22, 22, 22, 0.08);
    box-shadow: 0px 4px 10px 0px rgba(22, 22, 22, 0.08);
    border: 3px solid #F7F5F2
}

.supporting-material-modal .supporting-material-modal__header {
    font-weight: 500
}

.supporting-material-modal .supporting-material-modal__subtext {
    color: #80809E;
    line-height: 1.9
}

.supporting-material-modal .supporting-material-modal__definition {
    color: #586BE9
}

.supporting-material-modal-open {
    overflow: hidden
}

.transition-all-bezier,
.timeline__item:before {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.timeline {
    position: relative;
    text-align: center
}

.timeline:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #F1EEEA;
    left: 50%;
    top: 0px
}

.timeline__item {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    position: relative;
    margin-bottom: 60px
}

.timeline__item .link {
    z-index: 2;
    color: #020621
}

@media screen and (max-width: 640px) {
    .timeline__item {
        width: 90%;
        background-color: #FFFFFF;
        left: 5%;
        padding-top: 20px;
        padding-bottom: 20px;
        z-index: 1;
        margin-top: 40px
    }
}

@media screen and (min-width: 640px) {
    .timeline__item:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 60px;
        background-color: #F1EEEA;
        top: 10px
    }
    .timeline__item:hover:before {
        width: 40px;
        height: 40px;
        background-color: rgba(43, 222, 115, 0.3);
        margin-top: -5px
    }
    .timeline__item:before {
        content: "";
        position: absolute;
        background-color: rgba(43, 222, 115, 0.2);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        top: -5px
    }
}

@media screen and (min-width: 640px) {
    .timeline__item--right {
        left: 50%;
        text-align: left
    }
    .timeline__item--right .link {
        padding-left: 110px;
        position: relative;
        left: -30px
    }
    .timeline__item--right:after {
        left: 0px
    }
    .timeline__item--right:before {
        left: -15px
    }
    .timeline__item--right:hover:before {
        margin-left: -5px
    }
}

@media screen and (min-width: 640px) {
    .timeline__item--left {
        text-align: right
    }
    .timeline__item--left .link {
        padding-right: 110px;
        position: relative;
        right: -30px
    }
    .timeline__item--left:before {
        right: -15px
    }
    .timeline__item--left:after {
        right: 0px
    }
    .timeline__item--left:hover:before {
        margin-right: -5px
    }
}

.timeline__divider {
    position: relative;
    z-index: 1;
    margin: 40px auto 80px;
    display: table
}

.timeline__divider_content {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #3D3D66;
    padding: 10px 15px
}

.timeline__divider--month .timeline__divider_content,
.timeline__divider--month-range .timeline__divider_content {
    border: 1px solid #F1EEEA;
    background-color: #FFFFFF
}

.timeline__divider--month-range-break {
    width: 1px;
    border-left: 1px dashed #FFFFFF;
    margin: 0px auto;
    position: relative;
    left: 1px;
    z-index: 1
}

.timeline__divider--month-range-break.month-range--long {
    height: 100px
}

.timeline__divider--month-range-break.month-range--short {
    height: 35px
}

.timeline__divider--successful {
    border: 10px solid #FFFFFF
}

.timeline__divider--successful .timeline__divider_content {
    background-color: #2BDE73;
    padding: 30px 50px;
    border-radius: 6px;
    color: #FFFFFF
}

@media screen and (max-width: 640px) {
    .timeline__divider--successful .timeline__divider_content {
        padding: 20px 30px
    }
}

.timeline__divider--cancellation .timeline__divider_content {
    background-color: #FFFFFF;
    border: 1px solid #F1EEEA
}

.timeline__divider--potd {
    border: 10px solid #FFFFFF
}

.timeline__divider--potd .timeline__divider_content {
    background-color: #2BDE73;
    border-radius: 6px;
    padding: 20px 40px;
    color: #FFFFFF
}

.timeline__divider--launched {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center center;
    background-size: 110%;
    border-radius: 6px;
    margin-bottom: 0px;
    margin-top: 60px;
    border: none;
    max-width: 600px;
    width: 100%
}

@media screen and (min-width: 640px) {
    .timeline__divider--launched {
        height: 200px;
        padding: 50px 100px
    }
}

@media screen and (max-width: 640px) {
    .timeline__divider--launched {
        padding: 20px 30px
    }
}

.timeline__divider--launched--art {
    background-color: #ffbdab;
    background-image: url(/assets/projects/updates/launch-art-fece9445e8535944357d54f791e3b9eb0a3fef74d6b1749ad37746244445f06c.svg)
}

.timeline__divider--launched--art .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--comics {
    background-color: #fffb78;
    background-image: url(/assets/projects/updates/launch-comics-e8845e6498bc34b814ea6995ee17cafcd8d1c83f1f5c5f1880ccda6e83b884a7.svg)
}

.timeline__divider--launched--comics .timeline__divider_content {
    color: #020621
}

.timeline__divider--launched--crafts {
    background-color: #ff81ac;
    background-image: url(/assets/projects/updates/launch-crafts-55714c85085469a42ce3952b32260f8017b277645572f13f32da16a973bc412b.svg)
}

.timeline__divider--launched--crafts .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--dance {
    background-color: #a695f9;
    background-image: url(/assets/projects/updates/launch-dance-9c99a972957894ad54ae667252f1818cf5149304d76a4501975dbba50b76f7a9.svg)
}

.timeline__divider--launched--dance .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--design {
    background-color: #2752ff;
    background-image: url(/assets/projects/updates/launch-design-73d01673488f0de3debcfb38d8c8daaa60c906bc27199350e2a9bfc55aca9968.svg)
}

.timeline__divider--launched--design .timeline__divider_content {
    background-color: #2752ff;
    color: #FFFFFF
}

.timeline__divider--launched--fashion {
    background-color: #ff9fd6;
    background-image: url(/assets/projects/updates/launch-fashion-01cc74b4bf47da71947a819e7c817d6105fd06d73180ca5b9e70d87a0bff313d.svg)
}

.timeline__divider--launched--fashion .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--film {
    background-color: #ff596e;
    background-image: url(/assets/projects/updates/launch-film-622913bccdf387921fb117b2a7e68edc4eb9a549b0bb3374dc58721d0a33ce66.svg)
}

.timeline__divider--launched--film .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--food {
    background-color: #ff3642;
    background-image: url(/assets/projects/updates/launch-food-3ec5459cfbe165172e5c75ca0565ba1b733f877f9b9f0003641de683846079a6.svg)
}

.timeline__divider--launched--food .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--games {
    background-color: #00c9ab;
    background-image: url(/assets/projects/updates/launch-games-c16593e7eff90fd033a5079e0c48a9e1437c6accbb33a52a409cbd7bd0fb6db3.svg)
}

.timeline__divider--launched--games .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--journalism {
    background-color: #12bcea;
    background-image: url(/assets/projects/updates/launch-journalism-dd37596dcc2b5f958d67b524ee6ade02959e042140f2a10d3b34d33967b1f2f4.svg)
}

.timeline__divider--launched--journalism .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--music {
    background-color: #a5ffd3;
    background-image: url(/assets/projects/updates/launch-music-5670cdf3fa5bb265a89513250b6696a6e6f0a17c0bafe72da522e8e4e316ac99.svg)
}

.timeline__divider--launched--music .timeline__divider_content {
    color: #020621
}

.timeline__divider--launched--photography {
    background-color: #00e3e5;
    background-image: url(/assets/projects/updates/launch-photography-d47ebed9c9aabdcae9ed4873edb11a99443ddaddf2f11c1ff061ac0537a920f7.svg)
}

.timeline__divider--launched--photography .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--publishing {
    background-color: #e2dcd0;
    background-image: url(/assets/projects/updates/launch-publishing-a6a9e856abc979fb1bd5559fc14420c66f773b413b77f0e27513f9a12a848787.svg)
}

.timeline__divider--launched--publishing .timeline__divider_content {
    color: #2752ff
}

.timeline__divider--launched--technology {
    background-color: #6396fc;
    background-image: url(/assets/projects/updates/launch-technology-91b9c7392350d31b492bf1814f4c9cc495acbd6038be9800cecb38d4012865ed.svg)
}

.timeline__divider--launched--technology .timeline__divider_content {
    color: #FFFFFF
}

.timeline__divider--launched--theater {
    background-color: #ff7d5f;
    background-image: url(/assets/projects/updates/launch-theater-24e8a6fd1cfc58a7086290db13e4ecdd91083a002320631e2eec44e3d858667d.svg)
}

.timeline__divider--launched--theater .timeline__divider_content {
    color: #FFFFFF
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email .ajax-container {
    display: inline-block;
    width: 326px;
    float: right
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email label,
body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email dt {
    padding: 10px 5px 10px 10px;
    width: 136px;
    font-weight: normal
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email .email_unverified {
    background: #fff;
    border: 1px solid #F1EEEA;
    border-top-right-radius: 3px;
    padding: 10px;
    margin-top: -1px;
    margin-right: -1px
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email .email_unverified span.status {
    font-weight: bold;
    float: right
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email .description {
    border-left: 1px solid #F1EEEA;
    padding: 10px
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email .description p {
    margin-right: 0px;
    font-size: 12px
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email p.needs_verification {
    border-left: 1px solid #F1EEEA;
    margin: 0px;
    padding: 10px;
    background: #fff
}

body#projects_edit #account-setup-panel .contact-verification .field-wrapper .email dl {
    margin-bottom: 3px
}

body#projects_edit .projects__account {
    position: relative
}

body#projects_edit .projects__account form label {
    display: block;
    width: auto
}

body#projects_edit .projects__account form label.label-ordinary {
    font-weight: normal;
    font-size: 12px
}

body#projects_edit .projects__account form label.overlabel-apply {
    color: #3D3D66;
    font-weight: normal
}

body#projects_edit .projects__account form ol {
    margin-bottom: 0
}

body#projects_edit .projects__account form fieldset {
    margin-bottom: 5px;
    border-radius: 3px;
    border: 1px solid #dad7d4;
    background: white
}

body#projects_edit .projects__account form fieldset input[type="text"],
body#projects_edit .projects__account form fieldset textarea,
body#projects_edit .projects__account form fieldset select {
    border-color: #dad7d4;
    margin: -1px -1px -1px 0;
    position: relative;
    float: left;
    height: 40px
}

body#projects_edit .projects__account form fieldset input[type="text"]:focus,
body#projects_edit .projects__account form fieldset textarea:focus,
body#projects_edit .projects__account form fieldset select:focus {
    z-index: 1
}

body#projects_edit .projects__account form fieldset input[type="text"].errored,
body#projects_edit .projects__account form fieldset textarea.errored,
body#projects_edit .projects__account form fieldset select.errored {
    border: 1px solid #fd003b;
    background: #ffecf0;
    z-index: 1
}

body#projects_edit .projects__account form fieldset select.errored {
    background: #ffecf0 url(/assets/library/forms/select-large-error-bg-6cc01c2cde985240e12e4485dce748b757a486a0301a06975f88de0c2731c8ff.png) no-repeat
}

body#projects_edit .projects__account form .condensed .left-label {
    font-weight: normal;
    font-size: 12px;
    width: 98px;
    float: left;
    padding: 10px 5px 10px 10px
}

body#projects_edit .projects__account form .condensed input[type="text"],
body#projects_edit .projects__account form .condensed textarea,
body#projects_edit .projects__account form .condensed select {
    border-radius: 0
}

body#projects_edit .projects__account form .condensed input[type="text"]:focus,
body#projects_edit .projects__account form .condensed textarea:focus,
body#projects_edit .projects__account form .condensed select:focus {
    z-index: 1
}

body#projects_edit .projects__account form .condensed ul,
body#projects_edit .projects__account form .condensed .right-content {
    margin-bottom: 0px;
    display: inline-block;
    width: 329px;
    float: right
}

body#projects_edit .projects__account form .condensed ul li,
body#projects_edit .projects__account form .condensed .right-content li {
    display: inline-block;
    float: left;
    overflow: visible
}

body#projects_edit .projects__account form .condensed input#account_first_name {
    width: 166px
}

body#projects_edit .projects__account form .condensed input#account_last_name {
    width: 165px;
    border-radius: 0px 3px 3px 0px
}

body#projects_edit .projects__account form .condensed select#account_birthdate_2i {
    width: 142px;
    background-position: 115px 14px
}

body#projects_edit .projects__account form .condensed select#account_birthdate_1i,
body#projects_edit .projects__account form .condensed select#account_birthdate_3i {
    width: 95px;
    background-position: 68px 14px
}

body#projects_edit .projects__account form .condensed input#account_street_address_street1 {
    border-top-right-radius: 3px
}

body#projects_edit .projects__account form .condensed input#account_national_id {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

body#projects_edit .projects__account form .condensed input#account_national_id,
body#projects_edit .projects__account form .condensed input#account_street_address_street1,
body#projects_edit .projects__account form .condensed input#account_street_address_street2 {
    width: 330px
}

body#projects_edit .projects__account form .condensed input#account_street_address_street1,
body#projects_edit .projects__account form .condensed input#account_street_address_street2 {
    margin-bottom: 0
}

body#projects_edit .projects__account form .condensed input#account_street_address_locality {
    width: 330px;
    margin-bottom: 0px
}

body#projects_edit .projects__account form .condensed input#account_street_address_region {
    width: 196px
}

body#projects_edit .projects__account form .condensed select#account_street_address_region {
    width: 196px;
    background-position: 170px 14px
}

body#projects_edit .projects__account form .condensed input#account_street_address_postal_code {
    width: 135px
}

body#projects_edit .projects__account form .condensed label.country {
    cursor: default;
    width: 313px;
    font-weight: normal;
    color: #020621;
    border: 1px solid #dad7d4;
    margin-bottom: -1px;
    border-bottom-right-radius: 3px
}

body#projects_edit .projects__account #business_account_section select {
    background-position: 404px 14px
}

body#projects_edit.nl .projects__account form fieldset input#account_street_address_locality {
    width: 231px
}

body#projects_edit.nl .projects__account form fieldset select#account_street_address_region {
    width: 130px;
    background-position: 103px 14px
}

body#projects_edit.nl .projects__account form fieldset input#account_street_address_postal_code {
    white-space: nowrap;
    width: 100px;
    margin-top: -1px
}

body#projects_edit.nl .projects__account form fieldset label.country {
    margin-top: -1px
}

body#projects_edit.gb .projects__account form fieldset label.country {
    width: 179px;
    margin-right: -1px;
    margin-top: -1px
}

body#projects_edit.no .projects__account form fieldset input#account_street_address_locality,
body#projects_edit.se .projects__account form fieldset input#account_street_address_locality,
body#projects_edit.dk .projects__account form fieldset input#account_street_address_locality {
    width: 196px
}

body#projects_edit.no .projects__account form label.country,
body#projects_edit.se .projects__account form label.country,
body#projects_edit.dk .projects__account form label.country {
    margin-top: -1px
}

body#projects_activity #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    padding: 30px 0 40px
}

body#projects_activity #main .activity-mini {
    margin-bottom: 10px
}

body#projects_activity #main .activity-mini .section {
    margin-left: 0;
    width: 590px
}

body#projects_activity #main .activity-mini .activity_mini_comment blockquote.excerpt {
    display: none
}

body#projects_activity #main .show-more {
    display: block;
    background: #F7F5F2;
    border: 1px solid #F1EEEA;
    border-radius: 0px 0px 6px 6px;
    color: #020621;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    padding: 0
}

body#projects_activity #main .show-more:hover {
    border-color: #3D3D66;
    color: #020621
}

body#projects_activity #main .show-more.loading {
    text-indent: -9999px;
    text-align: left;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 20px 0 inset;
    background: #F7F5F2 url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) 50% 50% no-repeat;
    border-color: #F1EEEA;
    cursor: default;
    text-align: left
}

body#projects_activity #main .show-more.disabled {
    display: none
}

body#projects_activity #sidebar {
    padding-top: 65px
}

body#projects_activity #sidebar h4 {
    font-size: 13px;
    color: #020621;
    margin: 0 0 2px;
    text-transform: uppercase
}

body#projects_activity #sidebar .activity-filters {
    list-style: none;
    margin-bottom: 0
}

body#projects_activity #sidebar .activity-filters li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_activity #sidebar .activity-filters li {
    margin-bottom: 2px
}

body#projects_activity #sidebar .activity-filters li a {
    display: block;
    border-radius: 12px;
    padding: 0 10px
}

body#projects_activity #sidebar .activity-filters li a:hover,
body#projects_activity #sidebar .activity-filters li a.current {
    background: #F8F9FD;
    color: #2752ff
}

body.backers #leftcol {
    min-height: 1px
}

body.backers .bigbacker {
    background-color: #fcdda3;
    margin: 0 0 20px 0
}

body.backers .bigbacker .meta {
    margin-left: 90px !important
}

body.backers .bigbacker .meta h2 {
    margin-bottom: 0
}

body#projects_comments form.new_comment {
    overflow: hidden;
    *zoom: 1;
    padding: 10px 15px 15px;
    background: #F7F5F2
}

body#projects_comments form.new_comment p {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    color: #020621;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0px 0px 10px;
    width: 400px
}

body#projects_comments form.new_comment p a {
    color: #2752ff;
    font-weight: bold
}

body#projects_comments form.new_comment p a:hover {
    color: #060F46
}

body#projects_comments form.new_comment fieldset {
    margin-bottom: 5px
}

body#projects_comments form.new_comment label {
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 0 5px
}

body#projects_comments form.new_comment textarea {
    resize: none;
    background: #FFF
}

body#projects_comments form.new_comment .rules_tout {
    margin-right: 45px;
    line-height: 40px
}

body#projects_comments form.new_comment .rules_tout a {
    font-weight: normal
}

body#projects_comments form.new_comment #comment_submit {
    margin: 0;
    float: left;
    margin-right: 10px;
    border-radius: 3px
}

body#projects_comments .comment .avatar img {
    width: 60px;
    height: 60px
}

body#projects_comments .comment .main {
    padding-left: 60px;
    padding-right: 20px
}

.transition-all-bezier,
.NS_dashboard__creator_analytics_edit .loading .update-tracking-id {
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

@-webkit-keyframes fade-30-to-100-opacity {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.fade-30-to-100-opacity-3s {
    -webkit-animation: fade-30-to-100-opacity 3s infinite;
    animation: fade-30-to-100-opacity 3s infinite
}

.fade-30-to-100-opacity-5s {
    -webkit-animation: fade-30-to-100-opacity 5s infinite;
    animation: fade-30-to-100-opacity 5s infinite
}

.fade-30-to-100-opacity-6s {
    -webkit-animation: fade-30-to-100-opacity 6s infinite;
    animation: fade-30-to-100-opacity 6s infinite
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-down {
    -moz-animation-name: fade-down;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-down;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-down;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-up {
    -moz-animation-name: fade-up;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-up;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-up;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

body#messages_new #content,
body#surveys_show #content,
body#surveys_form #content {
    padding-top: 40px;
    padding-bottom: 40px
}

body#projects_dashboard #content #page-header {
    float: none;
    display: block
}

body#projects_dashboard #refresh-button {
    display: none;
    width: 37px;
    height: 37px;
    text-indent: -9999px;
    text-align: left;
    background: url(/assets/misc/mobile-refresh-0ce34dcf00639d81a70250bd4bf988857072f181c8d09fb0cececd4ab18275ec.png) no-repeat top left
}

body#projects_dashboard #main #public-stats {
    border-radius: 6px;
    background: #F7F5F2;
    margin: 40px 0px;
    overflow: hidden
}

body#projects_dashboard #main #public-stats .title-area {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 520px;
    border-right: 1px dotted #F1EEEA;
    margin-right: 0px;
    padding: 20px 0;
    width: 395px
}

body#projects_dashboard #main #public-stats .title-area img {
    display: inline;
    float: left;
    margin-right: 20px
}

body#projects_dashboard #main #public-stats .title-area ul {
    list-style: none;
    margin-bottom: 0px
}

body#projects_dashboard #main #public-stats .title-area ul li {
    line-height: 15px;
    margin-bottom: 5px
}

body#projects_dashboard #main #public-stats .title-area ul .title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px
}

body#projects_dashboard #main #public-stats .title-area ul .launched,
body#projects_dashboard #main #public-stats .title-area ul .time-left {
    color: #3D3D66;
    font-size: 12px
}

body#projects_dashboard #main #public-stats .title-area ul .launched .ss-icon,
body#projects_dashboard #main #public-stats .title-area ul .time-left .ss-icon {
    margin-right: 5px
}

body#projects_dashboard #main #public-stats .project-pledged-wrap {
    display: none
}

body#projects_dashboard #main #public-stats .project-stats {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 520px;
    list-style: none;
    margin-right: 0px
}

body#projects_dashboard #main #public-stats .project-stats li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    color: #3D3D66;
    margin: 30px 15px 0
}

body#projects_dashboard #main #public-stats .project-stats li strong {
    color: #020621;
    display: block;
    font-size: 18px;
    font-style: normal
}

body#projects_dashboard #main #public-stats.narrow {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    margin-left: 0;
    height: auto;
    margin-top: 20px
}

body#projects_dashboard #main #public-stats.narrow .title-area {
    border: none;
    border-bottom: 1px solid #F1EEEA;
    width: 100%;
    margin: 0px
}

body#projects_dashboard #main #public-stats.narrow .title-area img {
    margin-left: 20px
}

body#projects_dashboard #main #public-stats.narrow .project-stats li {
    margin-top: 20px
}

body#projects_dashboard #main #funding-summary {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
    margin-right: 0;
    padding: 20px;
    background: #F8F9FD;
    width: 300px;
    margin-top: 20px
}

body#projects_dashboard #main #funding-summary * {
    font-size: 12px
}

body#projects_dashboard #main #funding-summary h5 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px
}

body#projects_dashboard #main #funding-summary p {
    margin-bottom: 15px
}

body#projects_dashboard #main #funding-summary p.last {
    margin-bottom: 0
}

body#projects_dashboard #main #funding-summary .amazon_token {
    margin-top: -10px
}

body#projects_dashboard #main #funding-summary .amazon_token input {
    border-radius: 3px;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    background: #fff;
    border: 1px solid #F1EEEA;
    padding: 5px
}

body#projects_dashboard #main .stats {
    border-radius: 3px;
    background: #fff;
    clear: both;
    margin-bottom: 30px;
    padding: 20px
}

body#projects_dashboard #main .stats h2 {
    margin-bottom: 50px;
    text-align: center
}

body#projects_dashboard #main .stats h2 .text {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    background: #fff;
    color: #3D3D66;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 10px;
    text-transform: uppercase
}

body#projects_dashboard #main .stats h2 .hr {
    border-top: 1px dotted #F1EEEA;
    display: block;
    height: 1px;
    margin-top: -11px;
    width: 100%
}

body#projects_dashboard #main #stats-funding-graph .graph {
    height: 340px;
    width: 900px
}

body#projects_dashboard #main #stats-funding-graph .graph .tickLabel {
    color: #3D3D66
}

body#projects_dashboard #main #stats-referrer-type-pie,
body#projects_dashboard #main #stats-video {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-left: 0px;
    margin-right: 0px;
    width: 900px
}

body#projects_dashboard #main #stats-referrer-type-pie h2,
body#projects_dashboard #main #stats-video h2 {
    margin-bottom: 0px
}

body#projects_dashboard #main #stats-referrer-type-pie .column,
body#projects_dashboard #main #stats-video .column {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    margin-top: 15px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.pie-graph,
body#projects_dashboard #main #stats-video .column.pie-graph {
    margin-left: 50px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.pie-graph .graph_container,
body#projects_dashboard #main #stats-video .column.pie-graph .graph_container {
    padding: 20px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.pie-graph .graph,
body#projects_dashboard #main #stats-video .column.pie-graph .graph {
    width: 300px;
    height: 300px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.pie-graph .pie_label_container,
body#projects_dashboard #main #stats-video .column.pie-graph .pie_label_container {
    width: 230px;
    padding: 10px;
    margin-top: -10px;
    margin-left: 90px;
    margin-right: auto
}

body#projects_dashboard #main #stats-referrer-type-pie .column.pie-graph .pieLabel,
body#projects_dashboard #main #stats-video .column.pie-graph .pieLabel {
    padding: 2px;
    margin-top: -2px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.stats-numbers,
body#projects_dashboard #main #stats-video .column.stats-numbers {
    margin: 50px 0 0 0;
    text-align: left;
    width: 250px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.stats-numbers h4,
body#projects_dashboard #main #stats-video .column.stats-numbers h4 {
    margin-bottom: 15px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.stats-numbers h5,
body#projects_dashboard #main #stats-video .column.stats-numbers h5 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 1.0416;
    margin-bottom: 55px
}

body#projects_dashboard #main #stats-referrer-type-pie .column.stats-numbers p,
body#projects_dashboard #main #stats-video .column.stats-numbers p {
    color: #020621
}

body#projects_dashboard #main #stats-video h2 {
    margin-bottom: 20px
}

body#projects_dashboard #main #stats-video .data_warning {
    color: #3D3D66;
    font-size: 10px;
    line-height: 16px;
    margin: 48px 20px 0px 10px;
    padding-top: 7px
}

body#projects_dashboard #main #stats-video .starts-and-completions {
    margin-bottom: 0px;
    margin-top: 0px;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 295px
}

body#projects_dashboard #main #stats-video .starts-and-completions .plays_that_complete {
    color: #3D3D66;
    font-size: 12px;
    font-style: normal;
    padding: 0px 0px 0px 5px
}

body#projects_dashboard #main #stats-video .starts-and-completions .stats-numbers {
    margin: 10px 0px 0px 10px
}

body#projects_dashboard #main #stats-video .starts-and-completions .stats-numbers h4 {
    color: #3D3D66;
    font-family: georgia, serif;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 39px
}

body#projects_dashboard #main #stats-video .starts-and-completions .stats-numbers h5 {
    font-size: 52px;
    font-weight: bold;
    line-height: 52px;
    margin-bottom: 5px
}

body#projects_dashboard #main #stats-video .starts-and-completions .stats-numbers p {
    color: #020621
}

body#projects_dashboard #main #stats-video .video_bar {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    vertical-align: top
}

body#projects_dashboard #main #stats-video .video_bar h2 {
    margin-bottom: 0px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container {
    margin-top: 15px;
    margin-bottom: -10px;
    width: 600px;
    float: none;
    text-align: center
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .video_plays {
    display: inline-block
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .video_plays .graph {
    display: inline-block;
    width: 600px;
    height: 200px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .label_container {
    display: inline;
    float: right;
    text-align: center;
    font-family: georgia, serif;
    font-size: 16px;
    font-style: italic;
    padding: 2px;
    margin-top: -6px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .label_container table {
    margin-bottom: 0px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .label_container table td {
    padding: 5px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .label_container table td.legendLabel {
    padding: 5px 10px 5px 0px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .title {
    color: #3D3D66;
    text-align: center;
    font-family: georgia, serif;
    font-size: 16px;
    font-style: italic;
    padding: 2px;
    margin: -10px 0px 10px 0px
}

body#projects_dashboard #main #stats-video .video_bar .graph_container .title .text {
    display: inline;
    float: left
}

body#projects_dashboard #main #stats-video .video_bar .title {
    padding: 10px
}

body#projects_dashboard #main #stats-video .numbers {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 380px;
    margin-left: 20px
}

body#projects_dashboard #main #stats-video .numbers .column {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    float: none;
    width: auto;
    padding-right: 50px;
    vertical-align: top;
    margin-top: 0px
}

body#projects_dashboard #main #stats-video .numbers .big-numbers {
    font-family: georgia, serif;
    font-size: 25px;
    font-style: italic;
    padding: 2px;
    margin-top: -2px;
    line-height: 48px;
    text-align: center;
    color: rgba(0, 0, 0, 0.7)
}

body#projects_dashboard #main #stats-referrers,
body#projects_dashboard #main #custom-referrers {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin: 40px 0 0 0;
    width: 900px
}

body#projects_dashboard #main #stats-referrers table,
body#projects_dashboard #main #custom-referrers table {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%
}

body#projects_dashboard #main #stats-referrers table thead.header,
body#projects_dashboard #main #custom-referrers table thead.header {
    background-color: #F7F5F2;
    border-bottom: 1px dotted #F1EEEA;
    border-top: 1px dotted #F1EEEA
}

body#projects_dashboard #main #stats-referrers table th,
body#projects_dashboard #main #custom-referrers table th {
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 10px;
    text-align: left;
    vertical-align: bottom
}

body#projects_dashboard #main #stats-referrers table td,
body#projects_dashboard #main #custom-referrers table td {
    padding: 10px
}

body#projects_dashboard #main #stats-referrers table .internal,
body#projects_dashboard #main #stats-referrers table .campaign,
body#projects_dashboard #main #custom-referrers table .internal,
body#projects_dashboard #main #custom-referrers table .campaign {
    background-color: #F8F9FD;
    border-top: 1px solid #e0e4fb
}

body#projects_dashboard #main #stats-category-demographics-graph .graph {
    width: 900px;
    height: 340px
}

body#projects_dashboard #main #stats-pledge-distribution-graph .graph {
    width: 900px;
    height: 340px
}

body#projects_dashboard #main #activity {
    margin-bottom: 60px
}

body#projects_dashboard #main #activity .activity-mini,
body#projects_dashboard #main #activity .mobius {
    margin-bottom: 0px;
    text-align: left
}

body#projects_dashboard #main #activity .activity-mini li,
body#projects_dashboard #main #activity .mobius li {
    margin-left: 0px;
    padding: 5px 0
}

body#projects_dashboard #main #activity .activity-mini li.page,
body#projects_dashboard #main #activity .mobius li.page {
    margin-top: 0px;
    padding: 0px
}

body#projects_dashboard #main #activity .activity-mini li .section,
body#projects_dashboard #main #activity .mobius li .section {
    width: 545px
}

body#projects_dashboard #main #activity .activity-mini li .section .everything,
body#projects_dashboard #main #activity .mobius li .section .everything {
    display: none
}

body#projects_dashboard #main #activity .activity-mini li .section .update-link,
body#projects_dashboard #main #activity .mobius li .section .update-link {
    color: #3D3D66
}

body#projects_dashboard #main #activity .activity-mini li .footer,
body#projects_dashboard #main #activity .mobius li .footer {
    overflow: hidden;
    *zoom: 1;
    width: 260px;
    color: #3D3D66;
    float: right;
    font-size: 11px;
    text-align: right
}

body#projects_dashboard #main #activity .activity-mini li .footer .backer_info,
body#projects_dashboard #main #activity .mobius li .footer .backer_info {
    float: left;
    display: none;
    width: 100px
}

body#projects_dashboard #main #activity .activity-mini li .footer .time,
body#projects_dashboard #main #activity .mobius li .footer .time {
    float: right;
    margin-left: 20px;
    width: 100px
}

body#projects_dashboard #main #activity ol.activity-mini li:hover .backer_info {
    display: inline
}

body#projects_dashboard #main #activity .activity-filters {
    list-style: none;
    margin-bottom: 60px
}

body#projects_dashboard #main #activity .activity-filters li {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline;
    margin: 0px 0px 0px 10px
}

body#projects_dashboard #main #activity .activity-filters li:first-child {
    margin-left: 0px
}

body#projects_dashboard #main #activity .activity-filters li a {
    border-radius: 12px;
    padding: 1px 15px 2px
}

body#projects_dashboard #main #activity .activity-filters li a.current {
    background: #2752ff;
    color: #fff
}

body#projects_dashboard #main #activity .show-more {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 3px;
    font-size: 12px;
    padding-left: 50px;
    padding-right: 50px;
    text-transform: capitalize
}

body#projects_dashboard .bubble {
    display: none;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 0 white inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFF;
    border: 1px solid #000;
    border-bottom: 0;
    color: #FFF;
    position: absolute;
    font-size: 11px;
    line-height: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    text-align: center
}

body#projects_dashboard .bubble p {
    margin: 0
}

body#projects_dashboard .bubble .nipple {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    border-top: 6px solid black;
    border-top: 6px solid rgba(0, 0, 0, 0.8);
    border-bottom: 0px;
    border-left: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid #FFF;
    border-right: 6px solid transparent;
    overflow: hidden
}

body#projects_dashboard .bubble .content {
    display: inline-block;
    overflow: hidden
}

body#projects_dashboard .bubble .content .num {
    font-size: 12px;
    color: #FFF;
    font-weight: bold
}

body#projects_dashboard .bubble .content .date {
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 3px
}

body.project #main_content {
    padding-top: 0px
}

.NS_dashboard__creator_analytics_edit .icon-loading-small {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    background: transparent url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat;
    overflow: hidden;
    width: 16px;
    height: 16px
}

.NS_dashboard__creator_analytics_edit .tracking-loading-spinner {
    display: none
}

.NS_dashboard__creator_analytics_edit .loading .tracking-loading-spinner {
    display: inline-block
}

.NS_dashboard__creator_analytics_edit .loading .update-tracking-id {
    background-color: #3D3D66
}

.NS_dashboard__creator_analytics_edit .loading .disable-tracking {
    display: none
}

.NS_dashboard__creator_analytics_edit .update-tracking-id {
    margin-right: 10px
}

.NS_dashboard__creator_analytics_edit .flash-error {
    padding: 20px;
    margin-bottom: 12px
}

.NS_dashboard__creator_analytics_edit .flash-error h2 {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    text-align: left !important
}

.NS_dashboard__creator_analytics_edit .flash-error ul {
    margin-bottom: 0
}

.NS_dashboard__creator_analytics_edit .flash-error ul li {
    font-size: 14px;
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 0;
    margin-left: 20px
}

body#projects_edit .NS_help__rules {
    width: 700px
}

body#projects_edit .NS_help__rules .container {
    max-width: 100%
}

body#projects_edit .NS_help__rules .section {
    padding-left: 20px;
    padding-right: 20px
}

body#projects_edit .NS_help__rules .question {
    padding-bottom: 10px
}

body#projects_edit #content-wrap.content-toggle {
    position: relative;
    padding-bottom: 0
}

body#projects_edit #content-wrap.content-toggle #loading {
    background-color: #F7F5F2;
    position: absolute;
    height: 100%;
    width: 100%
}

body#projects_edit #content-wrap.content-toggle .content {
    overflow: hidden
}

body#projects_edit #content-wrap.content-toggle .content.tabbed {
    position: absolute;
    top: 40px;
    display: none;
    min-height: 100%;
    width: 100%
}

body#projects_edit #content-wrap.content-toggle .content#welcome h3 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-top: 30px
}

body#projects_edit #content-wrap.content-toggle .content#welcome ul {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body#projects_edit #content-wrap.content-toggle #no_launch_banner {
    background: #2752ff;
    color: #fff;
    padding: 20px 0px
}

body#projects_edit #content-wrap.content-toggle #no_launch_banner.hidden {
    display: none
}

body#projects_edit #content-wrap.content-toggle #no_launch_banner h4,
body#projects_edit #content-wrap.content-toggle #no_launch_banner p {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    color: #fff
}

body#projects_edit #content-wrap.content-toggle #no_launch_banner h4:last-child,
body#projects_edit #content-wrap.content-toggle #no_launch_banner p:last-child {
    margin-bottom: 0
}

body#projects_edit #content-wrap.content-toggle label {
    position: relative
}

body#projects_edit .NS-projects-content {
    padding-top: 20px;
    padding-bottom: 30px
}

body#projects_edit #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 640px
}

body#projects_edit .tools-panels,
body#projects_edit .help-panels,
body#projects_edit .sidebar-help-panels {
    list-style: none;
    margin-bottom: 0
}

body#projects_edit .tools-panels li,
body#projects_edit .help-panels li,
body#projects_edit .sidebar-help-panels li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_edit ol.help-panels {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body#projects_edit ol.help-panels li.panel {
    display: none
}

body#projects_edit ol.help-panels li.panel.selected {
    display: block
}

body#projects_edit ol.help-panels li.panel ul {
    padding-left: 30px
}

body#projects_edit ol.help-panels li.panel ul li {
    list-style: disc outside none;
    overflow: visible
}

body#projects_edit ol.sidebar-help-panels {
    word-wrap: break-word
}

body#projects_edit ol.sidebar-help-panels .project-card {
    margin-top: 30px
}

body#projects_edit ol.sidebar-help-panels li.panel {
    display: none
}

body#projects_edit ol.sidebar-help-panels li.panel.selected {
    display: block
}

body#projects_edit ol.sidebar-help-panels li.panel > h5,
body#projects_edit ol.sidebar-help-panels li.panel > p,
body#projects_edit ol.sidebar-help-panels li.panel > ul {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px
}

body#projects_edit ol.sidebar-help-panels li.panel h5 {
    font-weight: bold
}

body#projects_edit ol.sidebar-help-panels li.panel > p {
    color: #020621
}

body#projects_edit ol.sidebar-help-panels li.panel > p.last {
    margin-bottom: 30px
}

body#projects_edit ol.sidebar-help-panels li.panel > ul {
    color: #020621
}

body#projects_edit ol.sidebar-help-panels li.panel > ul li {
    list-style-type: disc;
    margin-left: 20px
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs {
    list-style: none;
    margin: 0 0 30px
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs li.faq {
    background: none
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs .faq-question a {
    font-size: 12px;
    padding: 3px 0 4px 12px
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs .faq-question a .ss-navigateright {
    top: 6px;
    left: 0
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs .faq-answer {
    color: #020621;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0 0 14px
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs .faq-answer ul {
    margin-bottom: 0
}

body#projects_edit ol.sidebar-help-panels li.panel > ul.faqs .faq-answer ul li {
    list-style-type: disc;
    margin-left: 20px
}

body#projects_edit ol.sidebar-help-panels li.panel .school-tout {
    display: block;
    margin-bottom: 30px;
    background: url(/assets/projects/edit/icon-school-c42681dde6b9f05ee31ec604b5fe60d6050b0b17eaca9c4dc0a45e255aadfc8f.png) no-repeat 13px 11px #F7F5F2;
    padding: 10px;
    padding-left: 42px;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 3px
}

body#projects_edit ol.sidebar-help-panels li.panel .school-tout span {
    display: block;
    font-size: 11px;
    color: #020621;
    font-weight: normal
}

body#projects_edit ol.sidebar-help-panels li.panel .school-tout:hover {
    background-color: #F7F5F2
}

body#projects_edit #rewards-sidebar-help .video-tout {
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 5px
}

body#projects_edit #rewards-sidebar-help .video-tout a {
    margin-bottom: 0px
}

body#projects_edit #rewards-sidebar-help p {
    margin-bottom: 20px
}

body#projects_edit #rewards-sidebar-help ul {
    margin-bottom: 20px
}

body#projects_edit #the-story-sidebar-help .school-tout {
    border-radius-top: 0px
}

body#projects_edit #about-you-sidebar-help p {
    margin-bottom: 20px
}

body#projects_edit #account-setup-sidebar-help ul {
    margin-bottom: 20px
}

body#projects_edit .video-tout {
    background-color: #F7F5F2;
    border-radius: 3px;
    padding-top: 10px
}

body#projects_edit .video-tout .video_thumb_container {
    position: relative;
    display: block;
    height: 115px;
    width: 199px;
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

body#projects_edit .video-tout .video_thumb_container:hover img.play_button {
    background-color: #2BDE73
}

body#projects_edit .video-tout .video_thumb_container img.play_button {
    position: absolute;
    width: 66px;
    height: 45px;
    top: 32px;
    left: 63.5px;
    background: black;
    background: rgba(2, 6, 33, 0.95);
    border-radius: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 5px rgba(2, 6, 33, 0.6);
    -ms-box-shadow: 0px 0px 5px rgba(2, 6, 33, 0.6);
    -o-box-shadow: 0px 0px 5px rgba(2, 6, 33, 0.6);
    box-shadow: 0px 0px 5px rgba(2, 6, 33, 0.6)
}

body#projects_edit .window {
    overflow: hidden
}

body#projects_edit .window ol.form-panels {
    width: 100000px
}

body#projects_edit .window li.panel {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    float: left;
    margin-right: 20px;
    width: 640px
}

body#projects_edit .flash-error {
    padding: 20px;
    margin-bottom: 12px
}

body#projects_edit .flash-error h2 {
    font-size: 18px;
    margin-bottom: 10px
}

body#projects_edit .flash-error ul {
    margin-bottom: 0
}

body#projects_edit .flash-error ul li {
    font-size: 14px;
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 0;
    margin-left: 20px
}

body#projects_edit .field_with_errors {
    display: inline
}

body#projects_edit .field-help-1 {
    display: none;
    color: #020621;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 25px;
    margin-top: -5px;
    padding: 0 14px
}

body#projects_edit .field-wrapper {
    color: #020621;
    line-height: 18px;
    font-size: 13px
}

body#projects_edit .field-help-2 {
    color: #020621;
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px
}

body#projects_edit .field-help-2.hidden {
    display: none
}

body#projects_edit .field-help-2 p {
    color: #020621;
    line-height: 18px;
    margin-bottom: 10px
}

body#projects_edit .field-help-2 ul {
    padding-left: 30px
}

body#projects_edit .field-help-2 ul li {
    list-style: disc outside none;
    overflow: visible
}

body#projects_edit .project-title input {
    padding-right: 60px
}

body#projects_edit .short-description textarea {
    resize: none
}

body#projects_edit li.product-design-rules {
    margin-bottom: 20px
}

body#projects_edit li.product-design-rules h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px
}

body#projects_edit li.product-design-rules ul {
    margin: 0px 20px 0px 40px
}

body#projects_edit li.product-design-rules ul li {
    margin-bottom: 10px;
    list-style: disc outside;
    overflow: visible
}

body#projects_edit li.product-design-rules ul li:last-child {
    margin-bottom: 0px
}

body#projects_edit .grey-field label {
    vertical-align: top;
    width: 163px;
    word-wrap: break-word
}

body#projects_edit .grey-field label .ss-help {
    margin-left: 5px;
    color: #3D3D66
}

body#projects_edit .grey-field label:hover,
body#projects_edit .grey-field label.expanded {
    cursor: pointer
}

body#projects_edit .grey-field label:hover .ss-help,
body#projects_edit .grey-field label.expanded .ss-help {
    color: #2BDE73
}

body#projects_edit .grey-field label.overlabel {
    width: auto
}

body#projects_edit .grey-field .field-wrapper {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 449px
}

body#projects_edit .grey-field .field-wrapper .flash-notice {
    margin-bottom: 5px;
    border: 1px solid #facb72
}

body#projects_edit .grey-field .field-wrapper .character_counter_wrapper {
    position: relative
}

body#projects_edit .grey-field .field-wrapper .character_counter_container {
    position: absolute;
    bottom: 13px;
    right: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #3D3D66
}

body#projects_edit .grey-field .field-wrapper .js-subcategories {
    margin-top: 3px
}

body#projects_edit .grey-field p {
    line-height: 16px;
    margin-bottom: 10px
}

body#projects_edit .grey-field.focus label .ss-help {
    color: #2752ff
}

body#projects_edit .grey-field .options {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin: 0;
    list-style: none;
    width: 449px
}

body#projects_edit .grey-field .options li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_edit .grey-field .options input.radio {
    margin: 0 5px 0 0
}

body#projects_edit .grey-field .options .option {
    margin-bottom: 3px
}

body#projects_edit .grey-field .options .option:last-child {
    margin-bottom: 0
}

body#projects_edit .grey-field .options .option.number-of-days {
    position: relative
}

body#projects_edit .grey-field .options .option.number-of-days .rec {
    color: #3D3D66;
    font-size: 11px;
    font-style: normal;
    position: absolute;
    top: 11px;
    right: 10px
}

body#projects_edit .grey-field .options .option.number-of-days .rec:hover {
    cursor: default
}

body#projects_edit .grey-field .options .option.number-of-days label {
    width: 162px;
    word-wrap: break-word
}

body#projects_edit .grey-field .options .option.number-of-days label strong {
    padding-left: 3px
}

body#projects_edit .grey-field .options .option.number-of-days input.text {
    padding-right: 160px;
    width: 271px
}

body#projects_edit .grey-field .options .option.date-time label {
    width: 162px
}

body#projects_edit .grey-field .options .option.date-time label strong {
    padding-left: 3px
}

body#projects_edit .grey-field .options .option.date-time select {
    padding-left: 11px;
    margin-right: -1px
}

body#projects_edit .grey-field .options .option.date-time select.date {
    background-position: 142px 14px;
    width: 144px
}

body#projects_edit .grey-field .options .option.date-time select.time {
    border-radius: 0px 3px 3px 0px
}

body#projects_edit .grey-field .options .option.date-time input.text {
    border-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 166px
}

body#projects_edit .grey-field .options .option label {
    background: white;
    border: 1px solid #F1EEEA;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 0;
    color: #020621;
    font-weight: normal;
    width: auto;
    margin-bottom: 0
}

body#projects_edit .grey-field .options .option label strong {
    font-weight: normal
}

body#projects_edit .grey-field .options input.text,
body#projects_edit .grey-field .options select {
    border-radius: 0px;
    width: 100px
}

body#projects_edit .grey-field .options select {
    background-position: 73px 14px
}

body#projects_edit .grey-field .options input.text {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

body#projects_edit .grey-field .field-selected {
    color: #2752ff;
    background: #F8F9FD;
    border: 1px solid rgba(39, 82, 255, 0.35);
    width: 100%
}

body#projects_edit .grey-field .field-selected a.cancel-link {
    color: #2752ff;
    padding: 12px 14px 6px
}

body#projects_edit .grey-field .field-selected a.cancel-link:hover {
    color: #fff;
    background: #2752ff
}

body#projects_edit .grey-field .wym_box {
    padding: 0;
    width: 449px
}

body#projects_edit .grey-field .wym_box .wym_iframe iframe {
    height: 450px
}

body#projects_edit .grey-field .field.search.location-search .results {
    width: auto
}

body#projects_edit .grey-field .field.search.location-search .icon-loading-small {
    top: 12px;
    left: 9px
}

body#projects_edit .grey-field .field.search.location-search .ss-search {
    position: absolute;
    top: 13px;
    left: 11px
}

body#projects_edit .grey-field .field.search.location-search input {
    border-radius: 3px;
    padding: 10px;
    padding-left: 30px;
    width: 100%
}

body#projects_edit .tools {
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: -100px
}

body#projects_edit .tools.visible {
    margin-bottom: 0
}

body#projects_edit .tools .container {
    position: relative
}

body#projects_edit .modal_dialog .modal_dialog_body ul.actions {
    list-style: none;
    margin-bottom: 0
}

body#projects_edit .modal_dialog .modal_dialog_body ul.actions li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_edit .modal_dialog .modal_dialog_body ul.actions li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#projects_edit .modal_dialog .modal_dialog_body ul.actions li.save,
body#projects_edit .modal_dialog .modal_dialog_body ul.actions li.yes {
    margin-right: 5px
}

body#projects_edit #school-video-dialog h4 {
    display: none
}

body#projects_edit #school-video-dialog .video-player {
    margin-top: 20px
}

body#projects_edit #school-video-dialog video {
    width: 950px;
    height: 535px
}

body#projects_edit #prohibited_projects_dialog ul {
    width: 600px
}

body#projects_edit .rules .NS_rules__interrupt {
    width: 700px
}

body#projects_edit #sidebar .project-card-wrap a {
    cursor: default
}

body#projects_edit #sidebar .project-card-wrap a:hover {
    color: #2752ff
}

body#projects_edit #sidebar .project-card-wrap p {
    line-height: 15px
}

body#projects_edit #sidebar .project-card-wrap ul.project-meta a:hover {
    color: #3D3D66
}

body#projects_edit #sidebar #rewards-sidebar-help .dont {
    color: #fd003b
}

body#projects_edit #the-basics-panel p.end_date {
    margin: 10px 0 5px
}

body#projects_edit #the-basics-panel .date-time {
    border-radius: 3px;
    background: white;
    border: 1px solid #F1EEEA
}

body#projects_edit #the-basics-panel .date-time label[for=duration_deadline] {
    border-radius: 0;
    border: 0
}

body#projects_edit #the-basics-panel .date-time #calendar_container {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    width: 265px;
    background: #F7F5F2;
    text-align: center
}

body#projects_edit #the-basics-panel .date-time #calendar_container #project-duration-calendar {
    display: none
}

body#projects_edit #the-basics-panel .calendar_date_picker {
    width: 264px;
    border-top: 0;
    border-right: 1px solid #F1EEEA;
    border-left: 1px solid #F1EEEA;
    border-bottom: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker table {
    margin-bottom: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker a.previous_month,
body#projects_edit #the-basics-panel .calendar_date_picker a.next_month {
    background: none;
    height: 9px;
    top: 7px;
    width: 6px
}

body#projects_edit #the-basics-panel .calendar_date_picker a.previous_month {
    left: 6px
}

body#projects_edit #the-basics-panel .calendar_date_picker a.next_month {
    right: 6px
}

body#projects_edit #the-basics-panel .calendar_date_picker thead.month th {
    background: #F7F5F2;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2);
    color: #020621;
    font-size: 12px;
    font-weight: 500;
    height: 25px;
    line-height: 15px;
    -webkit-box-shadow: 0 1px 0 0 inset #FFF;
    -ms-box-shadow: 0 1px 0 0 inset #FFF;
    -o-box-shadow: 0 1px 0 0 inset #FFF;
    box-shadow: 0 1px 0 0 inset #FFF;
    text-transform: none
}

body#projects_edit #the-basics-panel .calendar_date_picker thead.month th span.year {
    padding: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker td,
body#projects_edit #the-basics-panel .calendar_date_picker thead.days_of_week th {
    padding: 0;
    text-align: center;
    width: 38px
}

body#projects_edit #the-basics-panel .calendar_date_picker thead.days_of_week th {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F2), to(#f3f0ec));
    background-image: linear-gradient(#F7F5F2, #f3f0ec);
    border-bottom: 1px solid #F1EEEA;
    color: #020621;
    font-size: 10px;
    line-height: 15px;
    padding: 0;
    text-transform: capitalize
}

body#projects_edit #the-basics-panel .calendar_date_picker tbody tr td:first-child {
    border-left: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker tbody tr td:last-child {
    border-right: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker tbody tr:last-child td {
    border-bottom: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker td {
    background: #F7F5F2;
    color: #020621;
    line-height: 30px;
    overflow: visible
}

body#projects_edit #the-basics-panel .calendar_date_picker td a {
    background: #FFF;
    color: #020621;
    font-weight: bold;
    padding: 0;
    width: 100%
}

body#projects_edit #the-basics-panel .calendar_date_picker td a.selected {
    background: #2752ff;
    color: #FFF
}

body#projects_edit #the-basics-panel .calendar_date_picker td a.today {
    background: #F8F9FD;
    color: #2752ff
}

body#projects_edit #the-basics-panel .calendar_date_picker td a.today.selected {
    background: #2752ff;
    color: #FFF
}

body#projects_edit #the-basics-panel .calendar_date_picker .time {
    background: #F7F5F2;
    border-top: 1px solid #F1EEEA;
    padding-top: 10px;
    margin: 0
}

body#projects_edit #the-basics-panel .calendar_date_picker .time label {
    background: none;
    border: 0;
    width: auto;
    vertical-align: middle
}

body#projects_edit #the-basics-panel .calendar_date_picker .time label input {
    margin-left: 5px;
    width: 75px
}

body#projects_edit #rewards-panel #project_pledge_min {
    font-size: 11px;
    color: #3D3D66
}

body#projects_edit #rewards-panel .icon-display {
    height: 14px;
    margin: -3px 0 0;
    width: 14px
}

body#projects_edit #rewards-panel a:hover .icon-display {
    fill: #060F46
}

body#projects_edit #rewards-panel ol.rewards {
    margin-bottom: 0
}

body#projects_edit #rewards-panel ol.rewards li.reward {
    overflow: visible
}

body#projects_edit #rewards-panel label.primary {
    width: 159px
}

body#projects_edit #rewards-panel .hidden {
    display: none
}

body#projects_edit #rewards-panel .summary {
    display: none
}

body#projects_edit #rewards-panel .summary .NS-projects-reward {
    border-radius: 3px;
    border: 1px solid #F1EEEA;
    background: #fff;
    padding: 8px 45px 8px 10px;
    position: relative;
    width: auto
}

body#projects_edit #rewards-panel .summary .NS-projects-reward .edit-or-delete {
    border-radius: 3px;
    background: #F7F5F2;
    border: 1px solid #F1EEEA;
    line-height: 22px;
    padding: 2px;
    position: absolute;
    right: 9px;
    top: 9px
}

body#projects_edit #rewards-panel .summary .NS-projects-reward .edit-or-delete .edit,
body#projects_edit #rewards-panel .summary .NS-projects-reward .edit-or-delete .delete {
    cursor: pointer;
    margin-bottom: 4px;
    padding: 3px 6px;
    color: #3D3D66
}

body#projects_edit #rewards-panel .summary .NS-projects-reward .edit-or-delete .delete {
    border-left: 1px solid #F1EEEA;
    padding-left: 9px
}

body#projects_edit #rewards-panel .summary .NS-projects-reward h3 {
    font-size: 16px
}

body#projects_edit #rewards-panel .summary .NS-projects-reward .backers-limits .limited {
    border-radius: 6px;
    background: #fcdda3;
    padding: 5px
}

body#projects_edit #rewards-panel .summary .NS-projects-reward .desc p {
    font-size: 14px;
    line-height: 18px;
    color: #020621
}

body#projects_edit #rewards-panel .summary .NS-projects-reward h4 {
    font-size: 12px;
    color: #020621;
    margin-bottom: 10px
}

body#projects_edit #rewards-panel .summary .NS-projects-reward h4 span.icon-shipping {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    vertical-align: text-top;
    height: 14px;
    width: 15px;
    background: url(/assets/projects/icon-shipping-a83e3e3e15be55ac6b4e3050bc808b10829ad7e9a2985cfe30aed98c39fc87ad.png) no-repeat 0 0
}

body#projects_edit #rewards-panel .field-wrapper {
    width: 453px
}

body#projects_edit #rewards-panel .backer_rewards_fields .warning {
    display: inline;
    float: right;
    width: 311px;
    background: #fcdda3;
    border-left: 1px solid #F1EEEA;
    padding: 10px;
    padding-bottom: 0px
}

body#projects_edit #rewards-panel .backer_rewards_fields .warning p {
    font-size: 11px
}

body#projects_edit #rewards-panel .backer_rewards_fields .warning p.first {
    font-weight: bold;
    margin-bottom: 5px
}

body#projects_edit #rewards-panel .backer_rewards_fields .warning p.first .bad_word {
    font-weight: normal;
    font-style: italic
}

body#projects_edit #rewards-panel .backer_rewards_fields .flash-error {
    background: none;
    color: #fd003b;
    padding: 10px 10px 7px 0
}

body#projects_edit #rewards-panel .backer_rewards_fields .flash-error h2 {
    font-size: 13px
}

body#projects_edit #rewards-panel .backer_rewards_fields .flash-error ul li {
    list-style-type: disc;
    list-style-position: outside;
    overflow: visible
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .field_container {
    border-radius: 3px;
    border: 1px solid #F1EEEA;
    background: white;
    position: relative
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper label {
    font-size: 12px;
    font-weight: normal;
    width: 100px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper input,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper textarea,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper select {
    border-radius: 0px;
    margin: -1px 0;
    position: relative
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper input:focus,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper textarea:focus,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper select:focus {
    z-index: 1
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .field_with_errors input,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .field_with_errors textarea,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .field_with_errors select {
    border-color: #fd003b
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper input {
    width: 80px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper input[type=checkbox] {
    margin-top: 0;
    width: 14px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper textarea {
    width: 200px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .title {
    border-bottom: 1px solid #F1EEEA !important
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .title input {
    border-top-right-radius: 3px;
    margin-right: -1px;
    width: 333px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .minimum,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .description {
    display: inline-block;
    vertical-align: top
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .minimum {
    border-bottom: 1px solid #F1EEEA !important
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .minimum input {
    margin-right: -1px;
    width: 333px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .minimum .field_with_errors input {
    border-color: #fd003b !important
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit {
    display: block;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .backers {
    display: inline-block;
    height: 20px;
    padding: 9px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #020621;
    min-width: 93px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .backers .num-backers {
    vertical-align: middle
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .limit_label {
    vertical-align: middle;
    display: inline-block;
    width: auto;
    min-width: 110px;
    max-width: 250px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold-out {
    display: none;
    color: #020621;
    background-color: #F7F5F2;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: auto;
    padding: 0px 5px;
    margin: 11px;
    vertical-align: middle
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold_out_label {
    vertical-align: middle;
    text-align: right;
    width: 100px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold_out_label input[type=checkbox] {
    display: none
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold_out_label label {
    width: auto
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold_out_label .unmark_sold_out {
    display: none
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold_out_checkbox {
    display: none
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit label {
    padding-left: 0;
    padding-right: 0;
    width: 110px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit input[type=checkbox] {
    margin-left: 9px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit input[type=text] {
    visibility: hidden;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 60px;
    margin: 10px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit.limit_set input[type=text] {
    visibility: visible
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit.marked_sold_out .limit_label,
body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit.marked_sold_out input[type=text] {
    display: none
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit.marked_sold_out .sold-out {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit.marked_sold_out .sold_out_label .mark_sold_out {
    display: none
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit.marked_sold_out .sold_out_label .unmark_sold_out {
    display: inline
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .limit .sold_out_label {
    margin-right: 10px;
    float: right;
    color: #2752ff;
    text-decoration: underline
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .description {
    border-bottom: 1px solid #F1EEEA !important
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .description textarea {
    margin-right: -1px;
    width: 333px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items {
    background-color: white;
    border-right: 1px solid #F1EEEA !important;
    border-left: 1px solid #F1EEEA !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    margin-right: -1px;
    width: 333px;
    zoom: 1
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .static-item-list {
    border-top: 1px solid #F1EEEA !important;
    padding: 10px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table {
    border-top: 1px solid #F1EEEA !important;
    padding: 0px 6px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__body {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px 6px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__row {
    width: 100%;
    cursor: -webkit-grab;
    cursor: grab
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__cell {
    background-color: #F8F9FD;
    display: table-cell;
    padding: 6px;
    vertical-align: middle
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__cell--light {
    background-color: white
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__cell--sort {
    vertical-align: middle;
    width: 20px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__cell--item {
    width: 155px;
    padding-left: 10px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .sortable-table__cell--qty {
    padding-right: 10px;
    text-align: right;
    width: 100px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .qty-incrementer {
    border-radius: 2px;
    padding: 4px;
    width: 23px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .qty-incrementer__btn {
    height: 23px;
    padding: 0;
    line-height: 17px;
    width: 23px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .item-qty__input {
    padding: 5px;
    height: auto;
    width: 15px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .items__add-new {
    padding: 10px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .items__add-new__popover {
    padding: 24px 12px 24px 24px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .scrollable-table {
    padding-right: 12px;
    max-height: 144px;
    overflow-y: auto
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .scrollable-table__inner {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px 2px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .scrollable-table__row {
    display: table-row;
    width: 100%
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .scrollable-table__cell {
    display: table-cell;
    padding: 6px;
    vertical-align: top
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .scrollable-table__cell--truncate {
    width: 58px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .scrollable-table__cell--sml {
    width: 14px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .items .items__add-new__footer {
    padding-right: 12px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .delivery-date .date_container {
    border-bottom-right-radius: 3px;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-right: -1px;
    width: 333px;
    line-height: 38px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .delivery-date select {
    float: left
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .delivery-date select.month {
    background: #fff url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png) no-repeat 171px 14px;
    width: 203px;
    margin-right: -1px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .delivery-date select.year {
    background: #fff url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png) no-repeat 104px 14px;
    width: 131px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping {
    overflow: hidden;
    *zoom: 1;
    border-top: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping select {
    background: #fff url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png) no-repeat 306px 14px;
    width: 333px;
    margin-right: -1px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping ul.shipping-rules {
    margin-left: 119px;
    margin-bottom: -1px;
    border-left: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule {
    border-top: 1px solid #F1EEEA
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule label {
    font-size: 14px;
    width: 192px;
    float: left;
    padding: 10px 0 10px 9px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule label.shipping-rule-cost[disabled=disabled] {
    color: #3D3D66;
    background-color: #F7F5F2
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule select {
    width: 203px;
    margin-left: -1px;
    background: #fff url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png) no-repeat 171px 14px;
    float: left
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule input[type=text] {
    width: 131px;
    float: left;
    margin-right: -1px;
    z-index: 0
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule .keep-or-delete {
    position: absolute;
    width: 35px;
    top: auto;
    right: 0px;
    cursor: pointer;
    height: 40px
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule .keep-or-delete a {
    display: block;
    padding: 8px 10px;
    line-height: 24px;
    color: #3D3D66
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping li.shipping-rule .keep-or-delete a:hover {
    color: #060F46
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping a.delete[disabled=disabled] {
    color: #3D3D66;
    display: none
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping a.add-another {
    display: block !important;
    padding: 10px 0px 10px 5px;
    margin-left: -1px;
    border-top: 1px solid #F1EEEA;
    border-left: 1px solid #F1EEEA
}

body#projects_edit #rewards-panel .backer_rewards_fields .field-wrapper .shipping a.add-another[disabled=disabled] {
    color: #3D3D66;
    display: none !important
}

body#projects_edit #rewards-panel .add-another-wrap {
    border-style: dashed;
    border-color: #E6E4E2
}

body#projects_edit #rewards-panel .add-another-button {
    border-style: dashed
}

body#projects_edit #rewards-panel .add-another-button:hover {
    background-color: #F8F9FD;
    color: #2752ff
}

body#projects_edit #rewards-panel .ksr-select .ss-icon {
    top: 12px
}

body#projects_edit.live #rewards-panel .limit {
    background-color: #F7F5F2
}

body#projects_edit #the-story-panel .grey-field label {
    width: 118px
}

body#projects_edit #the-story-panel .grey-field .field-wrapper,
body#projects_edit #the-story-panel .grey-field .wym_box {
    width: 494px
}

body#projects_edit #the-story-panel .risks textarea {
    height: 150px;
    width: 494px
}

body#projects_edit #about-you-panel .facebook .field-wrapper {
    padding: 9px 0 10px
}

body#projects_edit #about-you-panel .facebook .field-wrapper .connect-to-facebook {
    padding: 2px 0
}

body#projects_edit #about-you-panel .facebook .field-wrapper .disconnect-from-facebook p {
    background: url(/assets/projects/icon-creators-efd7400a170f76ed71f3da5ce7b1dac61a179f42296644bbac544fb58a3b6ac6.gif) no-repeat 0px -131px;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 20px;
    margin: 0 0 0 11px;
    padding-left: 28px
}

body#projects_edit #about-you-panel .facebook .field-wrapper .disconnect-from-facebook p a {
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px
}

body#projects_edit #about-you-panel .facebook .field-wrapper .reconnect-to-facebook {
    height: 32px
}

body#projects_edit #about-you-panel .facebook .field-wrapper .connect-to-facebook .fb-login-button {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#projects_edit #about-you-panel .biography textarea {
    height: 150px
}

body#projects_edit #about-you-panel .NS-users-_urls_fields {
    overflow: hidden;
    *zoom: 1
}

body#projects_edit #about-you-panel .NS-users-_urls_fields input {
    width: 320px
}

body#projects_edit #account-setup-panel iframe {
    overflow: hidden
}

body#projects_edit #preview .NS-projects-content {
    padding-top: 0px
}

body#projects_edit #preview #share_a_link {
    height: 20px;
    padding: 0px 3px;
    font-size: 11px;
    background: none
}

body#projects_edit #preview #sharing_enabled input {
    width: 100%;
    border: none;
    background: none;
    color: #2752ff
}

body#projects_edit #preview #share_preview_wrap a {
    color: #2752ff
}

body#projects_edit #preview #share_preview_wrap a:hover {
    color: #0030f3
}

body#projects_edit #preview #share_preview_wrap #share_preview_container {
    background: #fcdda3 !important;
    color: #060F46 !important
}

body#projects_edit #preview #share_preview_wrap #share_preview_container.no_token #sharing_enabled {
    display: none
}

body#projects_edit #preview #share_preview_wrap #share_preview_container.has_token #sharing_disabled {
    display: none
}

body#projects_edit .product-design-rules .must_share {
    margin-top: 20px
}

body#projects_edit #progress_modal .modal_dialog_close {
    display: none
}

body#projects_edit #progress_modal_label {
    font-size: 14px;
    font-weight: bold
}

body#projects_edit #launch {
    position: static !important
}

body.projects_account {
    width: 640px;
    overflow: hidden;
    height: 100%;
    min-width: 0px
}

html[lang="fr"] body#projects_edit #the-basics-panel .calendar_date_picker thead.month span.month,
html[lang="fr"] body#projects_edit #the-basics-panel .calendar_date_picker thead.days_of_week th,
html[lang="es"] body#projects_edit #the-basics-panel .calendar_date_picker thead.month span.month,
html[lang="es"] body#projects_edit #the-basics-panel .calendar_date_picker thead.days_of_week th {
    text-transform: lowercase
}

body#projects_hidden #hidden_project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding: 50px 0px;
    min-height: 300px
}

body#projects_hidden #hidden_project h2 {
    line-height: 30px
}

body#projects_learn #main_content {
    border-top: none
}

body#projects_learn #content {
    padding: 0
}

body#projects_learn #content .video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

body#projects_learn #content .close {
    color: #F1EEEA;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

body#projects_learn #content .close:hover .ss-delete {
    color: #2BDE73
}

body#projects_learn .group {
    margin-bottom: 60px;
    position: relative
}

body#projects_learn .group .interior {
    border-radius: 10px;
    background: #fff;
    padding: 30px
}

body#projects_learn .group .arrow {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    margin-bottom: 20px;
    margin-left: 60px
}

body#projects_learn .group .quote_by p {
    margin: 0
}

body#projects_learn .group .quote_by .avatar {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 10px
}

body#projects_learn .group .quote_by .name {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin: 0;
    max-width: 78%
}

body#projects_learn .group .quote_by .name .tiny_type {
    line-height: 1.3em;
    margin: 0
}

body#projects_learn .group .quote_by .name a {
    color: #020621
}

body#projects_learn .group .quote_by .name a:hover {
    text-decoration: underline
}

body#projects_learn .group .regular {
    position: relative
}

body#projects_learn .group .mirror {
    position: absolute;
    left: -50px;
    bottom: -50px
}

body#projects_learn .group .mirror .arrow {
    border-top-color: rgba(0, 0, 0, 0.1)
}

body#projects_learn .group .mirror .interior {
    margin-right: 50px;
    background: rgba(0, 0, 0, 0.1)
}

body#projects_learn .group .mirror .interior * {
    visibility: hidden
}

body#projects_learn section {
    overflow: hidden;
    position: relative;
    padding: 80px 0px
}

body#projects_learn section:not(#interstitials) {
    min-height: 300px
}

body#projects_learn section#hero {
    background-image: url(/assets/projects/learn/confetti-bg-40ba994a0c5e274aed6897d4bb0c928dc0044e811bdde2846d7f40ef9440ce69.jpg);
    padding-bottom: 0px;
    overflow: visible
}

body#projects_learn section#hero .categories {
    margin-top: 90px
}

body#projects_learn section#hero .categories ul li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin: 0 8px 20px
}

body#projects_learn section#hero .categories ul li a.dim {
    background-color: #171726
}

body#projects_learn section#hero .categories ul li a.art-background.selected {
    background-color: #ffbdab
}

body#projects_learn section#hero .categories ul li a.civic-background.selected {
    background-color: #ffb36a
}

body#projects_learn section#hero .categories ul li a.comedy-background.selected {
    background-color: #5ef3db
}

body#projects_learn section#hero .categories ul li a.comics-background.selected {
    background-color: #fffb78
}

body#projects_learn section#hero .categories ul li a.crafts-background.selected {
    background-color: #ff81ac
}

body#projects_learn section#hero .categories ul li a.dance-background.selected {
    background-color: #a695f9
}

body#projects_learn section#hero .categories ul li a.design-background.selected {
    background-color: #2752ff
}

body#projects_learn section#hero .categories ul li a.fashion-background.selected {
    background-color: #ff9fd6
}

body#projects_learn section#hero .categories ul li a.film-background.selected {
    background-color: #ff596e
}

body#projects_learn section#hero .categories ul li a.food-background.selected {
    background-color: #ff3642
}

body#projects_learn section#hero .categories ul li a.games-background.selected {
    background-color: #00c9ab
}

body#projects_learn section#hero .categories ul li a.journalism-background.selected {
    background-color: #12bcea
}

body#projects_learn section#hero .categories ul li a.music-background.selected {
    background-color: #a5ffd3
}

body#projects_learn section#hero .categories ul li a.photography-background.selected {
    background-color: #00e3e5
}

body#projects_learn section#hero .categories ul li a.publishing-background.selected {
    background-color: #e2dcd0
}

body#projects_learn section#hero .categories ul li a.technology-background.selected {
    background-color: #6396fc
}

body#projects_learn section#hero .categories ul li a.theater-background.selected {
    background-color: #ff7d5f
}

body#projects_learn section#hero .categories ul li a.comics-background.selected,
body#projects_learn section#hero .categories ul li a.theater-background.selected {
    color: #3D3D66
}

body#projects_learn section#interstitials {
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background-color: #F7F5F2;
    height: 0px;
    padding: 0
}

body#projects_learn section#interstitials .category {
    overflow: hidden;
    *zoom: 1;
    display: none;
    padding: 80px 0px;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px
}

body#projects_learn section#interstitials .category.visible {
    display: block
}

body#projects_learn section#interstitials .category .group {
    margin-bottom: 20px
}

body#projects_learn section#interstitials .category .group .avatar {
    border-radius: 20px;
    width: 40px;
    height: 40px
}

body#projects_learn section#interstitials .category .group .name {
    max-width: 90%
}

body#projects_learn section#interstitials .category .group:last-child {
    margin-bottom: 0px
}

body#projects_learn section#interstitials .category .NS_projects_learn__stats {
    margin: 40px 0px;
    padding: 20px 0px;
    border-top: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

body#projects_learn section#interstitials .category ul.stats {
    list-style: none;
    margin: 0
}

body#projects_learn section#interstitials .category ul.stats li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_learn section#interstitials .category ul.stats li {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

body#projects_learn section#interstitials .category ul.stats li:first-child {
    margin-right: 40px
}

body#projects_learn section#interstitials .category ul.stats li h2 {
    color: #2BDE73;
    margin-bottom: 0px
}

body#projects_learn section#interstitials .category article {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    padding-right: 60px
}

body#projects_learn section#interstitials .category aside {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 280px;
    margin-top: 60px
}

body#projects_learn section#interstitials .category aside .NS_projects_learn__eligibility {
    border-radius: 6px;
    background-color: #fff;
    padding: 25px 25px 15px
}

body#projects_learn section#interstitials .category aside .NS_projects_learn__eligibility .button {
    display: block;
    margin-bottom: 40px;
    margin-top: 20px
}

body#projects_learn section#interstitials .category aside .video-player {
    margin-bottom: -5px;
    width: 280px;
    height: 152px
}

body#projects_learn section#interstitials .category aside .video-player .player_controls .progress_container .progress_bg {
    width: 60%
}

body#projects_learn section#interstitials .category aside p.tiny_type {
    color: #3D3D66
}

body#projects_learn section#stats {
    background: #fff
}

body#projects_learn section#stats .left_side {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    padding-right: 60px
}

body#projects_learn section#stats .left_side h2,
body#projects_learn section#stats .left_side p {
    margin-bottom: 60px
}

body#projects_learn section#stats .left_side .locations__near_area {
    border-radius: 6px;
    background-color: #F7F5F2;
    padding: 30px 0 30px 10px;
    position: relative;
    overflow: hidden
}

body#projects_learn section#stats .left_side .locations__near_area .background_image {
    border-radius: 6px;
    opacity: 0.4;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

body#projects_learn section#stats .left_side .locations__near_area h1,
body#projects_learn section#stats .left_side .locations__near_area .text {
    position: relative
}

body#projects_learn section#stats .left_side .locations__near_area h1 {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin: 0 10px 0 0
}

body#projects_learn section#stats .left_side .locations__near_area .text {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 490px
}

body#projects_learn section#stats .left_side .locations__near_area .text p {
    margin-bottom: 5px
}

body#projects_learn section#stats .left_side .locations__near_area .text p a {
    color: #020621;
    text-decoration: underline;
    margin: 0
}

body#projects_learn section#stats .left_side .locations__near_area .text p:last-child {
    margin: 0
}

body#projects_learn section#stats .right_side {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 280px
}

body#projects_learn section#stats .right_side ul {
    list-style: none
}

body#projects_learn section#stats .right_side ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_learn section#stats .right_side ul li {
    margin-bottom: 40px
}

body#projects_learn section#stats .right_side ul li:last-child {
    margin-bottom: 0px
}

body#projects_learn section#stats .right_side ul .number {
    color: #2BDE73;
    font-weight: bold;
    font-size: 80px;
    line-height: 0.9em;
    margin-bottom: -20px
}

body#projects_learn section#stats .right_side ul .grouped_unit {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.25;
    display: block;
    color: #2BDE73
}

body#projects_learn section#quotes h2 {
    margin-bottom: 60px
}

body#projects_learn section#quotes .left_side .group:last-child,
body#projects_learn section#quotes .right_side .group:last-child {
    margin: 0
}

body#projects_learn section#quotes .left_side {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px;
    padding-right: 120px
}

body#projects_learn section#quotes .right_side {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px
}

body#projects_learn section#quotes .mirror {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    opacity: 0
}

body#projects_learn section#quotes.loaded .mirror {
    opacity: 1
}

body#projects_learn section#faqs .column {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px
}

body#projects_learn section#faqs ul {
    list-style: none;
    margin-bottom: 40px
}

body#projects_learn section#faqs ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_learn section#faqs ul li:not(.faq) {
    margin-bottom: 40px
}

body#projects_learn section#tools {
    background-color: #eaeaea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(#eaeaea));
    background-image: linear-gradient(#fff 60%, #eaeaea);
    padding: 60px 0px 0px 0px;
    min-height: 750px
}

body#projects_learn section#tools .container {
    position: absolute;
    left: 50%;
    margin-left: -480px
}

body#projects_learn section#tools .left_side {
    width: 280px;
    margin-left: 10px;
    margin-top: 100px
}

body#projects_learn section#tools .left_side ul {
    list-style: none
}

body#projects_learn section#tools .left_side ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_learn section#tools .left_side ul li {
    margin-bottom: 10px
}

body#projects_learn section#tools .left_side ul li a {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    border: 1px solid transparent;
    color: #020621;
    font-weight: bold;
    padding: 3px 10px
}

body#projects_learn section#tools .left_side ul li.cycle-pager-active a {
    border-radius: 3px;
    background: #2BDE73;
    color: #fff
}

body#projects_learn section#tools .right_side_container {
    position: relative;
    max-width: 1350px;
    margin: 0 auto;
    min-height: 750px
}

body#projects_learn section#tools .right_side {
    position: absolute;
    height: 100%;
    width: 900px;
    right: 0px;
    bottom: 0px
}

body#projects_learn section#tools .slide {
    position: absolute;
    right: 0px;
    width: 100%;
    height: 100% !important
}

body#projects_learn section#tools .slide .caption {
    width: 330px;
    position: absolute;
    bottom: 110px;
    left: -240px;
    text-align: right;
    padding-right: 15px;
    border-right: 1px solid #F1EEEA
}

body#projects_learn section#tools .slide .caption p {
    margin-bottom: 0px
}

body#projects_learn section#tools .slide .caption .hr {
    width: 60px;
    height: 1px;
    background: #F1EEEA;
    position: absolute;
    right: -60px;
    top: 50%
}

body#projects_learn section#tools .build img {
    position: absolute;
    bottom: 25px;
    right: -173px;
    width: 1040px
}

body#projects_learn section#tools .get_feedback img,
body#projects_learn section#tools .prepare_rewards img,
body#projects_learn section#tools .surveys_updates img {
    position: absolute;
    bottom: 0px;
    right: -240px;
    width: 1040px
}

body#projects_learn section#tools .launch img,
body#projects_learn section#tools .track_progress img {
    position: absolute;
    width: 580px;
    right: 150px;
    bottom: 0px
}

body#projects_learn section#tools .launch .caption,
body#projects_learn section#tools .track_progress .caption {
    left: -190px
}

body#projects_learn section#tools .you_made_it video {
    position: absolute;
    bottom: 0px;
    right: -191px;
    height: 810px
}

body#projects_learn section#tools .you_made_it img {
    position: absolute;
    bottom: 0px;
    height: 810px;
    right: -991px
}

body#projects_learn section#tools .launch .iphone_screen {
    position: absolute;
    width: 417px;
    left: 254px;
    bottom: -257px;
    overflow: hidden
}

body#projects_learn section#tools .launch .iphone_screen video {
    width: 100%
}

body#projects_learn section#tools .launch .iphone_screen .reflection {
    background: url(/assets/projects/learn/iphone_shadow-2f8b3cdfc51f89c844cc2112bbe383455516b1adb8b7242674b98d70e33b424e.png) no-repeat top right;
    width: 304px;
    height: 749px;
    position: absolute;
    top: 0px;
    right: -103px
}

body#projects_learn section#tools .celebrate img {
    position: absolute;
    height: 810px;
    margin-top: -60px;
    right: -160px
}

body#projects_learn section#bottom {
    -webkit-transition-property: padding;
    transition-property: padding;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    padding: 100px 0px 60px
}

body#projects_learn section#bottom .background_image {
    opacity: 1;
    background: url(/assets/projects/learn/end-bg-a747a210c03f839aba12f390b745b7682527f0d3aa31e591d124857a49287272.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute
}

body#projects_learn section#bottom .container {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: relative
}

body#projects_learn section#bottom .container .or {
    color: #fff;
    padding: 0 20px
}

body#projects_learn section#bottom .video {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    background: #020621
}

body#projects_learn section#bottom .video .video-player {
    width: 960px;
    height: 540px;
    margin: 30px auto
}

body#projects_learn section#bottom.video_expanded {
    padding: 200px 0px 100px
}

body#projects_learn section#bottom.video_expanded .video {
    filter: alpha(opacity=100);
    opacity: 1
}

body#projects_learn section#bottom.video_expanded .container {
    filter: alpha(opacity=0);
    opacity: 0
}

@media screen and (max-height: 700px) {
    body#projects_learn section#tools {
        min-height: 590px
    }
    body#projects_learn section#tools .right_side_container {
        min-height: 590px;
        max-width: 1150px
    }
    body#projects_learn section#tools .left_side {
        margin-top: 0px
    }
    body#projects_learn section#tools .right_side {
        bottom: -20px
    }
    body#projects_learn section#tools .slide {
        max-height: 720px !important
    }
    body#projects_learn section#tools .slide .caption {
        bottom: 55px;
        left: -100px
    }
    body#projects_learn section#tools .build img {
        bottom: 37px;
        right: -136px;
        width: 810px
    }
    body#projects_learn section#tools .get_feedback img,
    body#projects_learn section#tools .prepare_rewards img,
    body#projects_learn section#tools .surveys_updates img {
        right: -235px;
        width: 850px
    }
    body#projects_learn section#tools .launch img,
    body#projects_learn section#tools .track_progress img {
        width: 480px;
        right: 100px
    }
    body#projects_learn section#tools .you_made_it video {
        bottom: 20px;
        right: -148px;
        height: 630px
    }
    body#projects_learn section#tools .you_made_it img {
        position: absolute;
        bottom: 20px;
        height: 630px;
        right: -770px
    }
    body#projects_learn section#tools .launch .iphone_screen {
        width: 346px;
        left: 389px;
        bottom: -217px
    }
    body#projects_learn section#tools .launch .iphone_screen .reflection {
        right: -136px
    }
    body#projects_learn section#tools .celebrate img {
        height: 650px;
        margin-top: -80px
    }
}

body.touchable section#stats .left_side .locations__near_area .background_image {
    display: none
}

body.touchable section#tools .right_side {
    margin-right: -150px
}

body.touchable section#bottom .video {
    display: none
}

body.touchable section#bottom.video_expanded .video {
    display: block
}

body#projects_new #content-wrap {
    background-color: #F7F5F2
}

.Project-state-purged #content-wrap {
    padding-top: 30px
}

.Project-state-purged.is_creator #content-wrap {
    padding-top: 0px
}

#purged_project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding: 10px 0;
    min-height: 300px
}

#purged_project h2 {
    font-weight: bold;
    font-size: 28px
}

body#projects_rules #rules-help {
    display: list-item
}

body#projects_rules #rules_footer {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-top: 30px
}

body#projects_rules #rules_footer #country-select {
    border-radius: 6px 6px 0px 0px;
    background: #F7F5F2;
    padding: 30px 60px
}

body#projects_rules #rules_footer #country-select .country {
    display: none
}

body#projects_rules #rules_footer #country-select .green {
    color: #2BDE73;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle
}

body#projects_rules #rules_footer #country-select ol {
    overflow: hidden;
    *zoom: 1
}

body#projects_rules #rules_footer #country-select ol li.select-country {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px;
    margin-left: 0
}

body#projects_rules #rules_footer #country-select ol li.select-country span.creation-location-info {
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
    color: #020621;
    margin: 30px 60px 0px 0px;
    line-height: 1.3em
}

body#projects_rules #rules_footer #country-select ol li.select-country select {
    width: 300px;
    padding: 15px 15px 15px 20px;
    line-height: 22px;
    font-size: 18px;
    -webkit-appearance: none;
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png);
    background-repeat: no-repeat;
    background-position: 265px 23px, 20px 14px;
    background-color: #fff;
    background-size: auto auto, 46px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 80px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    border-radius: 6px
}

body#projects_rules #rules_footer #country-select ol li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png)
}

body#projects_rules #rules_footer #country-select ol li.country {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px;
    margin-right: 0
}

body#projects_rules #rules_footer #country-select ol li.country ul li {
    list-style-type: disc;
    margin: 0 0 5px 15px
}

body#projects_rules #rules_footer #country-select.us li.select-country select {
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png), url(/assets/icons/flags/us-8a21c0038d92348490bf15e807db0be01dec32c8530ac384f4c157377bad78cd.svg)
}

body#projects_rules #rules_footer #country-select.us li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png), url(/assets/icons/flags/us-8a21c0038d92348490bf15e807db0be01dec32c8530ac384f4c157377bad78cd.svg)
}

body#projects_rules #rules_footer #country-select.ca li.select-country select {
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png), url(/assets/icons/flags/ca-0c667470c12e7f0367ed1d0e0dc78bf4036739dba2617dbd63f36dea699d9f3d.svg)
}

body#projects_rules #rules_footer #country-select.ca li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png), url(/assets/icons/flags/ca-0c667470c12e7f0367ed1d0e0dc78bf4036739dba2617dbd63f36dea699d9f3d.svg)
}

body#projects_rules #rules_footer #country-select.gb li.select-country select {
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png), url(/assets/icons/flags/gb-7ee8fd46790c95c9eca5f58cd87fbfb6a1f0f04531bdd67621c4c6efb7176611.svg)
}

body#projects_rules #rules_footer #country-select.gb li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png), url(/assets/icons/flags/gb-7ee8fd46790c95c9eca5f58cd87fbfb6a1f0f04531bdd67621c4c6efb7176611.svg)
}

body#projects_rules #rules_footer #country-select.au li.select-country select {
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png), url(/assets/icons/flags/au-ea168fdbfaa8e038085b122d1cc81d91abae91f50b358419b87d2fc9c3c9a2a5.svg)
}

body#projects_rules #rules_footer #country-select.au li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png), url(/assets/icons/flags/au-ea168fdbfaa8e038085b122d1cc81d91abae91f50b358419b87d2fc9c3c9a2a5.svg)
}

body#projects_rules #rules_footer #country-select.nz li.select-country select {
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png), url(/assets/icons/flags/nz-cfcca3b85484189919ba2be8cd4085df78164ada4dde28997a57b6b7ebd6f136.svg)
}

body#projects_rules #rules_footer #country-select.nz li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png), url(/assets/icons/flags/nz-cfcca3b85484189919ba2be8cd4085df78164ada4dde28997a57b6b7ebd6f136.svg)
}

body#projects_rules #rules_footer #country-select.nl li.select-country select {
    background-image: url(/assets/library/forms/select-large-bg-db8faab4f3d91b7f59986545e7169bc075c544b17a5212c3b66dde79c3748690.png), url(/assets/icons/flags/nl-78adbcb4972b6a70eebce8549883807b01a9c1146de5f755cbbed6264056f498.svg)
}

body#projects_rules #rules_footer #country-select.nl li.select-country select:focus {
    background-image: url(/assets/library/forms/select-large-focus-bg-3a82570ca17ee10bf4e96d0a93e591f4fa00a3bad3ab87450ebcf9723eb4f0b4.png), url(/assets/icons/flags/nl-78adbcb4972b6a70eebce8549883807b01a9c1146de5f755cbbed6264056f498.svg)
}

body#projects_rules #rules_footer footer {
    border-radius: 0px 0px 6px 6px;
    background: #F1EEEA;
    padding: 20px 60px
}

body#projects_rules #rules_footer footer input.checkbox {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

body#projects_rules #rules_footer footer label {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 12px;
    margin-bottom: 10px;
    width: 400px
}

body#projects_rules #rules_footer footer .start {
    display: inline;
    float: right
}

body#projects_rules #rules_footer footer .disabled {
    cursor: default;
    background: #3D3D66
}

body#projects_start .sentence .sentence-intro {
    text-align: center
}

body#projects_start .sentence .enter-title {
    width: 700px;
    margin: 0 auto
}

body#projects_start .ksr-popover {
    width: 250px
}

body#projects_start .ksr-popover ul {
    -webkit-column-count: 2;
    column-count: 2
}

body#projects_start .ksr-select__start {
    color: #80809E;
    background-color: white
}

body#projects_start #category_select {
    min-width: 260px;
    text-align: left
}

body#projects_start #category_select.category-id-1 {
    width: 242px
}

body#projects_start #category_select:hover {
    background-color: white;
    border-color: #2752ff
}

body#projects_start #category_select.valid {
    color: #020621;
    border-color: #2BDE73
}

body#projects_start .flag-icon {
    top: 3px;
    position: relative
}

body#projects_start #start-form input.text {
    border: none;
    border-bottom: 1px solid #3D3D66;
    border-radius: 0px;
    width: 100%;
    background-color: transparent;
    padding: 0 0 6px 0;
    font-size: 32px
}

body#projects_start #start-form input.text:hover {
    border-color: #020621
}

body#projects_start #start-form input.text:focus {
    color: #020621;
    outline: none;
    border-bottom-color: #020621;
    -webkit-box-shadow: none;
    box-shadow: none
}

body#projects_start #start-form input.text.valid {
    border-color: #2BDE73
}

body#projects_start #start-form input.text.start-title-field {
    font-size: 22px;
    color: #80809E
}

body#projects_start .country-select {
    margin-top: -4px
}

body#projects_start .country-select .ksr-icon__arrow-down {
    top: 4px
}

body#projects_start .country-not-visible {
    margin-top: 15px
}

body#projects_start .creation-location-info {
    width: 450px
}

body#projects_start .action-button {
    background-color: rgba(255, 255, 255, 0.8)
}

body#projects_surveys #page-header {
    margin-bottom: 30px
}

body#projects_surveys #db-main .intro {
    padding-right: 120px;
    margin-bottom: 40px
}

body#projects_surveys #db-main .intro p {
    font-size: 16px;
    line-height: 1.5em
}

body#projects_surveys #db-main table tr {
    border-top: 1px solid #F1EEEA
}

body#projects_surveys #db-main table td {
    font-size: 16px;
    padding: 20px 0 0
}

body#projects_surveys #db-main table td.description {
    padding-right: 60px
}

body#projects_surveys #db-main table td .tipsy_s {
    border-bottom: 0
}

body#projects_surveys #db-main table td .NS_backer_rewards__shipping {
    font-size: 16px;
    margin-bottom: 20px
}

body#projects_surveys #db-main table td.survey {
    width: 300px
}

body#projects_surveys .statuses {
    list-style: none
}

body#projects_surveys .statuses li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#projects_surveys .statuses .status {
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative
}

body#projects_surveys .statuses .status .ss-icon {
    position: absolute;
    left: 0px;
    color: #2BDE73
}

body#projects_surveys .status_description {
    margin-right: 5px
}

body#proposals_show #running-board-wrap,
body#proposals_show #running-board,
body#admin_proposals_show #running-board-wrap,
body#admin_proposals_show #running-board {
    background: #fff
}

body#proposals_show #content .start_your_project,
body#admin_proposals_show #content .start_your_project {
    overflow: hidden;
    *zoom: 1;
    border-radius: 6px;
    background: #80809E;
    margin-bottom: 20px;
    padding: 20px
}

body#proposals_show #content .start_your_project p,
body#admin_proposals_show #content .start_your_project p {
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    width: 650px
}

body#proposals_show #content .start_your_project a,
body#admin_proposals_show #content .start_your_project a {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    float: right
}

body#proposals_show #content #proposal-accepted,
body#admin_proposals_show #content #proposal-accepted {
    margin-bottom: 20px
}

body#proposals_show #content .messages .NS_messages__show,
body#admin_proposals_show #content .messages .NS_messages__show {
    width: 870px
}

body#proposals_show #content .messages .reply,
body#admin_proposals_show #content .messages .reply {
    padding: 15px 0
}

body#proposals_show #content .messages .reply fieldset,
body#admin_proposals_show #content .messages .reply fieldset {
    margin-bottom: 10px
}

body#proposals_show #content .messages .reply fieldset textarea,
body#admin_proposals_show #content .messages .reply fieldset textarea {
    width: 945px
}

body#admin_proposals_index #search_category_value {
    width: 100px
}

body#admin_proposals_index .presentation-grid table {
    table-layout: fixed
}

body#admin_proposals_index .presentation-grid table th.description {
    width: 350px
}

body#admin_proposals_index .presentation-grid table th.user {
    width: 180px
}

body#admin_proposals_index .presentation-grid table th.moderator {
    width: 80px
}

body#admin_proposals_index .presentation-grid table th.category {
    width: 80px
}

body#admin_proposals_index .presentation-grid table th.rec {
    width: 35px
}

body#admin_proposals_index .presentation-grid table td.description {
    word-wrap: break-word;
    overflow: hidden
}

body#admin_proposals_index .presentation-grid table td.rec {
    text-align: center
}

body#admin_proposals_index .presentation-grid table td.comments {
    text-align: center
}

body#admin_proposals_index .presentation-grid table td.user {
    word-wrap: break-word;
    overflow: hidden
}

body.public_stats .categories table {
    table-layout: fixed
}

body.public_stats .categories .grouped_unit {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 18px;
    margin-left: -2px;
    margin-top: 0px
}

body.public_stats .categories .currency_symbol {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    margin-top: -4px
}

body.public_stats .categories #totals,
body.public_stats .categories .by_pledged {
    width: 900px
}

body.public_stats .categories .sortable_table th.tablesorter-headerAsc {
    background: url(/assets/tablesorter_asc-d8e961459052dc6a9ca57e587cbd89105322af6b87cb73d1b59f0e8b4ea4bf81.gif) no-repeat
}

body.public_stats .categories .sortable_table th.tablesorter-headerDesc {
    background: url(/assets/tablesorter_desc-1bf8b7f7affee67f19707d3514c565805efdf2e5801ea6b4186a3bed176e1975.gif) no-repeat
}

body.public_stats .categories .sortable_table th.tablesorter-header {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 4px;
    border-right: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA;
    font-size: 9px
}

body.public_stats .categories .sortable_table th.tablesorter-header:hover {
    background-color: #F8F9FD
}

body.public_stats .categories .sortable_table th.category_name {
    width: 140px
}

body.public_stats .categories .sortable_table tr.site_wide td,
body.public_stats .categories .sortable_table tr.site_wide tfoot {
    font-weight: bolder;
    font-style: italic;
    font-size: 18px
}

body.public_stats .categories .presentation-grid td {
    border-bottom: 1px solid #F1EEEA;
    padding: 4px
}

body.public_stats .categories .presentation-grid tr:nth-of-type(even) {
    background-color: #F1EEEA;
    border-bottom: 1px solid #F8F9FD;
    border-top: 1px solid #F8F9FD
}

.refund_confirm_form ul.refund_confirm {
    list-style: none
}

.refund_confirm_form ul.refund_confirm li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.refund_confirm_form li {
    margin: 2px 0px;
    padding-bottom: 40px
}

.refund_confirm_form dl {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px
}

.refund_confirm_form dt {
    float: left;
    width: 120px;
    margin-right: 40px
}

.refund_confirm_form dd {
    margin-left: 160px;
    vertical-align: middle;
    color: #020621
}

.refund_confirm_form dd h5 {
    font-size: 22px;
    margin-bottom: 20px
}

.refund_confirm_form dd p {
    margin-bottom: 0px;
    color: #020621
}

.refund_confirm_form dd img {
    vertical-align: middle;
    margin-right: 10px
}

.refund_confirm_form .refund_checkout_actions {
    border-top: 1px solid #F1EEEA;
    overflow: hidden;
    *zoom: 1
}

.refund_confirm_form .refund_checkout_actions span,
.refund_confirm_form .refund_checkout_actions a {
    font-size: 12px;
    line-height: 16px;
    color: #3D3D66
}

.refund_confirm_form .refund_checkout_actions a {
    text-decoration: underline
}

.refund_confirm_form .refund_checkout_actions a:hover {
    color: #020621
}

.refund_confirm_form .refund_checkout_actions span {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin-top: 15px;
    width: 300px
}

.refund_confirm_form .refund_checkout_actions div.submit {
    width: 240px;
    margin-left: 20px;
    float: right;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.refund_confirm_form .refund_checkout_actions .btn--green {
    float: right
}

.refund_confirm_form .refund_checkout_actions a.cancel-link {
    line-height: 40px;
    float: right;
    margin-right: 20px
}

body.dashboard ul.error_message {
    list-style: none;
    padding: 10px;
    background: #fd003b;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

body.dashboard ul.error_message li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ol.refund_checkouts_form {
    list-style: none;
    margin-top: 25px;
    margin-bottom: 0px
}

ol.refund_checkouts_form li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

ol.refund_checkouts_form li {
    padding: 5px 0px
}

ol.refund_checkouts_form label {
    font-weight: bold;
    font-size: 14px;
    float: left;
    width: 140px;
    margin-right: 20px;
    vertical-align: middle
}

ol.refund_checkouts_form select {
    padding: 10px 15px;
    width: 215px;
    line-height: 20px;
    font-size: 14px;
    background-position: 190px center;
    margin-bottom: 5px
}

ol.refund_checkouts_form select:focus {
    background-position: 190px center
}

ol.refund_checkouts_form input[type="text"],
ol.refund_checkouts_form textarea {
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 2px 0 0 inset;
    -ms-box-shadow: rgba(0, 0, 0, 0.06) 0 2px 0 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.06) 0 2px 0 0 inset;
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 0 0 inset
}

ol.refund_checkouts_form input#refund_checkout_amount {
    width: 163px;
    padding: 10px 15px 10px 35px;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold
}

ol.refund_checkouts_form textarea#refund_checkout_message {
    padding: 15px;
    width: 388px;
    height: 100px;
    font-size: 14px
}

ol.refund_checkouts_form .refund_amount_wrapper {
    position: relative;
    display: none;
    margin: 5px 0px 5px 160px
}

ol.refund_checkouts_form .refund_amount_wrapper.partial {
    display: block
}

ol.refund_checkouts_form span.currency {
    position: absolute;
    top: 0px;
    left: 15px;
    font-weight: bold;
    font-size: 22px;
    line-height: 50px
}

ol.refund_checkouts_form span.helper {
    font-size: 12px;
    line-height: 16px;
    color: #3D3D66;
    display: inline-block
}

ol.refund_checkouts_form li.refund_amount label {
    line-height: 40px
}

ol.refund_checkouts_form li.refund_message {
    border-bottom: 1px solid #F1EEEA;
    padding-bottom: 30px
}

ol.refund_checkouts_form li.refund_message label {
    line-height: 30px
}

ol.refund_checkouts_form li.refund_message span.helper {
    margin-left: 160px;
    width: 400px
}

ol.refund_checkouts_form li.submit {
    overflow: hidden;
    *zoom: 1;
    margin-top: 20px;
    padding: 0px
}

ol.refund_checkouts_form li.submit .btn--green {
    display: inline;
    float: right
}

html.no-js .refund_amount_wrapper {
    display: block
}

body.dashboard .refund_backer_details {
    background: #F7F5F2;
    margin: -20px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 6px 6px 0px 0px;
    margin-top: 0
}

body.dashboard .refund_backer_details h2 {
    font-weight: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px
}

body.dashboard .refund_backer_details h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
    display: inline-block;
    font-weight: normal
}

body.dashboard .refund_backer_details a {
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    color: #060F46;
    text-decoration: underline;
    float: right;
    display: inline-block
}

.pledge_transaction_history h3 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 160px;
    margin-left: 0;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    float: none;
    vertical-align: top;
    line-height: 28px
}

.pledge_transaction_history dl {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 280px;
    padding-left: 120px;
    margin-left: 0;
    margin-right: 0;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    float: none;
    font-size: 14px;
    margin-bottom: 0px
}

.pledge_transaction_history dt {
    float: left;
    clear: left
}

.pledge_transaction_history dt span {
    font-size: 11px;
    color: #3D3D66
}

.pledge_transaction_history dd {
    margin: 15px 0px;
    text-align: right;
    font-weight: bold
}

.pledge_transaction_history dd:first-of-type {
    margin-top: 0px
}

.pledge_transaction_history dd.pledge {
    color: #2BDE73
}

.pledge_transaction_history dd.refund {
    color: #fd003b
}

.pledge_transaction_history dd.balance {
    border-top: 1px solid #F7F5F2
}

.pledge_transaction_history .balance {
    font-weight: bold;
    padding-top: 15px;
    margin-bottom: 0px
}

.refund_checkouts_reward {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px
}

.refund_checkouts_reward p.reward_details {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px
}

.refund_checkouts_reward p.backed-on {
    font-size: 12px;
    font-style: italic;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px
}

#stored_card_form #submit {
    overflow: hidden;
    *zoom: 1;
    padding-top: 10px
}

#stored_card_form #submit .btn--green {
    display: inline;
    float: right
}

body#refund_checkouts_edit #new-card {
    padding-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
    float: left
}

body#refund_checkouts_edit #new-card label.payment_option:hover {
    background: none
}

body#refund_checkouts_edit #new-card .btn--blue {
    color: #2752ff;
    background-color: #F8F9FD
}

body#refund_checkouts_edit #new-card .btn--blue:hover {
    color: #060F46 !important;
    background-color: #F8F9FD
}

body.refund_checkouts #submit {
    overflow: hidden;
    *zoom: 1;
    margin-top: 30px;
    padding: 0px
}

body.refund_checkouts #submit .btn--green {
    display: inline;
    float: right
}

#new_root_slug p {
    width: 580px;
    color: #020621
}

#new_root_slug h2 {
    color: #020621;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px
}

#new_root_slug .preview {
    width: 385px;
    position: relative
}

#new_root_slug .preview input {
    display: inline;
    float: right;
    width: 200px
}

#new_root_slug .grey-field {
    height: 26px
}

#new_root_slug .grey-field .label {
    padding: 0 3px;
    line-height: 26px;
    vertical-align: top
}

#new_root_slug .url.shortcut {
    position: relative
}

#new_root_slug .url.shortcut .loading,
#new_root_slug .url.shortcut .error {
    display: none
}

#new_root_slug .url.shortcut.processing .loading {
    display: block;
    top: 31px
}

#new_root_slug .url.shortcut.invalid .error {
    display: block
}

#new_root_slug .url.shortcut .loading,
#new_root_slug .url.shortcut .error {
    position: absolute;
    top: 31px;
    left: 369px
}

#new_root_slug .url.shortcut .loading .checking,
#new_root_slug .url.shortcut .error .checking {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 15px
}

#new_root_slug .url.shortcut .loading .checking,
#new_root_slug .url.shortcut .error .checking {
    color: #3D3D66
}

#new_root_slug .url.shortcut .error_message {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #fd003b;
    padding-top: 5px
}

#new_root_slug .footer {
    margin-top: 20px
}

#new-session input.text,
#new-session input.password {
    width: 200px
}

#new-session input.text:focus,
#new-session input.password:focus {
    background-color: #80809E
}

#new-session .title {
    padding: 0;
    margin-bottom: 0
}

#new-session form#login {
    width: 220px
}

#new-session fieldset .fieldset-errors h2 {
    display: none
}

#new-session fieldset .fieldset-errors ul {
    list-style: none;
    background: #ffecf0;
    margin: 0 0 20px 0;
    color: #fd003b;
    border: 3px solid #fd003b;
    padding: 10px
}

#new-session fieldset .fieldset-errors ul li {
    margin: 0;
    font-size: 13px
}

#new-session fieldset ol {
    list-style: none;
    margin: 0
}

#new-session fieldset ol li {
    margin: 0;
    overflow: hidden
}

#new-session fieldset ol li .checkbox {
    float: left;
    margin-right: 10px;
    margin-top: 9px;
    display: inline
}

#new-session fieldset ol li .label-checkbox {
    display: block;
    float: left;
    width: 190px;
    font-size: 12px;
    color: #020621;
    line-height: 15px;
    padding-top: 3px;
    margin-bottom: 8px
}

#new-session fieldset ol li .label-checkbox strong {
    color: #020621
}

.share-container {
    background-color: #F8F9FD;
    padding: 10px 20px;
    border-top: 1px solid white
}

.share-container.top {
    margin: 20px 0 0 0
}

.share-container.middle {
    border-top: 1px solid white;
    display: none
}

.share-container.middle .grey-frame {
    background-color: white
}

.share-container.bottom {
    padding: 0
}

.share-container.bottom td {
    width: 50%;
    padding: 10px 0 10px 10px !important
}

.share-container.bottom .vsplit {
    border-left: 1px solid white
}

.share-container input.green {
    border: 0;
    cursor: pointer;
    background-color: #2BDE73 !important
}

.share-container input.green:hover {
    background-color: #020621 !important
}

.share-container input.disabled {
    background-color: #F7F5F2
}

.share-container table {
    margin: 0
}

.share-container h5 {
    margin: 0;
    text-transform: uppercase;
    color: #020621
}

.share-container h6.small {
    text-transform: uppercase;
    font-size: 10px
}

.share-container td {
    text-align: left;
    padding: 0
}

.share-container table.sharing_buttons {
    margin: 0.5em 0 0 0;
    color: #2752ff;
    font-size: 12px
}

.share-container table.sharing_buttons img {
    vertical-align: text-bottom
}

.share-container form.share_via_ajax input {
    width: 100%
}

.share-container form.share_via_ajax input.green {
    width: auto
}

.share-container #share_a_link {
    width: 120px;
    vertical-align: middle;
    border-width: 1px;
    padding: 2px;
    display: inline;
    font-size: 10px;
    line-height: 10px;
    height: 10px
}

.share-container .share-icon {
    margin-top: 4px;
    padding-right: 15px
}

body#checkouts_thanks .share-container #share_a_link {
    width: 85px
}

body#site_tou #content-wrap #content,
body#site_tou_uk #content-wrap #content,
body#site_privacy_uk #content-wrap #content,
body#site_privacy #content-wrap #content {
    padding-top: 40px;
    padding-bottom: 40px
}

body#site_tou #content-wrap #content #main,
body#site_tou_uk #content-wrap #content #main,
body#site_privacy_uk #content-wrap #content #main,
body#site_privacy #content-wrap #content #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body#site_tou #content-wrap #content #main h1,
body#site_tou_uk #content-wrap #content #main h1,
body#site_privacy_uk #content-wrap #content #main h1,
body#site_privacy #content-wrap #content #main h1 {
    font-weight: bold
}

body#site_tou #content-wrap #content #main h3,
body#site_tou_uk #content-wrap #content #main h3,
body#site_privacy_uk #content-wrap #content #main h3,
body#site_privacy #content-wrap #content #main h3 {
    font-weight: bold;
    font-size: 16px
}

body#site_tou #content-wrap #content #main h4,
body#site_tou_uk #content-wrap #content #main h4,
body#site_privacy_uk #content-wrap #content #main h4,
body#site_privacy #content-wrap #content #main h4 {
    font-size: 14px
}

body.site .divider {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    height: 3px;
    width: 40px;
    background: #2BDE73;
    margin: 20px 0px 40px
}

a#helptab {
    position: fixed;
    left: 0;
    top: 25%;
    background: #80809E url(/assets/help/helptab-e0ada945f479ce0b6c1bf591ba2945a47bacf24606c7130500d55ff7015a556a.png) no-repeat center center;
    text-indent: -200px;
    height: 100px;
    width: 34px;
    border-radius: 0px 3px 3px 0px;
    z-index: 2
}

a#helptab:hover {
    background-color: #3D3D66
}

@media screen and (max-width: 640px) {
    .NS_site__homepage_curated_pages .mobile-scroll-row .mobile-scroll-row-item {
        width: 40%
    }
}

.NS_site__homepage_social .slider.no-projects .no-content {
    display: block !important
}

.NS_site__homepage_social .project-card-wrap {
    margin-bottom: 10px
}

@media screen and (max-width: 640px) {
    .NS_site__homepage_social .friend_project_context {
        white-space: normal
    }
}

.NS_site__homepage_staff_picks .staff-picks-header {
    top: 56px;
    left: 20px
}

.NS_site__homepage_staff_picks .see-all-link {
    margin-top: 5px
}

.NS_site__homepage_staff_picks .projects-slider ul.has_potd .project {
    display: none
}

.NS_site__homepage_staff_picks .projects-slider ul.has_potd .project.potd {
    display: block
}

.NS_site__homepage_staff_picks .projects-slider .project-ribbon {
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 2
}

.NS_site__homepage_staff_picks .projects-slider .project-ribbon .svg-icon__kickstarter {
    width: 13px;
    height: 13px;
    fill: #FFFFFF;
    vertical-align: -2px
}

.NS_site__homepage_staff_picks .category-nav ul li {
    border-left: 3px solid transparent;
    line-height: 25px;
    margin-left: -1px;
    padding-left: 20px
}

.NS_site__homepage_staff_picks .category-nav ul li a {
    border-bottom: 1px solid transparent;
    padding-bottom: 1px
}

.NS_site__homepage_staff_picks .category-nav ul li a:hover {
    color: #2BDE73;
    border-color: #2BDE73
}

.NS_site__homepage_staff_picks .category-nav ul li.selected {
    border-left: 3px solid #2BDE73
}

.NS_site__homepage_staff_picks .category-nav ul li.selected a {
    border-color: #2BDE73;
    color: #2BDE73
}

@media screen and (max-width: 640px) {
    .NS_site__homepage_staff_picks .project-ribbon {
        top: 0;
        left: 40px
    }
    .NS_site__homepage_staff_picks .project {
        height: auto
    }
    .NS_site__homepage_staff_picks .project:not(.selected) {
        display: none !important
    }
    .NS_site__homepage_staff_picks .project-card-wide-wrap {
        border: 1px solid #F1EEEA
    }
}

@media screen and (min-width: 640px) and (max-width: 780px) {
    .NS_site__homepage_staff_picks .category-nav {
        display: none
    }
    .NS_site__homepage_staff_picks .col-10 {
        width: 100%
    }
    .NS_site__homepage_staff_picks .project:not(.selected) {
        display: none !important
    }
}

@media screen and (min-width: 640px) {
    .NS_site__homepage_staff_picks .projects-slider {
        overflow: hidden;
        position: relative
    }
    .NS_site__homepage_staff_picks .projects-slider .title {
        padding-top: 36px
    }
    .NS_site__homepage_staff_picks .project-ribbon {
        top: 106px;
        left: 40px
    }
    .NS_site__homepage_staff_picks .project .project-card-wide-wrap {
        background-color: transparent;
        border: none
    }
    .NS_site__homepage_staff_picks .project .project-card-wide-wrap .project-card-interior {
        padding-right: 0px
    }
    .NS_site__homepage_staff_picks .project .project-card-wide-wrap .project-thumbnail {
        padding-left: 0px
    }
}

@media screen and (min-width: 780px) {
    .NS_site__homepage_staff_picks .projects-slider,
    .NS_site__homepage_staff_picks .project {
        height: 390px
    }
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

.transition-all-bezier,
.NS_site__projects_hero {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS_site__projects_hero {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1
}

@media screen and (min-width: 640px) {
    .NS_site__projects_hero {
        height: 575px;
        max-height: 700px;
        min-height: 575px
    }
}

@media screen and (max-width: 640px) {
    .NS_site__projects_hero {
        height: 375px;
        max-height: 400px;
        min-height: 275px
    }
}

.NS_site__projects_hero .pager-dots {
    font-size: 40px
}

@media screen and (max-width: 640px) {
    .NS_site__projects_hero .pager-dots {
        bottom: 0px
    }
}

@media screen and (min-width: 640px) {
    .NS_site__projects_hero .pager-dots {
        bottom: 40px
    }
}

.NS_site__projects_hero .pager-dots span {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.3;
    cursor: pointer
}

.NS_site__projects_hero .pager-dots span.cycle-pager-active {
    opacity: 1
}

.NS_site__projects_hero .pager span,
.NS_site__projects_hero .pager svg path {
    color: #F7F5F2;
    fill: #F7F5F2
}

.NS_site__projects_hero .pager.light-theme span,
.NS_site__projects_hero .pager.light-theme svg path {
    color: #020621;
    fill: #020621
}

.NS_site__projects_hero .next,
.NS_site__projects_hero .previous {
    width: 50px;
    cursor: pointer
}

.NS_site__projects_hero .next svg path,
.NS_site__projects_hero .previous svg path {
    opacity: 0.5
}

.NS_site__projects_hero .next:hover svg path,
.NS_site__projects_hero .previous:hover svg path {
    opacity: 1
}

.NS_site__projects_hero .next:active svg path,
.NS_site__projects_hero .previous:active svg path {
    fill: #2BDE73
}

@media screen and (max-width: 1100px) {
    .NS_site__projects_hero .next,
    .NS_site__projects_hero .previous {
        display: none
    }
}

.js .NS_site__projects_hero.loading {
    opacity: 0
}

.hero-slide {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.hero-slide__content {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.hero-slide__content--left {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

@media screen and (min-width: 640px) {
    .hero-slide__content--left {
        padding: 60px 0 0
    }
}

.hero-slide__content--right {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
    text-align: right
}

@media screen and (min-width: 640px) {
    .hero-slide__content--right {
        padding: 60px 0 0
    }
}

.hero-slide__interior {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 10%
}

.hero-slide__video {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.hero-slide__title {
    font-weight: 200
}

@media screen and (min-width: 640px) {
    .hero-slide__title {
        font-size: 4em;
        line-height: 1
    }
}

.hero-slide__subtitle {
    font-size: 22px;
    margin: 0 auto 40px;
    width: 70%
}

@media screen and (max-width: 640px) {
    .hero-slide__subtitle {
        margin-bottom: 20px;
        font-size: 16px;
        width: 90%
    }
}

.hero-slide__interior--left .hero-slide__subtitle,
.hero-slide__interior--right .hero-slide__subtitle {
    margin: 0 0 40px 0;
    width: 100%
}

.hero-slide__attribution {
    font-size: 12px;
    font-weight: bold;
    padding: 20px 0px
}

@media screen and (min-width: 640px) {
    .hero-slide__attribution {
        position: absolute;
        bottom: 10px;
        right: 30px
    }
}

.hero-slide--dark {
    color: #fff
}

.hero-slide--light {
    color: #020621
}

@media screen and (min-width: 640px) {
    .hero-slide__interior--left {
        width: 70%;
        padding-right: 25%
    }
    .hero-slide__interior--right {
        width: 70%;
        padding-left: 25%
    }
}

.hero-slide--ios-launch {
    background-image: url(/assets/site/hero-ios-launch-47cee8c48d01bde4d56c7cdeab844bad850b384517093284bc905bd74fac2a73.jpg);
    background-size: auto 125%;
    color: #fff
}

@media screen and (max-width: 640px) {
    .hero-slide--ios-launch {
        padding-bottom: 60px;
        background-color: #58DAA1;
        background-size: auto 100%
    }
}

.hero-slide--ios-launch .hero-slide__title {
    font-size: 3.5em
}

@media screen and (max-width: 640px) {
    .hero-slide--ios-launch .hero-slide__title {
        font-size: 2em
    }
}

.hero-slide.hero-slide--android_launch {
    background-position: top center
}

.hero-slide.hero-slide--android_launch .hero-slide__interior {
    padding-right: 12%;
    padding-left: 12%
}

.hero-slide.hero-slide--android_launch .hero-slide__title {
    line-height: 4.4rem
}

@media screen and (max-width: 640px) {
    .hero-slide.hero-slide--android_launch .hero-slide__title {
        line-height: 1.2
    }
}

.hero-slide.hero-slide--android_launch .hero-slide__subtitle {
    width: 50%
}

.hero-slide.hero-slide--android_launch sup {
    font-size: 75%;
    position: relative;
    top: -0.5em
}

@media screen and (max-width: 640px) {
    .hero-slide.hero-slide--android_launch sup {
        top: -0.4em
    }
}

.hero-slide-country-launch {
    color: #FFFFFF
}

.hero-slide-country-launch .hero-slide__content {
    text-align: left
}

@media all and (max-width: 640px) {
    .hero-slide-country-launch .hero-slide__content .container-flex {
        padding-top: 20px
    }
}

.hero-slide-country-launch.de {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/c117/projects-hero-about-de4.jpg");
    background-color: #fffa6f;
    background-position-y: 45px;
    color: #020621
}

.hero-slide-country-launch.fr,
.hero-slide-country-launch.at,
.hero-slide-country-launch.it,
.hero-slide-country-launch.be,
.hero-slide-country-launch.lu,
.hero-slide-country-launch.ch {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/94f9/projects-hero-about-france2.jpg");
    background-color: #3f59f8;
    background-position-y: 35px
}

.hero-slide-country-launch.es {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/eb59/projects-hero-about-espana.jpg");
    background-color: #ff3642;
    background-position-y: 35px
}

.hero-slide--discover {
    background-image: url(/assets/site/projects-hero-discover-7074f474c265bd669b4b03b896b9947dab86ae33f3a79fd45c9820abe4197218.jpg)
}

.hero-slide--happening {
    background-image: url(/assets/site/projects-hero-happening-b87fdef8f9ae2d44255357588ac8143c903523b83dcb70bf58c47032cf2a5932.jpg)
}

.hero-slide--summerfest {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eb337d), to(#296cac));
    background-image: linear-gradient(#eb337d, #296cac)
}

.hero-slide--summerfest .hero-slide__content {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/3ea8/summerfest-bg.svg");
    background-position: bottom center;
    background-size: 80% auto
}

.hero-slide--summerfest .btn--white {
    color: #5b5f9f
}

.hero-slide--summerfest .btn--white:hover {
    background-color: #3fa2c4;
    color: #FFFFFF
}

.hero-slide--summerfest__title {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/e7ac/summerfest-hero.svg");
    width: 605px;
    height: 150px;
    text-indent: -9999px;
    margin: 0 auto
}

@media screen and (max-width: 640px) {
    .hero-slide--summerfest__title {
        width: 305px;
        height: 90px;
        background-size: 100% 100%
    }
}

.hero-slide--summerfest__subtitle {
    color: #FCEE23
}

.hero-slide--the-creative-independent {
    color: #000000;
    background-color: #FFFFFF;
    border-top: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

.hero-slide--the-creative-independent .btn--black {
    color: #FFFFFF;
    background-color: #000000
}

.hero-slide--the-creative-independent .hero-slide__content {
    text-align: left
}

.hero-slide--the-creative-independent__title {
    font-size: 4.375rem;
    line-height: 1.125em;
    font-weight: bold
}

@media screen and (max-width: 640px) {
    .hero-slide--the-creative-independent__title {
        font-size: 2.125rem
    }
}

.hero-slide--amazon {
    border-top: 1px solid #F1EEEA;
    background-color: #eeece9;
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/82aa/oculus-homepage-hero.jpg");
    background-size: auto 100%;
    background-position: center right
}

@media screen and (max-width: 640px) {
    .hero-slide--amazon {
        background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/68ed/oculus-homepage-hero-mobile.jpg");
        background-size: auto 120px;
        background-position: center top
    }
    .hero-slide--amazon .hero-slide--amazon__title {
        font-size: 1.75rem
    }
    .hero-slide--amazon .hero-slide--amazon__title .x {
        width: 15px;
        height: 15px;
        top: -2px
    }
    .hero-slide--amazon .hero-slide__interior {
        padding-top: 100px
    }
}

.hero-slide--amazon__title {
    font-size: 3.75rem;
    line-height: 0.85em
}

.hero-slide--amazon__title .x {
    position: relative;
    top: -7px
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_art.NS_site__spotlight_art {
        padding-left: 40px;
        padding-right: 100px
    }
}

.NS_site__spotlight_art.NS_site__spotlight_art .spotlight-project__more_projects {
    padding-top: 30px
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider,
.NS_site__spotlight_category_headers {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

.NS_site__spotlight_category_headers {
    position: fixed;
    top: -70px;
    left: 0px;
    right: 0px;
    height: 70px;
    overflow: hidden
}

.NS_site__spotlight_category_headers .category-block {
    position: relative;
    height: 70px;
    line-height: 70px
}

.spotlight-projects__category .title {
    display: inline-block;
    vertical-align: middle
}

.spotlight-projects__category .category {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.NS_site__spotlight_comics.NS_site__spotlight_comics {
    padding-bottom: 200px
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_comics.NS_site__spotlight_comics {
        padding-top: 30px
    }
}

.NS_site__spotlight_comics.NS_site__spotlight_comics .spotlight-project__more_projects .header {
    margin-bottom: 40px
}

.NS_site__spotlight_dance.NS_site__spotlight_dance {
    background-image: url(/assets/site/spotlight/standard-time-be6abdff290c71e0bef2ad66987e73fd7e091cd81f52b266da907b4ec2f9374e.jpg);
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
    padding-bottom: 0px
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_dance.NS_site__spotlight_dance {
        height: 700px
    }
}

.NS_site__spotlight_dance.NS_site__spotlight_dance .spotlight-project {
    height: 100%
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_design {
        background-image: url(/assets/site/spotlight/standards-manual-485d7738aa892e326c8aea32b70cd69be1e3cc1fc500f4ae56088e4dcabca644.jpg);
        background-position: top right;
        background-size: auto 65%;
        background-repeat: no-repeat
    }
}

.NS_site__spotlight_fasion.NS_site__spotlight_fasion {
    border-top: 1px solid #F1EEEA;
    padding-bottom: 0px;
    padding-top: 40px
}

.NS_site__spotlight_fasion.NS_site__spotlight_fasion .spotlight-project--we-flashy .spotlight-project__image {
    padding-bottom: 0px
}

.NS_site__spotlight_fasion.NS_site__spotlight_fasion .spotlight-project--we-flashy .spotlight-project__image img {
    display: block;
    margin-left: auto
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_fasion.NS_site__spotlight_fasion .spotlight-project--we-flashy .spotlight-project__image img {
        width: 100%
    }
}

.NS_site__spotlight_film_video {
    background-color: #000;
    color: #FFFFFF
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_film_video {
        padding-top: 30px
    }
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay,
.NS_site__spotlight_footer {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

.NS_site__spotlight_footer {
    background-color: #FFFFFF;
    border-top: 1px solid #F1EEEA;
    text-align: center;
    position: relative
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_footer {
        padding-top: 100px;
        padding-bottom: 110px
    }
    .NS_site__spotlight_footer .link {
        padding-right: 20px
    }
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_footer {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .NS_site__spotlight_footer .link {
        padding-right: 10px
    }
}

.NS_site__spotlight_footer .text {
    font-family: "Tiempos", Georgia, serif;
    margin-bottom: 30px
}

.NS_site__spotlight_footer .link {
    padding-bottom: 10px;
    color: #020621;
    text-decoration: underline;
    font-size: 22px;
    display: inline-block
}

.NS_site__spotlight_footer .link:hover {
    text-decoration: none
}

.NS_site__spotlight_games.NS_site__spotlight_games {
    padding: 0
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_games.NS_site__spotlight_games {
        height: 800px
    }
    .NS_site__spotlight_games.NS_site__spotlight_games .spotlight-project {
        height: 100%;
        padding-left: 100px;
        padding-right: 100px
    }
}

.spotlight-project--wasteland {
    background-image: url(/assets/site/spotlight/wasteland-2-639bde5ff6ea8257b0a1efa7373c9f9fedd324c06116542f18dc0bfddcce1c72.jpg);
    color: #FFFFFF
}

.transition-all-bezier {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS_site__spotlight_hero .header-content {
    background-color: #F7F5F2;
    border-bottom: 1px solid #F1EEEA;
    position: relative
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_hero .header-content {
        padding-top: 40px;
        padding-bottom: 70px
    }
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_hero .header-content {
        padding-bottom: 60px
    }
}

.NS_site__spotlight_hero .spotlight-header__content {
    padding-top: 40px;
    text-align: center
}

.NS_site__spotlight_hero .title {
    font-weight: 200;
    margin-bottom: 30px
}

.NS_site__spotlight_hero .subtitle {
    font-family: "Tiempos", Georgia, serif;
    margin-bottom: 30px
}

.NS_site__spotlight_hero .spotlight-header__features {
    text-align: center;
    border-top: 1px solid #F1EEEA;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.NS_site__spotlight_hero .responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.NS_site__spotlight_hero .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.NS_site__spotlight_journalism.NS_site__spotlight_journalism {
    background-image: url(/assets/site/spotlight/tar-sands-275115441e648f8360731a8b9b1d15fcb1f14ad122651569f4c2b8d937f8369f.jpg);
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
    padding-bottom: 0px
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_journalism.NS_site__spotlight_journalism {
        height: 700px
    }
}

.NS_site__spotlight_journalism.NS_site__spotlight_journalism .spotlight-project {
    height: 100%
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_music {
        padding-top: 30px
    }
}

.NS_site__spotlight_photography.NS_site__spotlight_photography {
    background-image: url(/assets/site/spotlight/mossless-89c6e73e718d36d864d4fd00d2a2b84ed584992aa70ea6f4b24529b740596754.jpg);
    border-top: 1px solid #F1EEEA;
    background-color: #3D3D66;
    background-position: bottom right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    color: #FFFFFF
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_photography.NS_site__spotlight_photography {
        height: 600px
    }
}

.NS_site__spotlight_photography.NS_site__spotlight_photography .spotlight-project {
    height: 100%
}

.NS_site__spotlight_publishing {
    background-color: #e2dcd0
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_publishing {
        padding-top: 30px
    }
    .NS_site__spotlight_publishing .spotlight-project__image img {
        width: 100%
    }
}

.NS_site__spotlight_technology.NS_site__spotlight_technology {
    position: relative;
    color: #FFFFFF;
    padding: 0
}

@media screen and (min-width: 640px) {
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project {
        height: 900px;
        padding: 100px 60px 60px
    }
}

.NS_site__spotlight_technology.NS_site__spotlight_technology .slide {
    width: 100%;
    height: 100%
}

.NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--electric-objects,
.NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--othermill {
    background-size: cover
}

.NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--electric-objects .spotlight-project__content,
.NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--othermill .spotlight-project__content {
    vertical-align: bottom
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--electric-objects,
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--othermill {
        padding-top: 200px
    }
}

.NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--electric-objects {
    background-image: url(/assets/site/spotlight/electric-objects-e5efa9a951f079009ce39d938970ef9c5c362f881ce22f407d39269131600982.jpg);
    background-position: center top
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--electric-objects {
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #151A16
    }
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--electric-objects .spotlight-project__content {
        padding-top: 30px
    }
}

.NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--othermill {
    background-image: url(/assets/site/spotlight/othermill-cropped-bfdf6d7ea8ec7e7dabde655518094e45dadbe550fc0084d419dec3d7aa4f5d90.jpg);
    background-position: center center
}

@media screen and (max-width: 640px) {
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--othermill {
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #5A7F95
    }
    .NS_site__spotlight_technology.NS_site__spotlight_technology .spotlight-project--othermill .spotlight-project__content {
        padding-top: 30px
    }
}

.sundance-homepage-hero {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/66bc/maya-hero.jpg");
    background-position: 0% 60%
}

@media screen and (max-width: 640px) {
    .sundance-homepage-hero {
        background-position: right
    }
}

.sundance-homepage-hero__head {
    font-size: 64px;
    line-height: 1.031em;
    color: #2BDE73;
    font-weight: 500;
    text-transform: uppercase
}

@media screen and (max-width: 640px) {
    .sundance-homepage-hero__head {
        font-size: 44px
    }
}

.sundance-homepage-hero__subhead {
    font-size: 22px
}

@media screen and (max-width: 640px) {
    .sundance-homepage-hero__subhead {
        font-size: 16px
    }
}

.what-can-art-do-homepage-hero {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/aa24/what_can_art_do_macro.jpg")
}

@media screen and (max-width: 640px) {
    .what-can-art-do-homepage-hero {
        background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/aa3e/KSR_FB_TANIA_04.jpg")
    }
}

.hero-slide--campus_readonly_promo {
    background-repeat: no-repeat !important
}

.hero-slide--campus_readonly_promo .hero-slide__title,
.hero-slide--campus_readonly_promo .hero-slide__subtitle {
    text-align: left
}

.hero-slide--campus_readonly_promo .hero-slide__title {
    max-width: 650px
}

.hero-slide--campus_readonly_promo .hero-slide__subtitle {
    margin: 0 0 40px;
    max-width: 620px
}

.hero-slide--campus_readonly_promo .btn {
    float: left
}

@media all and (max-width: 790px) {
    .hero-slide--campus_readonly_promo {
        background: none !important;
        background-color: #F8F9FB !important
    }
}

#site_about_film .sundance {
    background: url(/assets/happening/film/bg-sundance-cd4bbda03094f788937a18b32d6f773033ae3c6e35b0ed92398e532e2503c1a6.jpg) no-repeat bottom right;
    background-size: cover;
    padding: 80px 20px
}

@media all and (max-width: 640px) {
    #site_about_film .sundance {
        padding: 50px 20px
    }
}

#site_about_film .start {
    background: #ff596f url(/assets/happening/film/happening-film-header-bg-ccd9c724effcc39dca7c5262cdddd82704e64defae16f1d8a39159197fb7f41e.jpg) no-repeat -620px center
}

#site_about_journalism .header {
    background: #fff url(/assets/site/monthly_categories/journalism/header-journalism-09c164fba3c292879fc5ff0a8c82c1d5115968ff64b603bf3d48e55838f124f5.jpg) no-repeat center top;
    background-size: cover;
    padding: 60px 20px
}

@media all and (max-width: 640px) {
    #site_about_journalism .header {
        padding: 40px 20px
    }
}

#site_about_publishing .header {
    background: #060F46 url(/assets/site/monthly_categories/publishing/header-publishing-e17772e20b563412bb325a1cb5d00b042bf4ae6defd6735ce9ead378e89974d8.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 50px 20px
}

@media all and (max-width: 640px) {
    #site_about_publishing .header {
        padding: 40px 20px
    }
}

body#canceled_project_survey #main {
    padding: 30px 0 0
}

body#canceled_project_survey #main p {
    font-size: 14px;
    width: 700px
}

body#canceled_project_survey #main p mark {
    font-weight: bold
}

body#canceled_project_survey #main iframe {
    margin-left: -10px
}

.NS_site_fulfillment_report .section-number {
    margin-bottom: 10px;
    font-size: 16px
}

.NS_site_fulfillment_report .section-title {
    padding-top: 80px;
    border-top: 1px solid #F1EEEA;
    text-align: center
}

.NS_site_fulfillment_report .section-title h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-weight: 500
}

.NS_site_fulfillment_report .share-controls {
    position: absolute;
    top: 20px;
    right: 20px
}

.fulfillment-report-hero {
    position: relative
}

.fulfillment-report-hero .header {
    font-size: 3.125rem;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-weight: 500
}

@media screen and (max-width: 640px) {
    .fulfillment-report-hero .header {
        font-size: 1.75rem
    }
}

.fulfillment-report-hero .divider.divider {
    height: 3px;
    background-color: #2BDE73;
    width: 80px;
    margin: 20px auto 40px
}

@media screen and (max-width: 640px) {
    .fulfillment-report-hero .divider.divider {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.fulfillment-report-hero .subhead {
    font-size: 1.125rem;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    line-height: 1.4
}

@media screen and (max-width: 640px) {
    .fulfillment-report-hero .subhead {
        font-size: 16px;
        line-height: 1.4;
        margin-left: 10%;
        margin-right: 10%
    }
}

.fulfillment-report-sidebar {
    border-top: 3px solid #2752ff;
    margin-top: 10px;
    padding: 30px 20px 30px 30px;
    background-color: #F7F5F2
}

.fulfillment-report-sidebar .title {
    text-align: left;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 0.875rem
}

.fulfillment-report-sidebar .fulfillment-report__expandable-content {
    padding-top: 30px;
    background-color: #F7F5F2;
    display: none
}

.fulfillment-report-sidebar .fulfillment-report__expandable-content .text {
    font-size: 0.875rem;
    line-height: 2;
    margin-bottom: 20px
}

.fulfillment-report-sidebar.is-expanded .fulfillment-report__expandable-content {
    display: block
}

#site_invites #content {
    padding: 30px
}

#site_invites .grey-frame {
    width: 450px;
    margin: 0 auto
}

#site_invites .grey-frame-inner {
    padding: 25px
}

#site_invites #action-button a {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

#site_invites p.last {
    margin-bottom: 0
}

.clearfix,
.spotlight-project__more_projects .header {
    *zoom: 1
}

.clearfix:before,
.spotlight-project__more_projects .header:before,
.clearfix:after,
.spotlight-project__more_projects .header:after {
    content: " ";
    display: table
}

.clearfix:after,
.spotlight-project__more_projects .header:after {
    clear: both
}

.border-box,
.spotlight-project__more_projects .project-overlay {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.transition-all-bezier,
.spotlight-project__more_projects .project-overlay {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

@media screen and (min-width: 640px) {
    .spotlight-projects {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 640px) {
    .spotlight-projects {
        padding-bottom: 60px
    }
}

.spotlight-project {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-position: center right;
    position: relative;
    display: table;
    width: 100%;
    clear: both
}

@media screen and (min-width: 640px) {
    .spotlight-project__content {
        display: table-cell;
        vertical-align: middle;
        width: 320px
    }
}

@media screen and (max-width: 640px) {
    .spotlight-project__content {
        padding-top: 40px;
        padding-bottom: 50px
    }
}

.spotlight-project__content .project-title {
    margin-bottom: 10px;
    font-weight: normal
}

.spotlight-project__content .project-creator {
    font-size: 14px;
    margin-bottom: 30px
}

.spotlight-project__content .project-blurb {
    font-family: "Tiempos", Georgia, serif;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 40px
}

@media screen and (min-width: 640px) {
    .spotlight-project__more_projects {
        padding-top: 80px
    }
}

@media screen and (max-width: 640px) {
    .spotlight-project__more_projects {
        padding-top: 20px
    }
}

.spotlight-project__more_projects .header {
    margin-bottom: 20px
}

.spotlight-project__more_projects .project {
    color: #020621;
    display: block;
    white-space: normal;
    position: relative;
    overflow: hidden
}

.spotlight-project__more_projects .project img {
    display: block
}

.spotlight-project__more_projects .project:hover .project-overlay {
    opacity: 1;
    bottom: 0px
}

.spotlight-project__more_projects .project-overlay {
    position: absolute;
    padding: 15px 20px 20px;
    bottom: -70px;
    left: 0px;
    right: 0px;
    color: #FFFFFF;
    opacity: 0
}

.spotlight-project__image img {
    max-width: 100%;
    display: inline-block
}

@media screen and (min-width: 640px) {
    .spotlight-project__image {
        display: table-cell;
        vertical-align: middle
    }
}

.or-see-more {
    font-size: 14px;
    padding-top: 20px
}

.or-see-more a {
    margin-left: 5px;
    text-decoration: underline;
    font-weight: bold
}

body#site_trust .modal_dialog .error {
    font-size: 14px
}

@media screen and (max-width: 640px) {
    body#site_trust .cart,
    body#site_trust .thumb,
    body#site_trust .book {
        width: 50%;
        height: 50%
    }
}

.NS_spotlight_projects__play {
    background-color: #F7F5F2;
    background-image: url(/assets/play/bg-0b1971e4b23b1aea268e71958923242709cf04ca8ee7bdf0c245a23774ec247a.jpg);
    background-size: auto 100%;
    background-position: right bottom;
    background-position-x: 85%;
    border-top: 1px solid #F1EEEA
}

.NS_spotlight_projects__play .NS_site__spotlight_project a {
    color: #020621
}

.NS_spotlight_projects__play .NS_site__spotlight_project a:hover {
    color: #2752ff
}

@media screen and (max-width: 1600px) and (min-width: 640px) {
    .NS_spotlight_projects__play {
        background-image: url(/assets/play/bg-0b1971e4b23b1aea268e71958923242709cf04ca8ee7bdf0c245a23774ec247a.jpg);
        background-position-x: 45%
    }
}

@media screen and (max-width: 640px) {
    .NS_spotlight_projects__play {
        background-position: left;
        background-size: auto 100%;
        background-position-y: 90%;
        background-position-x: 5%
    }
}

.NS_site__spotlight_project .feature-image img {
    border: 5px solid #F1EEEA
}

.NS_site__spotlight_project .missing-image {
    border: 5px solid #F1EEEA;
    line-height: 320px
}

.NS_site__spotlight_project .platform {
    display: none
}

.NS_spotlight_projects__watch {
    background-color: #b4b5b8;
    background-image: url(/assets/watch/bg-2e48d1892088ed9e59b9a541fe547e9f82a451c8e0ccd31a2678839903c8eb06.jpg);
    background-size: auto 120%;
    background-position: center bottom;
    background-position-x: 50%;
    background-position-y: 80%
}

.NS_spotlight_projects__watch .mega {
    letter-spacing: -0.05em
}

@media screen and (max-width: 640px) {
    .NS_spotlight_projects__watch {
        background: none;
        background-color: #b4b5b8
    }
}

body.spotlight_projects #main_content {
    border-top: none
}

body.spotlight_projects h1.mega {
    font-size: 5.75em;
    line-height: 0.8em
}

@media screen and (max-width: 640px) {
    body.spotlight_projects h1.mega {
        font-size: 60px
    }
    body.spotlight_projects .ss-facebook:hover {
        color: #3b5998
    }
    body.spotlight_projects .ss-twitter:hover {
        color: #00aced
    }
}

@media screen and (max-width: 640px) {
    body.spotlight_projects .featured-projects-list {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
    body.spotlight_projects .featured-projects-list .project-group {
        display: inline-block
    }
    body.spotlight_projects .featured-projects-list.groups-of-2 .project-group {
        width: 160%
    }
    body.spotlight_projects .featured-projects-list.groups-of-2.last-group-missing-1 .project-group:last-child {
        width: 80%
    }
    body.spotlight_projects .featured-projects-list.groups-of-2.last-group-missing-1 .project-group:last-child .project {
        width: 100%
    }
    body.spotlight_projects .featured-projects-list.groups-of-3 .project-group {
        width: 240%
    }
    body.spotlight_projects .featured-projects-list.groups-of-3.last-group-missing-2 .project-group:last-child {
        width: 80%
    }
    body.spotlight_projects .featured-projects-list.groups-of-3.last-group-missing-2 .project-group:last-child .project {
        width: 100%
    }
    body.spotlight_projects .featured-projects-list.groups-of-3.last-group-missing-1 .project-group:last-child {
        width: 160%
    }
    body.spotlight_projects .featured-projects-list.groups-of-3.last-group-missing-1 .project-group:last-child .project {
        width: 50%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4 .project-group {
        width: 320%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4.last-group-missing-3 .project-group:last-child {
        width: 80%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4.last-group-missing-3 .project-group:last-child .project {
        width: 100%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4.last-group-missing-2 .project-group:last-child {
        width: 160%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4.last-group-missing-2 .project-group:last-child .project {
        width: 50%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4.last-group-missing-1 .project-group:last-child {
        width: 240%
    }
    body.spotlight_projects .featured-projects-list.groups-of-4.last-group-missing-1 .project-group:last-child .project {
        width: 33.333%
    }
}

body.spotlight_projects .next,
body.spotlight_projects .previous {
    opacity: 0
}

body.spotlight_projects .next.visible,
body.spotlight_projects .previous.visible {
    opacity: 0.3;
    cursor: pointer
}

body.spotlight_projects .next.visible:hover,
body.spotlight_projects .previous.visible:hover {
    opacity: 1
}

body.spotlight_projects .next {
    right: -60px
}

body.spotlight_projects .previous {
    left: -60px
}

body.spotlight_projects .dots span {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.3;
    cursor: pointer
}

body.spotlight_projects .dots span.cycle-pager-active,
body.spotlight_projects .dots span:hover {
    opacity: 1
}

body.spotlight_projects ul.sort li:hover:not(.selected) a {
    color: #3D3D66
}

body.spotlight_projects ul.sort .selected a {
    text-decoration: underline;
    cursor: default
}

@media screen and (max-width: 1100px) {
    body.spotlight_projects .previous,
    body.spotlight_projects .next {
        display: none
    }
}

body.stories .serif-light {
    font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-weight: 300;
    font-style: italic
}

body.stories .serif {
    font-family: "Sentinel SSm A", "Sentinel SSm B";
    font-weight: 400;
    font-style: normal
}

body.stories .hero {
    background-repeat: no-repeat;
    min-height: 300px
}

body.stories .pull-quote {
    border-top: 4px solid #F1EEEA
}

body.stories .pull-quote.border-blue {
    border-top-color: #2752ff
}

body.stories .pull-quote.border-yellow {
    border-top-color: #fcdda3
}

body.stories .pull-quote__text {
    font-size: 24px;
    font-style: italic
}

body.stories .caption {
    font-size: 14px
}

body.stories.not-mobile .hero.veronic-hero {
    height: 600px
}

body.stories.mobile .hero.veronic-hero {
    height: 300px
}

body.stories.mobile .hero.veronic-hero h1 {
    font-size: 42px
}

body.stories.mobile .hero.veronic-hero p {
    margin-bottom: -10px
}

body.stories.mobile .hero.veronic-hero h1,
body.stories.mobile .hero.veronic-hero p {
    margin-left: 20px;
    margin-right: 20px
}

body.stories.mobile section {
    padding-left: 20px;
    padding-right: 20px
}

body.stories.mobile .pull-quote {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width: 640px) {
    body.stories .hero {
        min-height: 520px
    }
    body.stories .hero .hero-text {
        bottom: 0;
        position: absolute
    }
    body.stories .pull-quote__text {
        font-size: 32px
    }
}

.NS_submissions_edit .field_wrapper {
    position: relative
}

.NS_submissions_edit .field_wrapper textarea {
    resize: none !important
}

.NS_submissions_edit .field_wrapper .character_counter_container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #F1EEEA
}

body#survey_editability_edit .modal_delete_confirmation {
    width: 450px
}

body#survey_editability_edit .modal_delete_confirmation ul {
    margin-bottom: 40px
}

body#survey_editability_edit .modal_delete_confirmation li {
    margin-bottom: 20px
}

#survey_responses_edit_address #content,
#survey_responses_confirm_address #content {
    width: 640px
}

#survey_responses_edit_address #main h5,
#survey_responses_confirm_address #main h5 {
    margin-bottom: 15px
}

#survey_responses_edit_address #main .addresses,
#survey_responses_confirm_address #main .addresses {
    overflow: hidden;
    *zoom: 1;
    border-top: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA;
    padding: 15px 0;
    margin-bottom: 20px
}

#survey_responses_edit_address #main .addresses.no_suggestion label,
#survey_responses_confirm_address #main .addresses.no_suggestion label {
    padding-left: 0
}

#survey_responses_edit_address #main .address_col,
#survey_responses_confirm_address #main .address_col {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 250px
}

#survey_responses_edit_address #main .address_col input.radio,
#survey_responses_confirm_address #main .address_col input.radio {
    float: left
}

#survey_responses_edit_address #main .address_col label,
#survey_responses_confirm_address #main .address_col label {
    padding-left: 24px
}

#survey_responses_edit_address #main address,
#survey_responses_confirm_address #main address {
    margin-bottom: 0
}

#survey_responses_edit_address .highlight,
#survey_responses_confirm_address .highlight {
    background: #fcdda3
}

body.surveys #content {
    padding-bottom: 30px
}

body.surveys .section {
    border-radius: 6px;
    background: #fff;
    margin: 0 0 30px 0
}

body.surveys .section #reward-info {
    overflow: hidden;
    *zoom: 1;
    margin: 0;
    padding: 0
}

body.surveys .section #reward-info li {
    list-style: none;
    margin-left: 0px;
    float: left;
    padding: 30px 20px;
    border-right: 1px solid #F1EEEA;
    width: 110px;
    font-size: 15px;
    font-weight: bold
}

body.surveys .section #reward-info li p,
body.surveys .section #reward-info li .NS_backer_rewards__shipping {
    font-family: georgia, times new roman, serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    font-style: italic;
    font-color: #020621;
    margin-bottom: 0px
}

body.surveys .section #reward-info li p strong,
body.surveys .section #reward-info li .NS_backer_rewards__shipping strong {
    font-size: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-style: normal;
    color: black
}

body.surveys .section #reward-info li .NS_backer_rewards__shipping {
    margin-top: 0
}

body.surveys .section #reward-info li.stacked {
    padding: 20px
}

body.surveys .section #reward-info li.description {
    width: auto
}

body.surveys .section #reward-info li.description strong {
    display: block
}

body.surveys .section #reward-info li.shipping {
    border-right: 0px;
    width: 100px
}

body.surveys #success {
    padding: 20px;
    background-color: #80809E;
    border-radius: 3px
}

body.surveys #success h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px
}

body.surveys p {
    color: #020621
}

body.surveys p.last {
    margin-bottom: 0px
}

body.surveys .grey-frame-inner {
    padding: 25px;
    overflow: hidden;
    zoom: 1
}

body.surveys .leftcol .field {
    width: 398px
}

body.surveys .leftcol .keep_box {
    display: none
}

body.surveys .leftcol label.editable_ends_at {
    margin-bottom: 0
}

body.surveys .leftcol .question.template,
body.surveys .leftcol .hidden {
    display: none
}

body.surveys .leftcol .text {
    width: 100%
}

body.surveys .leftcol .choices .prompt,
body.surveys .leftcol .choices .choice {
    margin-bottom: 10px
}

body.surveys .leftcol .question_choice {
    width: 250px
}

body.surveys .leftcol .textarea {
    height: 80px;
    resize: vertical
}

body.surveys #reward-summary {
    width: 460px
}

body.surveys .modal_dialog .NS_surveys__reward_summary {
    width: 600px
}

.survey_responses .action {
    display: inline;
    float: left;
    margin: 0 10px 0 0
}

.survey_responses label {
    text-transform: none
}

.survey_responses .required_msg {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    font-size: 14px;
    margin-bottom: 10px;
    margin: 10px 0 0 20px;
    color: #3D3D66
}

.survey_responses_fields {
    font-size: 13px;
    margin-bottom: 20px;
    word-wrap: break-word
}

.survey_responses_fields .survey_intro {
    margin-bottom: 10px;
    font-size: 16px
}

.survey_responses_fields ul.fields {
    list-style: none;
    overflow: hidden;
    *zoom: 1;
    padding-top: 10px;
    margin-bottom: 10px
}

.survey_responses_fields ul.fields li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.survey_responses_fields ul.fields.address .address_1 input.text,
.survey_responses_fields ul.fields.address .address_2 input.text {
    margin-bottom: 2px
}

.survey_responses_fields ul.fields.address .country select,
.survey_responses_fields ul.fields.address .state select {
    margin-bottom: 10px;
    width: 272px;
    height: 29px
}

.survey_responses_fields ul.fields.address .country {
    position: relative
}

.survey_responses_fields ul.fields.address .country input[disabled='disabled'] {
    background: #F7F5F2;
    color: #020621
}

.survey_responses_fields ul.fields.address .country .country_prop {
    position: absolute;
    width: 272px;
    height: 30px
}

.survey_responses_fields ul.fields.other input.text {
    width: 326px
}

.survey_responses_fields label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: bold;
    display: block
}

.survey_responses_fields .last_address_msg {
    color: #3D3D66
}

.survey_responses_fields .overlabels label {
    font-weight: normal
}

.survey_responses_fields .hide_overlabels .overlabels label {
    display: none
}

.survey_responses_fields input {
    margin-bottom: 10px
}

.survey_responses_fields input.text {
    width: 272px
}

.survey_responses_fields input.radio {
    float: left
}

.survey_responses_fields .choice {
    clear: both
}

.survey_responses_fields .choice label {
    font-weight: normal;
    float: left;
    width: 93%
}

.survey_responses_fields .examples {
    color: #3D3D66;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px
}

.survey_responses_fields .shipping_changed_message {
    width: 294px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F8F9FD;
    padding: 15px;
    line-height: 18px
}

#survey_responses_new ul.fields {
    margin: 0;
    padding-top: 1em
}

#survey_responses_new ul.fields .overlabel-apply {
    padding-top: 6px
}

#survey_responses_new ul.fields .choice .radio {
    margin-right: 7px
}

#survey_responses_new ul.fields .choice label {
    padding-top: 1px
}

.NS-surveys-reward-info .description {
    margin-bottom: 0
}

.NS-surveys-reward-info .delivery-date {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 11px
}

body#surveys_form li.question .error h2 {
    display: none
}

body#surveys_form li.question .error li {
    display: inline;
    font-weight: bold
}

body#surveys_show #reward_full {
    width: 600px
}

body#surveys_show .survey {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 520px;
    margin-left: 0
}

body#surveys_show .meta {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
    margin-right: 0
}

body#surveys_show .statuses {
    list-style: none;
    margin-top: 50px
}

body#surveys_show .statuses li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#surveys_show .statuses {
    list-style: none
}

body#surveys_show .statuses li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

body#surveys_show .statuses .status {
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative
}

body#surveys_show .statuses .status .ss-icon {
    position: absolute;
    left: 0px;
    color: #2BDE73
}

body#surveys_show .status_description {
    margin-right: 5px
}

body#takedown_notices_index #running-board-wrap #running-board .interior,
body#takedown_notices_show #running-board-wrap #running-board .interior {
    padding-top: 40px;
    padding-bottom: 40px
}

body#takedown_notices_index #running-board-wrap #running-board .interior h1,
body#takedown_notices_index #running-board-wrap #running-board .interior p,
body#takedown_notices_show #running-board-wrap #running-board .interior h1,
body#takedown_notices_show #running-board-wrap #running-board .interior p {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body#takedown_notices_index #running-board-wrap #running-board .interior p,
body#takedown_notices_show #running-board-wrap #running-board .interior p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #3D3D66
}

body#takedown_notices_index table,
body#takedown_notices_show table {
    width: 100%;
    font-size: 16px;
    margin-top: 40px
}

body#takedown_notices_index table tr,
body#takedown_notices_show table tr {
    border-bottom: 1px solid #F1EEEA
}

body#takedown_notices_index table thead th,
body#takedown_notices_show table thead th {
    font-weight: bold;
    padding: 10px
}

body#takedown_notices_index table thead th:first-child,
body#takedown_notices_show table thead th:first-child {
    border-top-left-radius: 3px
}

body#takedown_notices_index table thead th:last-child,
body#takedown_notices_show table thead th:last-child {
    border-top-right-radius: 3px
}

body#takedown_notices_index table tbody td,
body#takedown_notices_show table tbody td {
    padding: 10px
}

body#takedown_notices_index #main_content #content-wrap #content #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    min-height: 300px
}

body#takedown_notices_show #main_content #content-wrap #content #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    min-height: 300px
}

thead.dark {
    color: #ffffff;
    background-color: #060F46;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

html.video_widget {
    background-color: white;
    height: 100%;
    width: 100%
}

html.video_widget body {
    height: 100%;
    width: 100%
}

html.video_widget body .video-player {
    width: 100%;
    height: 100%
}

html.video_widget body .video-player object,
html.video_widget body .video-player video {
    width: 100%;
    height: 100%
}

.encoding_video {
    background: url(/assets/wymeditor/icon-encoding-video-8b3e7ef4ecb76e8754df842ec8046c57afd6718e8bedf49a5c828f4266ae3483.png) no-repeat center center #F1EEEA;
    padding: 150px 100px
}

.encoding_video h3,
.encoding_video p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 1.5em
}

.encoding_video h3 {
    font-size: 20px;
    font-weight: bold;
    color: #020621
}

.encoding_video p {
    color: #2BDE73;
    padding: 0px
}

body#blog_posts_show article .encoding_video p {
    padding: 0px
}

#video_tracks_edit .button_save_track:disabled {
    background: #fff;
    color: #3D3D66
}

#video_tracks_edit hr {
    margin-top: 15px;
    margin-bottom: 15px
}

#video_tracks_edit .video-player {
    height: 360px
}

#video_tracks_edit .timeline {
    height: 170px;
    overflow-x: scroll;
    overflow-y: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

#video_tracks_edit .timeline_scroller {
    margin-left: 50%;
    padding-right: 50%;
    height: 100%
}

#video_tracks_edit .timeline_spokes {
    cursor: default;
    height: 170px;
    pointer-events: none;
    padding-left: 50%;
    padding-right: 50%
}

#video_tracks_edit .spoke {
    background: #ccc;
    width: 1px
}

#video_tracks_edit .spoke--level-1 {
    height: 25px
}

#video_tracks_edit .spoke--level-2 {
    height: 35px
}

#video_tracks_edit .spoke--level-3 {
    height: 50px
}

#video_tracks_edit .spoke--level-4 {
    height: 100%
}

#video_tracks_edit .timeline_line {
    left: 50%;
    bottom: 0;
    background: #2BDE73;
    width: 3px;
    height: 170px;
    pointer-events: none
}

#video_tracks_edit .timeline_hover_line {
    bottom: 0;
    width: 0;
    border-left: 1px dashed #2752ff;
    height: 170px;
    pointer-events: none
}

#video_tracks_edit .timeline_handle {
    height: 120px;
    margin-top: 10px;
    overflow: hidden;
    border-width: 2px
}

#video_tracks_edit .timeline_handle:hover {
    border: 2px solid #2752ff;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    z-index: 2
}

#video_tracks_edit .timeline_handle:hover .caption-actions {
    opacity: 1
}

#video_tracks_edit .timeline_handle:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

#video_tracks_edit .cue-textarea-wrapper {
    margin: 5px;
    margin-right: 30px
}

#video_tracks_edit .cue-textarea {
    padding: 7px;
    margin-bottom: 5px;
    height: 75px;
    font-size: 16px;
    line-height: 1.3;
    -webkit-transition: none;
    transition: none
}

#video_tracks_edit .caption-actions {
    margin: 0 45px 0 15px;
    opacity: 0;
    transition: opacity;
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -ms-transition: opacity;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms
}

#video_tracks_edit .caption-actions a:hover {
    cursor: pointer
}

#video_tracks_edit .cue-destroy {
    position: absolute;
    right: 0;
    cursor: pointer
}

#video_tracks_edit .cue-insert {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer
}

#video_tracks_edit .timeline_drag_handle {
    width: 25px;
    height: 100%;
    cursor: col-resize;
    -webkit-transition: background 200ms ease;
    transition: background 200ms ease;
    background: #F7F5F2;
    display: block;
    right: 0
}

#video_tracks_edit .timeline_drag_handle .ss-icon {
    pointer-events: none;
    position: absolute;
    top: 46%;
    margin-left: 7px;
    color: #3D3D66;
    left: 1px
}

#video_tracks_edit .timeline_drag_handle:hover {
    background: #2752ff
}

#video_tracks_edit .timeline_drag_handle:hover .ss-icon {
    color: #fff
}

#video_tracks_edit #video_track .ss-delete {
    font-size: 10px;
    position: absolute;
    bottom: 8px;
    left: 9px
}

#video_tracks_edit .key {
    text-transform: uppercase;
    padding: 3px 5px;
    display: inline-block;
    font-size: 0.9em;
    -webkit-box-shadow: 0 1px 0 #F1EEEA, 0 0 0 2px #fff inset;
    box-shadow: 0 1px 0 #F1EEEA, 0 0 0 2px #fff inset;
    color: #3D3D66
}

#video_tracks_edit .onboarding {
    max-width: 542px;
    height: 100%;
    z-index: 600;
    position: absolute;
    width: 100%;
    max-height: 400px;
    color: white;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    visibility: visible
}

#video_tracks_edit .onboarding .onboarding-copy {
    color: #fff;
    padding: 20px;
    position: absolute;
    z-index: 601;
    width: 475px;
    padding: 40px
}

#video_tracks_edit .onboarding .onboarding-copy li {
    margin-bottom: 10px
}

#video_tracks_edit .onboarding .onboarding-copy .key--onDark {
    border-color: #F7F5F2;
    -webkit-box-shadow: 0 1px 0 #F7F5F2;
    box-shadow: 0 1px 0 #F7F5F2;
    color: #fff;
    background: none
}

#video_tracks_edit .onboarding .onboarding-copy .key--big {
    padding: 4px 8px
}

#video_tracks_edit .onboarding .onboarding-bg {
    background: #081245;
    opacity: 0.7;
    position: absolute;
    width: 100%;
    height: 100%
}

#video_tracks_edit .onboarding.fade-out {
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden
}

#video_tracks_edit .video-player .play_button_big_hide {
    display: none
}

#video_tracks_edit .video-player.has_played video {
    position: absolute;
    top: 0px;
    left: 0px
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

body {
    color: #020621;
    font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    -webkit-font-smoothing: antialiased
}

b,
strong {
    font-weight: bold
}

i,
em {
    font-style: italic
}

a {
    color: #2752ff;
    text-decoration: none
}

a:hover {
    color: #060F46
}

a:focus,
.button:focus,
div:focus,
li:focus {
    outline: 1px dotted #3D3D66
}

hr {
    border-color: #F1EEEA;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0
}

a.grey_link {
    text-decoration: underline;
    color: #3D3D66
}

a.grey_link:hover {
    color: #020621
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 20px
}

.mega {
    font-weight: normal
}

h4 {
    margin-bottom: 10px
}

h5 {
    margin-bottom: 10px
}

h6 {
    margin-bottom: 0
}

.h60 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: normal;
    line-height: 60px
}

.h48 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 1.0416
}

.h32 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.25
}

.h22 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 22px
}

.h16 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    margin-bottom: 10px
}

.h14 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px
}

.h12 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 12px;
    margin-bottom: 0
}

.normal_weight {
    font-weight: normal
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

li {
    margin-left: 30px
}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 20px
}

.big_type {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px
}

.small_type {
    font-size: 14px;
    margin-bottom: 10px
}

.tiny_type {
    font-size: 12px;
    margin-bottom: 10px
}

.normal_type {
    font-size: 16px;
    margin-bottom: 20px
}

blockquote {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px
}

code {
    font-family: Courier, monospace;
    border-radius: 2px;
    font-size: 12px;
    background-color: #F7F5F2;
    padding: 3px 5px
}

.project_post .body h1,
.project_post .body h2,
.project_post .body h3,
.project_post .body h4,
.project_post .body h5,
.project_post .body h6 {
    margin-bottom: 10px
}

.project_post .body h1,
.project_post .body h2 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 22px
}

.project_post .body h3,
.project_post .body h4 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    margin-bottom: 10px
}

.project_post .body h5,
.project_post .body h6 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px
}

.quote {
    color: #3D3D66;
    font-family: georgia, serif;
    font-size: 48px
}

body#years_twentyfourteen_data .full-width-section {
    padding-top: 120px
}

body#years_twentyfourteen_data .full-width-section.footer-section {
    padding-bottom: 120px
}

body#years_twentyfourteen_data .dark-blue-section {
    background-color: #060F46;
    color: #fff
}

body#years_twentyfourteen_data .dark-blue-section.border-top {
    border-top: 1px solid #0030f3
}

body#years_twentyfourteen_data .light-green-section {
    background-color: #80809E
}

body#years_twentyfourteen_data .dark-blue-to-blue-gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#060F46), to(#2752ff));
    background-image: linear-gradient(#060F46, #2752ff)
}

body#years_twentyfourteen_data .blue-line {
    height: 1px;
    background-color: #d0d7f2;
    margin-top: 120px
}

body#years_twentyfourteen_data .sans-serif {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif
}

body#years_twentyfourteen_data .serif {
    font-family: "Tiempos", Georgia, serif
}

body#years_twentyfourteen_data .darkened_blue {
    color: #0030f3
}

body#years_twentyfourteen_data .darkened_blue .line {
    border-top: 1px solid #0030f3
}

body#years_twentyfourteen_data .axis {
    width: 1px;
    stroke: #0030f3
}

body#years_twentyfourteen_data .axis text {
    stroke: none;
    fill: #0030f3;
    direction: rtl
}

body#years_twentyfourteen_data .y.axis path {
    display: none
}

body#years_twentyfourteen_data .y.axis line {
    fill: #0030f3
}

body#years_twentyfourteen_data .lighten-graph-axis .axis {
    stroke: #d0d7f2
}

body#years_twentyfourteen_data .lighten-graph-axis .axis text {
    fill: #d0d7f2
}

body#years_twentyfourteen_data .lighten-graph-axis .y.axis line {
    fill: #d0d7f2
}

body#years_twentyfourteen_data .lighten-graph-axis .darkened_blue {
    color: #d0d7f2
}

body#years_twentyfourteen_data .lighten-graph-axis .darkened_blue .line {
    border-color: #d0d7f2
}

body#years_twentyfourteen_data .graph text {
    font: 10px sans-serif
}

body#years_twentyfourteen_data .graph .bar_label {
    font-weight: bold;
    fill: white;
    font-size: 14px
}

body#years_twentyfourteen_data .graph .stats_value,
body#years_twentyfourteen_data .graph .money {
    font-size: 13px;
    stroke: none;
    fill: white
}

body#years_twentyfourteen_data #per_month .stats_value {
    font-size: 10px
}

body#years_twentyfourteen_data #money_per_category {
    margin-top: -10px
}

body#years_twentyfourteen_data #successful_projects_backed_per_category {
    margin-top: -50px
}

body#years_twentyfourteen_data #per_hour .stats_value {
    margin-bottom: 3px;
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

body#years_twentyfourteen_data #backer_nodes {
    cursor: pointer
}

body#years_twentyfourteen_data #map_container {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 1280px;
    margin-top: -200px
}

@media (min-width: 640px) {
    body#two_factor_authentication_confirm .remember {
        text-align: right
    }
    body#two_factor_authentication_confirm header {
        position: absolute
    }
}

@media (max-width: 640px) {
    body#two_factor_authentication_confirm .submit {
        width: 100%;
        margin-bottom: 20px
    }
}

body#two_factor_authentication_confirm .rounded.border.bg-white footer {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.NS-two_factor_authentication_new {
    width: 400px
}

.NS-two_factor_authentication_new .NS-phone_numbers__edit .verification_error {
    font-size: 14px;
    margin-bottom: 10px
}

.NS-two_factor_authentication_new .NS-phone_numbers__edit .intro {
    display: none
}

.NS-two_factor_authentication_new .check {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px
}

.NS-two_factor_authentication_show {
    max-width: 440px
}

.NS-two_factor_authentication_show .--is-on {
    background: #2BDE73;
    border-radius: 3px;
    padding: 2px 5px;
    font-weight: 500;
    display: inline-block
}

.NS-two_factor_authentication_show .svg-icon__check {
    fill: #FFFFFF;
    width: 8px;
    height: 8px;
    position: relative;
    bottom: 1px
}

.NS-two_factor_authentication_show .on-off {
    padding: 3px 6px;
    border-radius: 3px
}

#login-signup.xhr .NS_user_sessions__forgot_password {
    display: none
}

.login-signup--modal {
    min-width: 400px
}

@media screen and (max-width: 500px) {
    .login-signup--modal {
        min-width: 100%
    }
}

.modal_dialog .NS_user_sessions__forgot_password,
.modal_dialog .NS_user_sessions__verify_password {
    width: 400px;
    max-width: 100%
}

.NS_users__profile #profile_avatar {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 160px;
    margin: 30px 10px 23px 0
}

.NS_users__profile #profile_avatar.creator {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

.NS_users__profile #profile_avatar img {
    border-radius: 6px
}

.NS_users__profile .profile_bio {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    margin: 29px 10px 30px 10px
}

.NS_users__profile .profile_bio.creator {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 640px
}

.NS_users__profile .profile_bio.creator p.normal_type {
    margin-bottom: 10px
}

.NS_users__profile .profile_bio.creator .bio p {
    margin-bottom: 6px;
    width: 700px
}

.NS_users__profile .profile_bio h2 {
    margin-bottom: 7px;
    padding-top: 3px;
    padding-bottom: 3px
}

.NS_users__profile .profile_bio h2 a {
    border-bottom: 1px solid transparent;
    color: #020621
}

.NS_users__profile .profile_bio h2 a:hover {
    border-bottom: 1px solid #3D3D66;
    color: #020621
}

.NS_users__profile .profile_bio p.normal_type {
    margin-bottom: 15px
}

.NS_users__profile .profile_bio p.normal_type .divider {
    padding: 0 3px
}

.NS_users__profile .profile_bio .bio p {
    margin-bottom: 8px;
    width: 520px
}

.NS_users__profile .profile_bio .bio p .remote_modal_dialog {
    white-space: nowrap
}

.NS_users__profile .profile_bio .profile_created_projects {
    border-radius: 6px;
    display: inline;
    float: left;
    background: #fff;
    border: 1px solid #F1EEEA;
    padding: 5px 10px;
    overflow: hidden;
    width: 438px
}

.NS_users__profile .profile_bio .profile_created_projects a:hover .project_name {
    text-decoration: underline
}

.NS_users__profile .profile_bio .profile_created_projects .project_thumbnail {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    height: 68px;
    width: 90px;
    margin: 5px 0px
}

.NS_users__profile .profile_bio .profile_created_projects .project_thumbnail img {
    width: 90px;
    height: 68px
}

.NS_users__profile .profile_bio .profile_created_projects .text {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 305px;
    margin-left: 10px;
    line-height: 18px
}

.NS_users__profile .profile_bio .profile_created_projects .text .project_name {
    color: #020621;
    font-weight: bold;
    margin-bottom: 5px
}

.NS_users__profile .profile_bio .profile_created_projects .text .project_number,
.NS_users__profile .profile_bio .profile_created_projects .text .project_status {
    font-size: 14px;
    margin-bottom: 10px;
    color: #020621;
    margin-bottom: 0px
}

.NS_users__profile #profile_tools {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 5px 10px;
    background: #fff;
    border-radius: 0px 0px 6px 6px
}

.NS_users__profile #profile_tools .profile-share-link,
.NS_users__profile #profile_tools .profile-edit-link {
    color: #020621;
    font-size: 12px;
    font-weight: bold
}

.NS_users__profile #profile_tools .profile-share-link .text,
.NS_users__profile #profile_tools .profile-edit-link .text {
    border-bottom: 1px solid #F1EEEA
}

.NS_users__profile #profile_tools .profile-share-link:hover,
.NS_users__profile #profile_tools .profile-edit-link:hover {
    color: #020621
}

.NS_users__profile #profile_tools .profile-share-link:hover .text,
.NS_users__profile #profile_tools .profile-edit-link:hover .text {
    border-color: #3D3D66
}

.NS_users__profile #profile_tools .share_hover {
    border-radius: 0px 0px 6px 6px;
    background: #fff;
    display: none;
    padding: 20px 30px;
    position: absolute;
    top: 26px;
    left: 0px
}

.NS_users__profile #profile_tools .share_hover .ss-icon {
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    line-height: 11px
}

.NS_users__profile #category_circle {
    position: absolute;
    right: 0;
    bottom: 90px;
    width: 200px;
    z-index: 1
}

.NS_users__profile #category_circle #half_circle {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 90px;
    width: 180px;
    border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    background-color: #FFF
}

.NS_users__profile #category_circle #half_circle_border {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 91px;
    width: 182px;
    border-radius: 91px 91px 0 0;
    -moz-border-radius: 91px 91px 0 0;
    -webkit-border-radius: 91px 91px 0 0;
    background-color: #F1EEEA
}

.NS_users__profile #category_circle #small_circle {
    position: absolute;
    top: 10px;
    left: 11px;
    width: 160px;
    height: 160px
}

.NS_users__profile #category_circle #small_circle:hover {
    cursor: pointer
}

.NS_users__profile #animated_pie {
    display: none;
    width: 220px;
    height: 220px;
    overflow: hidden;
    background: url(/assets/users/pieanimated02-63b7578e1f1f42b7f8c23a1be6db8bc294e3f8b57762cf2c9ea3679bd5b1b1d8.png) no-repeat top left;
    position: absolute;
    right: 0;
    bottom: -110px
}

.NS_user__projects_list.project-card-list li {
    position: relative
}

.NS_user__projects_list.project-card-list li .badge-success {
    top: -15px
}

.NS_user__projects_list.project-card-list .project-card-wide-wrap .project-card-footer {
    background: white;
    padding-top: 45px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(26%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 26%)
}

body.native-app-request .project-card-wide-wrap .backers {
    display: none
}

body.backings .current,
body.backer_dashboard .current,
body.created_projects .current {
    color: #020621
}

body#users_comments #activity {
    padding-top: 20px
}

body#users_comments #activity li {
    border-radius: 6px;
    background: #F7F5F2;
    margin: 0px 0px 20px 0px;
    padding: 20px 60px 10px 0
}

body#users_comments #activity li .quote {
    margin: 0px 10px 0px 20px;
    position: absolute
}

body#users_comments #activity li p {
    color: #020621;
    font-size: 12px;
    line-height: 1.5em;
    margin: 10px 60px 20px 54px;
    word-wrap: break-word
}

body#users_comments #activity li p.body {
    font-size: 20px
}

body#users_comments .page {
    margin-left: 0px
}

.NS_user__projects_list .project-card-list {
    padding-bottom: 50px;
    width: 700px
}

#users_destroy #main {
    padding: 30px 0px
}

#users_destroy h2 {
    font-weight: bold
}

#users_destroy h3 {
    font-size: 16px
}

#users_destroy #intro {
    margin-bottom: 40px
}

#users_destroy #intro .btn--blue {
    display: inline-block
}

#users_destroy #will_and_not {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px
}

#users_destroy #will_and_not .alpha {
    margin-left: 0
}

#users_destroy #will_and_not .omega {
    margin-right: 0
}

#users_destroy #will_and_not .will,
#users_destroy #will_and_not .will_not {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 400px;
    border-radius: 3px;
    width: 420px;
    padding: 20px;
    background: #F7F5F2
}

#users_destroy #will_and_not .will_not {
    margin-left: 0
}

#users_destroy #will_and_not .will {
    margin-right: 0
}

#users_destroy #will_and_not li {
    list-style: disc
}

#users_destroy #will_and_not h4 {
    font-weight: bold;
    font-size: 15px
}

#users_destroy #will_and_not h4 em {
    text-decoration: underline;
    font-style: normal
}

#users_destroy #will_and_not ul,
#users_destroy #will_and_not ul ul {
    margin-bottom: 0px
}

#users_destroy fieldset {
    margin-top: 30px
}

#users_destroy fieldset label {
    font-size: 16px;
    margin-bottom: 10px
}

#users_destroy fieldset input.btn--blue {
    margin-top: 5px;
    background: #fd003b
}

#users_destroy fieldset input.btn--blue:hover {
    background: #fd003b
}

body#users_edit_account .two-factor-authentication .--is-on {
    background: #2BDE73;
    border-radius: 3px;
    padding: 1px 5px;
    font-weight: 500
}

body#users_edit_account .two-factor-authentication .--is-off {
    background: #F1EEEA;
    border-radius: 3px;
    padding: 1px 5px;
    font-weight: 500;
    color: #3D3D66
}

body#users_edit_account .two-factor-authentication .svg-icon__check {
    fill: #FFFFFF;
    width: 8px;
    height: 8px;
    position: relative;
    bottom: 1px
}

body#users_edit_account .two-factor-authentication .svg-icon__info,
body#users_edit_account .two-factor-authentication .svg-icon__help {
    fill: #3D3D66;
    width: 12px;
    height: 12px;
    position: relative;
    bottom: 1px
}

body#users_edit_account .code_section input.text {
    margin-bottom: 20px;
    width: 100%
}

.NS_users__edit_profile li.location .field-selected {
    width: 100%
}

.NS_users__edit_profile .ss-icon.ss-search {
    top: 11px
}

body#users_show #animated_pie {
    display: block
}

body#users_show #category_circle.hidden {
    display: none
}

.NS-users-_urls_fields .url {
    margin-bottom: 5px
}

.NS-users-_urls_fields .url input.text {
    display: none
}

.NS-users-_urls_fields .url .remove .checkbox {
    display: none
}

.NS-users-_urls_fields .url.template {
    background: none;
    padding: 0
}

.NS-users-_urls_fields .url.template span.value {
    display: none
}

.NS-users-_urls_fields .url.template .remove {
    display: none
}

.NS-users-_urls_fields .url.template input.text {
    display: inline;
    width: 212px
}

body#users_new #user-account-form,
body#user_sessions_new #user-account-form {
    max-width: 400px;
    margin: auto
}

body#users_new #user-account-form #contextual-signup-prompt,
body#user_sessions_new #user-account-form #contextual-signup-prompt {
    font-size: 26px
}

body#users_edit_notifications {
    background: #F7F5F2
}

@media screen and (max-width: 850px) {
    body#users_edit_notifications .edit-notifications__block {
        width: auto
    }
}

body#users_edit_notifications .edit-notifications-checkboxes {
    margin-right: 10px;
    min-width: 76px
}

body#users_edit_notifications .edit-notifications-checkboxes input {
    cursor: pointer
}

body#users_edit_notifications .edit-notifications-checkboxes .edit-notifications-checkboxes__icon {
    float: left;
    margin-right: 10px
}

@media (min-width: 640px) {
    body#users_edit_notifications .edit-notifications-select {
        width: 33.33333%
    }
}

@media (min-width: 640px) {
    body#users_edit_notifications .newsletter-subscribe-all-wrapper {
        padding: 0 40px 0 0
    }
}

.subscribe-newsletter-form {
    position: relative
}

.subscribe-newsletter-form .subscribe-newsletter-form__input {
    padding-right: 80px;
    font-weight: normal;
    height: 38px
}

.subscribe-newsletter-form .subscribe-newsletter-form_btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px
}

.subscribed-icon-display {
    margin-right: 3px;
    height: 16px;
    width: 16px
}

.subscribe-newsletter-form__response {
    height: 28px;
    padding-top: 10px
}

.subscribe-newsletter-form__button {
    margin-top: 0;
    margin-bottom: 0
}

body#users_watched_projects #content {
    padding: 70px 0px
}

body#users_watched_projects #content #main {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}

body#users_watched_projects p.big_type {
    margin-bottom: 60px
}

body#users_watched_projects .mobius {
    display: inline;
    float: left
}

body#users_watched_projects .mobius .page {
    margin-left: -10px;
    width: 960px;
    display: inline;
    float: left
}

body#users_watched_projects .mobius .page .project {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    margin-bottom: 20px
}

body#users_watched_projects #starring_empty,
body#users_watched_projects #starring_live_empty {
    margin: 20px 0px 80px;
    background-color: #F8F9FD;
    padding: 40px 20px;
    border-radius: 12px
}

body#users_watched_projects #starring_empty p,
body#users_watched_projects #starring_live_empty p {
    margin-bottom: 0
}

body#users_watched_projects #starring_empty {
    width: 580px;
    margin: 20px auto 80px
}

body#users_watched_projects #starring_empty p {
    margin-bottom: 30px
}

body#users_watched_projects #starring_empty .btn--green {
    margin-bottom: 0
}

body#users_watched_projects #ending_48_hours,
body#users_watched_projects #ending_soon {
    margin-bottom: 30px
}

body#users_watched_projects .project {
    position: relative
}

body#users_watched_projects .project a.unstar {
    opacity: 0;
    position: absolute;
    top: -8px;
    left: -8px;
    color: #F7F5F2;
    background-color: #3D3D66;
    padding: 6px;
    font-size: 14px;
    line-height: 17px;
    height: 14px;
    border-radius: 24px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body#users_watched_projects .project a.unstar:hover {
    color: #fff;
    background-color: #fd003b
}

body#users_watched_projects .project:hover a.unstar {
    opacity: 1
}

body#users_watched_projects #ended a.unstar {
    top: -12px;
    left: -12px
}

.NS_video_tracks .ksr-select {
    white-space: nowrap;
    max-width: 260px
}

.NS_video_tracks .ksr-select .title {
    overflow: hidden;
    text-overflow: ellipsis
}

.NS_video_tracks button {
    max-width: 220px;
    word-wrap: break-word;
    height: 40px
}

.captionable--track-item {
    padding: 1em 0;
    border-bottom: 1px dashed #ECE8E4
}

.captionable--track-item:last-child {
    border-bottom: none
}

.captionable--track-item button,
.captionable--track-item .asset_upload {
    border: none;
    background: none;
    color: #3D3D66
}

.captionable--track-item button:hover,
.captionable--track-item .asset_upload:hover {
    cursor: pointer;
    color: #060F46
}

.captionable--track-item .upload:hover {
    background: none
}

#project_supporting_material_showcase_edit .NS_video_tracks .subtitles-captions-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#project_supporting_material_showcase_edit .NS_video_tracks .subtitles-captions-header .subtitles-captions-header__title {
    padding-top: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-item-align: center;
    align-self: center
}

#project_supporting_material_showcase_edit .NS_video_tracks button {
    white-space: nowrap
}

#project_supporting_material_showcase_edit .loader-dots {
    margin: auto
}

#project_supporting_material_showcase_edit textarea {
    padding: 10px
}

.transition-all-bezier,
.NS_watches__watch .svg-icon__star,
.NS_watches__watch .text {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.NS_watches__watch .svg-icon__star,
.NS_watches__watch .text {
    color: #80809E
}

.NS_watches__watch .svg-icon__star {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    fill: #80809E;
    position: relative;
    top: -1px
}

.NS_watches__watch .on {
    color: #25CB68 !important
}

.NS_watches__watch .on .svg-icon__star {
    fill: #25CB68
}

.NS_watches__watch:hover .text {
    color: #020621
}

.NS_watches__watch:hover .svg-icon__star {
    fill: #020621
}

body.widget {
    color: white
}

.widget_show textarea {
    height: 3em;
    overflow: hidden
}

.widget_show .pane {
    display: inline;
    float: left
}

.widget_show .pane h2 {
    font-size: 14px;
    font-weight: bold
}

.widget_show .pane h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px
}

.widget_show .pane p {
    font-size: 12px;
    color: #020621;
    margin-bottom: 10px
}

.widget_show .pane .code {
    margin-bottom: 10px
}

.widget_show .pane .size label {
    float: left;
    cursor: pointer
}

.widget_show .pane .size label input[type=radio] {
    display: none
}

.widget_show .pane .size label div {
    border-radius: 3px;
    border: 1px solid #fff
}

.widget_show .pane .size label .size-sm,
.widget_show .pane .size label .size-md,
.widget_show .pane .size label .size-lg {
    background: url(/assets/widgets/video-select-size-9c5633cae906d97bdf2ebc95d95cd6f01a279ca39cdb9228066ecd5ddd0fa44e.png) no-repeat;
    font-size: 12px;
    text-align: center;
    width: 80px;
    margin-right: 15px
}

.widget_show .pane .size label .size-sm {
    padding-top: 35px;
    background-position: 27px 10px
}

.widget_show .pane .size label .size-md {
    padding-top: 47px;
    background-position: -40px 10px
}

.widget_show .pane .size label .size-lg {
    padding-top: 59px;
    background-position: -108px 10px
}

.widget_show .pane .size label.selected div {
    background-color: #F8F9FD;
    border: 1px solid #2752ff;
    -webkit-box-shadow: #F8F9FD 0 0 0 3px;
    -ms-box-shadow: #F8F9FD 0 0 0 3px;
    -o-box-shadow: #F8F9FD 0 0 0 3px;
    box-shadow: #F8F9FD 0 0 0 3px
}

.widget_show .pane .size label.selected .custom input {
    color: #020621
}

.widget_show .pane .size label:hover:not(.selected) div {
    background-color: #F8F9FD
}

.widget_show .pane .size .custom {
    padding: 10px
}

.widget_show .pane .size .custom p {
    margin-bottom: 5px
}

.widget_show .pane .size .custom input {
    color: #3D3D66
}

.widget_show .pane.video {
    margin-left: 0;
    width: 420px;
    padding-right: 20px;
    border-right: 1px #F7F5F2 solid
}

.widget_show .pane.video .code {
    width: 408px
}

.widget_show .pane.video iframe {
    width: 420px;
    height: 236.25px;
    margin-bottom: 10px
}

.widget_show .pane.video iframe + p {
    color: #020621
}

.widget_show .pane.baseball-card {
    margin-right: 0;
    width: 220px
}

.widget_show .pane.baseball-card .code {
    width: 208px
}

.widget_show .pane.baseball-card.with_video {
    padding-left: 20px
}

.widget_show .pane.baseball-card.with_video .embed-explaination {
    display: none
}

.widget_show .pane.baseball-card.no_video {
    width: 460px
}

.widget_show .pane.baseball-card.no_video .code {
    float: right;
    margin-right: 12px
}

.widget_show .pane.baseball-card.no_video iframe {
    float: left
}

.widget_show .pane.baseball-card.no_video textarea {
    height: 10em
}

.widget_show .pane.baseball-card.no_video .short_link {
    padding-top: 10px;
    float: right
}

.widget_show .pane.baseball-card .short_link {
    padding-top: 20px
}

.widget_show .pane.baseball-card .short_link textarea {
    height: 2.25em
}

body#years_oscars2013 {
    background-color: #fff
}

body#years_oscars2013 #logo {
    display: block;
    padding: 30px 0;
    margin: 0px 0px 40px;
    float: none
}

body#years_oscars2013 #logo span {
    display: block;
    text-indent: -9999px;
    text-align: left;
    width: 160px;
    height: 20px;
    background: transparent url(/assets/layouts/navigation/logo-568314f7521947808c1814f94db5829c394fd5051c614b3a73fea99af4ed1223.png) no-repeat left top
}

@media (-webkit-min-device-pixel-ratio: 2) {
    body#years_oscars2013 #logo span {
        background-image: url(/assets/layouts/navigation/logo@2x-6f23901c6a215459ffa889b4139e7535f4b68a0595995a86536a1ffdde9560fb.png);
        -ms-background-size: 160px 20px;
        background-size: 160px 20px
    }
}

body#years_oscars2013 #logo span:hover {
    opacity: 0.8
}

body#years_oscars2013 #hero {
    background: url(/assets/years/2013/oscars/background-oscars-708405ea0ff31cad4656d5f2b6e26ece058d0ecf8f3be96f3a5894507ee0ceb1.jpg) no-repeat;
    background-size: contain;
    background-position: center center
}

body#years_oscars2013 #hero .content {
    padding: 100px 170px 140px;
    width: 620px
}

body#years_oscars2013 #hero h1 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 40px
}

body#years_oscars2013 #hero p {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 20px;
    margin-bottom: 0
}

body#years_oscars2013 #hero em {
    font-weight: bold
}

body#years_oscars2013 #hero a {
    color: #2BDE73;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body#years_oscars2013 #hero a:hover {
    color: #2BDE73
}

body#ksr_admin_sessions_new #content-wrap {
    background-color: #F7F5F2
}

body#ksr_admin_sessions_new #content-wrap input.password {
    border-radius: 6px;
    font-size: 16px;
    padding: 10px
}

body#ksr_admin_sessions_new #content-wrap section {
    margin-left: -21px;
    margin-right: -21px
}

body#ksr_admin_sessions_new #content-wrap footer {
    background-color: rgba(241, 238, 234, 0.2)
}

h2 {
    font-size: rem(24);
    line-height: rem(30)
}

.toggle_box_nav {
    text-align: center;
    background-color: #fff
}

.toggle_box_nav ul {
    list-style: none;
    margin: 0;
    padding: 0.75rem 0
}

.toggle_box_nav ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.toggle_box_nav ul li {
    display: inline-block
}

.toggle_box_nav ul li a {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    border-radius: 12px;
    margin-bottom: 0;
    display: block;
    color: #3D3D66;
    padding: 0 0.75rem;
    line-height: 1.5rem
}

.toggle_box_nav ul li a .count {
    font-size: 80%;
    background-color: #F7F5F2;
    padding: 2px 5px;
    border-radius: 3px
}

.toggle_box_nav ul li.current a {
    color: #fff;
    background-color: #3D3D66;
    font-weight: bold
}

.toggle_box_nav ul li.current a .count {
    background-color: #020621
}

.toggle_box_nav.toggle_box_nav_border {
    border-top: 1px solid #F1EEEA
}

.toggle_box_content {
    display: none
}

.toggle_box_content.current {
    display: block
}

.form-simple input[type=text],
.form-simple input[type=password],
.form-simple input[type=tel],
.form-simple input[type=email],
.form-simple input[type=number] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-simple textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-simple select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 24px;
    height: 46px;
    background: #fff
}

.form-simple label.overlabel {
    padding: 10px;
    line-height: 20px
}

.form-simple label {
    margin-bottom: 5px
}

.form-stacked input[type=text],
.form-stacked select,
.form-stacked label {
    display: block
}

.placeholder {
    position: absolute;
    font-size: 1em;
    color: #3D3D66;
    z-index: 1;
    cursor: text;
    padding-top: 2px;
    padding-bottom: 2px
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

span.placeholder-hide {
    display: none
}

label.visuallyhidden-with-placeholder {
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    left: -999em
}

.list,
.list-simple,
.list-inline,
.tab-nav {
    list-style: none;
    padding-left: 0
}

.list li,
.list-simple li,
.list-inline li,
.tab-nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.list-simple li {
    margin-bottom: 10px
}

.list-ui {
    list-style: none;
    padding-left: 0
}

.list-ui li {
    margin-left: 0
}

.list-ordered {
    list-style-position: inside
}

.list-ordered li {
    margin-left: 0
}

.list-inline li {
    display: inline
}

.list-decimal,
.list-decimal li {
    list-style: decimal
}

.list-disc,
.list-disc li {
    list-style: disc
}

.list-circle,
.list-circle li {
    list-style: circle
}

.checkbox-icon {
    cursor: pointer;
    position: relative
}

.checkbox-icon input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.checkbox-icon .ss-icon {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px
}

.mega {
    font-size: 48px;
    line-height: 50px
}

@media (max-width: 640px) {
    .mega {
        font-size: 40px
    }
}

h1,
.h1 {
    font-size: 32px;
    line-height: 40px
}

h2,
.h2 {
    font-size: 24px;
    line-height: 30px
}

h3,
.h3 {
    font-size: 20px;
    line-height: 24px
}

h4,
.h4 {
    font-size: 16px;
    line-height: 20px
}

h5,
.h5,
.responsive-media figcaption {
    font-size: 14px;
    line-height: 20px
}

h6,
.h6 {
    font-size: 12px
}

@media (min-width: 640px) {
    .mega {
        font-size: 60px;
        line-height: 60px;
        font-weight: 200
    }
    h1,
    .h1 {
        font-size: 48px;
        line-height: 50px
    }
    h2,
    .h2 {
        font-size: 32px;
        line-height: 40px
    }
    h3,
    .h3 {
        font-size: 22px;
        line-height: 30px
    }
}

.bold {
    font-weight: bold
}

.regular,
.normal,
.normal_weight {
    font-weight: normal
}

.light {
    font-weight: 400
}

.italic,
.responsive-media figcaption {
    font-style: italic
}

@media (min-width: 640px) {
    .light {
        font-weight: 200
    }
}

.wrap-words {
    overflow-wrap: break-word
}

.nowrap,
.no-wrap {
    white-space: nowrap
}

.break-word {
    word-break: break-word
}

.right-align {
    text-align: right
}

.left-align {
    text-align: left
}

.center,
.responsive-media figure {
    text-align: center
}

.lh40 {
    line-height: 40px
}

.icon-nudge-down {
    position: relative;
    top: 0.1em
}

pre {
    overflow-x: scroll;
    font-family: "Source Code Pro", monospace
}

code {
    font-family: "Source Code Pro", monospace;
    font-size: inherit;
    padding: 1px
}

.monospace {
    font-family: "Source Code Pro", monospace
}

.serif {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-style: normal
}

.serif-light {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-weight: 300
}

.serif-light-italic {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.no-margin {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.margin-auto {
    margin-left: auto;
    margin-right: auto
}

.m1 {
    margin: 10px
}

.mt1 {
    margin-top: 10px
}

.mr1 {
    margin-right: 10px
}

.mb1 {
    margin-bottom: 10px
}

.ml1 {
    margin-left: 10px
}

.m2,
.m3,
.m4,
.m6 {
    margin: 20px
}

.mt2,
.mt3,
.mt4,
.mt6 {
    margin-top: 20px
}

.mr2,
.mr3,
.mr4,
.mr6 {
    margin-right: 20px
}

.mb2,
.mb3,
.mb4,
.mb6 {
    margin-bottom: 20px
}

.ml2,
.ml3,
.ml4,
.ml6 {
    margin-left: 20px
}

@media screen and (min-width: 570px) {
    .m3 {
        margin: 30px
    }
    .mt3 {
        margin-top: 30px
    }
    .mr3 {
        margin-right: 30px
    }
    .mb3 {
        margin-bottom: 30px
    }
    .ml3 {
        margin-left: 30px
    }
    .m4 {
        margin: 40px
    }
    .mt4 {
        margin-top: 40px
    }
    .mr4 {
        margin-right: 40px
    }
    .mb4 {
        margin-bottom: 40px
    }
    .ml4 {
        margin-left: 40px
    }
    .m6 {
        margin: 60px
    }
    .mt6 {
        margin-top: 60px
    }
    .mr6 {
        margin-right: 60px
    }
    .mb6 {
        margin-bottom: 60px
    }
    .ml6 {
        margin-left: 60px
    }
}

.responsive-media .template {
    padding-bottom: 20px
}

.no-padding {
    padding: 0
}

.pr1_2 {
    padding-right: 5px
}

.pl1_2 {
    padding-left: 5px
}

.px1_2 {
    padding-right: 5px;
    padding-left: 5px
}

.pt1_2 {
    padding-top: 5px
}

.pb1_2 {
    padding-bottom: 5px
}

.p1 {
    padding: 10px
}

.pt1 {
    padding-top: 10px
}

.pr1 {
    padding-right: 10px
}

.pb1 {
    padding-bottom: 10px
}

.pl1 {
    padding-left: 10px
}

.px1 {
    padding-right: 10px;
    padding-left: 10px
}

.py1 {
    padding-top: 10px;
    padding-bottom: 10px
}

.p2,
.p3,
.p4,
.p6 {
    padding: 20px
}

.pt2,
.pt3,
.pt4,
.pt6 {
    padding-top: 20px
}

.pr2,
.pr3,
.pr4,
.pr6 {
    padding-right: 20px
}

.pb2,
.pb3,
.pb4,
.pb6 {
    padding-bottom: 20px
}

.pl2,
.pl3,
.pl4,
.pl6 {
    padding-left: 20px
}

.px2,
.px3,
.px4,
.px6 {
    padding-right: 20px;
    padding-left: 20px
}

.py2,
.py3,
.py4,
.py6 {
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width: 570px) {
    .p3 {
        padding: 30px
    }
    .pt3 {
        padding-top: 30px
    }
    .pr3 {
        padding-right: 30px
    }
    .pb3 {
        padding-bottom: 30px
    }
    .pl3 {
        padding-left: 30px
    }
    .px3 {
        padding-right: 30px;
        padding-left: 30px
    }
    .py3 {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .p4 {
        padding: 40px
    }
    .pt4 {
        padding-top: 40px
    }
    .pr4 {
        padding-right: 40px
    }
    .pb4 {
        padding-bottom: 40px
    }
    .pl4 {
        padding-left: 40px
    }
    .px4 {
        padding-right: 40px;
        padding-left: 40px
    }
    .py4 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .p6 {
        padding: 60px
    }
    .pt6 {
        padding-top: 60px
    }
    .pr6 {
        padding-right: 60px
    }
    .pb6 {
        padding-bottom: 60px
    }
    .pl6 {
        padding-left: 60px
    }
    .px6 {
        padding-right: 60px;
        padding-left: 60px
    }
    .py6 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.clearfix,
.row {
    *zoom: 1
}

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

.clearfix:after,
.row:after {
    clear: both
}

.border-box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.display-none {
    display: none
}

.no-js .hidden-unless-js,
.hide,
.hidden {
    display: none
}

.js .invisible-if-js {
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clip,
.no-scroll {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.full-width {
    width: 100%
}

.half-width {
    width: 50%
}

.fit {
    max-width: 100%
}

.full-height {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.rounded {
    border-radius: 6px
}

.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.circle,
.progress_bar_dark .progress_bar_handle,
.progress_bar_light .progress_bar_handle {
    border-radius: 50%
}

.opacity-0 {
    filter: alpha(opacity=0);
    opacity: 0
}

.offscreen {
    left: -999em;
    position: absolute
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis
}

.absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.l-50 {
    left: -50%
}

.l50 {
    left: 50%
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z_overlap_slider {
    z-index: 101
}

.z_overlay {
    z-index: 1001
}

.z_top {
    z-index: 1002
}

@media screen and (min-width: 570px) {
    .table_grid_1 {
        width: 40px
    }
    .table_grid_2 {
        width: 100px
    }
    .table_grid_4 {
        width: 220px
    }
    .table_grid_5 {
        width: 280px
    }
}

.container-flex {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -20px;
    margin-left: -20px
}

.col,
.col-right,
.col-center,
.mobile-col,
.px-gutter {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px
}

.mobile-col {
    float: left
}

.mobile-col-1 {
    width: 8.33333%
}

.mobile-col-2 {
    width: 16.66667%
}

.mobile-col-3 {
    width: 25%
}

.mobile-col-4 {
    width: 33.33333%
}

.mobile-col-5 {
    width: 41.66667%
}

.mobile-col-6 {
    width: 50%
}

.mobile-col-7 {
    width: 58.33333%
}

.mobile-col-8 {
    width: 66.66667%
}

.mobile-col-9 {
    width: 75%
}

.mobile-col-10 {
    width: 83.33333%
}

.mobile-col-11 {
    width: 91.66667%
}

.mobile-col-12 {
    width: 100%
}

@media (min-width: 640px) {
    .col {
        float: left
    }
    .col-right {
        float: right
    }
    .col-center {
        margin-right: auto;
        margin-left: auto
    }
    .col-1 {
        width: 8.33333%
    }
    .col-pre-1 {
        margin-left: 8.33333%
    }
    .col-post-1 {
        margin-right: 8.33333%
    }
    .col-2 {
        width: 16.66667%
    }
    .col-pre-2 {
        margin-left: 16.66667%
    }
    .col-post-2 {
        margin-right: 16.66667%
    }
    .col-3 {
        width: 25%
    }
    .col-pre-3 {
        margin-left: 25%
    }
    .col-post-3 {
        margin-right: 25%
    }
    .col-4 {
        width: 33.33333%
    }
    .col-pre-4 {
        margin-left: 33.33333%
    }
    .col-post-4 {
        margin-right: 33.33333%
    }
    .col-5 {
        width: 41.66667%
    }
    .col-pre-5 {
        margin-left: 41.66667%
    }
    .col-post-5 {
        margin-right: 41.66667%
    }
    .col-6 {
        width: 50%
    }
    .col-pre-6 {
        margin-left: 50%
    }
    .col-post-6 {
        margin-right: 50%
    }
    .col-7 {
        width: 58.33333%
    }
    .col-pre-7 {
        margin-left: 58.33333%
    }
    .col-post-7 {
        margin-right: 58.33333%
    }
    .col-8 {
        width: 66.66667%
    }
    .col-pre-8 {
        margin-left: 66.66667%
    }
    .col-post-8 {
        margin-right: 66.66667%
    }
    .col-9 {
        width: 75%
    }
    .col-pre-9 {
        margin-left: 75%
    }
    .col-post-9 {
        margin-right: 75%
    }
    .col-10 {
        width: 83.33333%
    }
    .col-pre-10 {
        margin-left: 83.33333%
    }
    .col-post-10 {
        margin-right: 83.33333%
    }
    .col-11 {
        width: 91.66667%
    }
    .col-pre-11 {
        margin-left: 91.66667%
    }
    .col-post-11 {
        margin-right: 91.66667%
    }
    .col-12 {
        width: 100%
    }
    .col-pre-12 {
        margin-left: 100%
    }
    .col-post-12 {
        margin-right: 100%
    }
}

.media-object,
.media-body {
    overflow: hidden
}

.media-object .media-img,
.media-body .media-img {
    float: left;
    margin-right: 10px
}

.media-object .media-img img,
.media-body .media-img img {
    display: block
}

.video-banner {
    position: relative;
    overflow: hidden
}

.video-banner .video-banner_background {
    width: 100%;
    position: absolute;
    overflow: hidden
}

.video-banner .video-banner_background .video-1180x700 {
    width: 100%;
    min-width: 1180px;
    height: auto;
    min-height: 700px
}

.video-banner .video-banner_background .video-1920x1080 {
    width: 100%;
    min-width: 1280px;
    height: auto;
    min-height: 720px
}

.video-banner .video-banner_background .video-1600x650 {
    width: 100%;
    min-width: 1600px;
    height: auto;
    min-height: 650px
}

.video-banner .video-banner_background .video-fit {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto
}

.video-banner .video-banner_content {
    position: relative;
    top: 0
}

.video-banner-600 {
    height: 600px
}

.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flag {
    display: table;
    width: 100%
}

.flag .flag-img,
.flag .flag-body {
    display: table-cell;
    vertical-align: middle
}

.flag.flag-top .flag-img,
.flag.flag-top .flag-body {
    vertical-align: top
}

.flag.flag-bottom .flag-img,
.flag.flag-bottom .flag-body {
    vertical-align: bottom
}

.flag .flag-img {
    padding-right: 10px
}

.flag .flag-img > img {
    display: block;
    max-width: none
}

.flag .flag-img .ss-icon {
    position: relative;
    top: 0.1em
}

.flag .flag-body {
    width: 100%
}

.flag-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 6px
}

.progress_bar {
    position: relative
}

.progress_bar .progress_bar_bg {
    height: 100%
}

.progress_bar .progress_bar_buffer,
.progress_bar .progress_bar_progress,
.progress_bar .progress_bar_handle {
    position: absolute;
    top: 0;
    bottom: 0
}

.tab-nav {
    margin-bottom: 0;
    overflow: hidden
}

.tab-nav li {
    float: left;
    margin-right: 20px
}

.tab-nav li:last-child {
    margin-right: 0
}

.tab-nav li a {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 0
}

.tab-nav li a .count {
    display: inline-block;
    padding: 0px 5px
}

.tab-nav-text a {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 4px solid transparent
}

.tab-nav-text a .count {
    border-radius: 3px;
    font-size: 10px;
    line-height: 20px;
    vertical-align: 1px
}

ul.menu-tabs {
    margin: 0;
    padding: 0;
    border: 0;
    *zoom: 1;
    overflow: hidden
}

ul.menu-tabs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 3px;
    padding-right: 3px
}

ul.menu-tabs li:first-child,
ul.menu-tabs li.first {
    padding-left: 0
}

ul.menu-tabs li:last-child {
    padding-right: 0
}

ul.menu-tabs li.last {
    padding-right: 0
}

ul.menu-tabs li {
    height: 36px;
    overflow: hidden
}

ul.menu-tabs .count {
    border-radius: 9px;
    background: #020621;
    color: white;
    margin: -3px 0 0 5px;
    padding: 2px 10px
}

ul.menu-tabs a,
ul.menu-tabs .tab_label {
    display: block;
    background: #3D3D66;
    color: #FFF;
    border: 1px solid #3D3D66;
    padding: 0px 12px;
    line-height: 36px;
    font-size: 12px;
    font-weight: bold
}

ul.menu-tabs a:hover,
ul.menu-tabs a:focus,
ul.menu-tabs a:active,
ul.menu-tabs .tab_label:hover,
ul.menu-tabs .tab_label:focus,
ul.menu-tabs .tab_label:active {
    background: #2BDE73;
    border-color: #2BDE73
}

ul.menu-tabs li {
    padding-left: 0
}

ul.menu-tabs li.selected .count {
    background: #020621
}

ul.menu-tabs li.selected a {
    border-color: #F1EEEA;
    border-bottom-color: white;
    background: white;
    color: #020621;
    font-weight: bold
}

ul.menu-tabs li.selected a:hover .count {
    background: #020621
}

.ksr_toggle {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    border: 1px solid #F1EEEA;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.ksr_toggle .bg {
    display: none;
    position: absolute;
    height: 100%;
    width: 50%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #F1EEEA;
    margin: -1px
}

.ksr_toggle .bg.show {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: block
}

.ksr_toggle a {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-size: 14px;
    margin-bottom: 10px;
    color: #3D3D66;
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 0;
    padding: 8px 0px 7px;
    text-align: center;
    position: relative;
    z-index: 1
}

.ksr_toggle a.selected {
    color: #020621
}

.ksr-select {
    border-radius: 6px;
    border: 1px solid #dad7d4;
    display: inline-block;
    cursor: default;
    padding: 10px 40px 10px 10px;
    position: relative;
    height: 40px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ksr-select.ksr-select--wrappable {
    height: auto
}

.ksr-select select {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-appearance: none;
    -moz-outline-style: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background: white;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    width: 100%
}

.ksr-select.is-focus {
    border: 1px solid #2752ff
}

.ksr-select .ss-icon,
.ksr-select .ksr-icon__arrow-down {
    position: absolute;
    font-size: 16px;
    right: 10px;
    top: 10px
}

.ksr-select .ksr-icon__arrow-down {
    pointer-events: none
}

.ksr-select .ss-delete:hover {
    color: #2BDE73;
    cursor: pointer
}

.ksr-select.ondark {
    border-color: #80809E
}

.ksr-select.ondark .title {
    color: #F1EEEA
}

.ksr-select.ondark .ss-icon {
    color: #80809E
}

.ksr-select.ondark .svg-icon__arrow-down {
    fill: #80809E !important
}

.ksr-select.has-options {
    cursor: pointer
}

.ksr-select.ksr-popover-active .ksr-icon__arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 4px
}

.ksr-select.ksr-select-big {
    height: 50px;
    line-height: 25px
}

.ksr-select.ksr-select-big .svg-icon__arrow-down {
    top: 18px;
    fill: currentColor;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px
}

.ksr-select.ksr-select-big.ksr-popover-active .svg-icon__arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 15px
}

.ksr-select .title {
    min-height: 1em
}

html.no-js .ksr-select select {
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    margin-left: 10px
}

html.no-js .ksr-select .title {
    display: none
}

.ksr-mobile-popover-visible {
    overflow: hidden
}

@media screen and (min-width: 640px) {
    body .ksr-popover {
        -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        border-radius: 6px;
        display: none;
        border: 1px solid #F1EEEA;
        position: absolute;
        background: #fff;
        padding: 30px
    }
    body .ksr-popover.visible {
        display: block
    }
    body .ksr-popover .arrow {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px
    }
    body .ksr-popover .arrow-grey {
        border-bottom: 10px solid #F1EEEA
    }
    body .ksr-popover .arrow-white {
        border-bottom: 10px solid #fff;
        margin-top: 1px
    }
    body .ksr-popover .close,
    body .ksr-popover .ksr-popover-title {
        display: none
    }
}

@media screen and (max-width: 640px) {
    body .ksr-popover {
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        display: none;
        position: fixed;
        background-color: #fff;
        padding: 4.5rem 1rem 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 0px !important;
        left: 0px !important;
        height: 100% !important;
        width: 100% !important
    }
    body .ksr-popover.visible {
        display: block
    }
    body .ksr-popover .arrow {
        display: none
    }
    body .ksr-popover .close {
        position: absolute;
        top: 0.625rem;
        right: 1rem
    }
    body .ksr-popover .ksr-popover-title {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 1rem
    }
}

.ksr-dropdown,
.ksr-dropdown-nojs {
    position: relative
}

.ksr-dropdown .title,
.ksr-dropdown-nojs .title {
    border-radius: 6px;
    border: 1px solid;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    height: 20px;
    line-height: 20px
}

.ksr-dropdown .title .ss-icon,
.ksr-dropdown-nojs .title .ss-icon {
    position: relative;
    font-size: 12px;
    margin: 2px 0px 0px 20px
}

.ksr-dropdown ul.dropdown,
.ksr-dropdown-nojs ul.dropdown {
    list-style: none;
    top: 33px;
    left: 0px;
    display: none;
    position: absolute;
    width: auto;
    min-width: 100%;
    z-index: 100
}

.ksr-dropdown ul.dropdown li,
.ksr-dropdown-nojs ul.dropdown li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.ksr-dropdown ul.dropdown.full-width,
.ksr-dropdown-nojs ul.dropdown.full-width {
    width: 100%
}

.ksr-dropdown ul.dropdown.right-align,
.ksr-dropdown-nojs ul.dropdown.right-align {
    right: 0;
    left: auto
}

.ksr-dropdown ul.dropdown li a,
.ksr-dropdown ul.dropdown li button,
.ksr-dropdown-nojs ul.dropdown li a,
.ksr-dropdown-nojs ul.dropdown li button {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.3em;
    white-space: nowrap;
    text-align: left
}

.ksr-dropdown ul.dropdown li:last-child a,
.ksr-dropdown ul.dropdown li:last-child button,
.ksr-dropdown-nojs ul.dropdown li:last-child a,
.ksr-dropdown-nojs ul.dropdown li:last-child button {
    border-radius: 0px 0px 6px 6px
}

.ksr-dropdown.open .title,
.ksr-dropdown-nojs.open .title {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.ksr-dropdown.open .ss-icon,
.ksr-dropdown-nojs.open .ss-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -4px
}

.ksr-dropdown.open ul.dropdown,
.ksr-dropdown-nojs.open ul.dropdown {
    display: block
}

.ksr-dropdown.big .title,
.ksr-dropdown-nojs.big .title {
    font-size: 22px;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 15px
}

.ksr-dropdown.big .title .ss-icon,
.ksr-dropdown-nojs.big .title .ss-icon {
    margin-left: 100px
}

.ksr-dropdown.big ul.dropdown,
.ksr-dropdown-nojs.big ul.dropdown {
    top: 51px
}

article.prose.prose-small h1 {
    font-size: 22px
}

.mobile-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mobile-table-cell {
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 640px) {
    .table {
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .table-layout-auto {
        table-layout: auto
    }
    .table-cell {
        display: table-cell;
        vertical-align: middle
    }
}

.section-divider {
    width: 40px;
    height: 3px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media screen and (max-width: 640px) {
    .mobile-scroll-container {
        padding-left: 0px;
        padding-right: 0px
    }
    .mobile-scroll-row.mobile-scroll-row {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px
    }
    .mobile-scroll-row.mobile-scroll-row .mobile-scroll-row-item {
        display: inline-block;
        width: 90%;
        padding-right: 0px;
        float: none
    }
    .mobile-scroll-row.mobile-scroll-row .mobile-scroll-row-item:first-child {
        margin-left: 0px
    }
    .mobile-scroll-row.mobile-scroll-row .mobile-scroll-row-item:last-child {
        margin-right: 20px
    }
    .mobile-scroll-row.mobile-scroll-row.mobile-scroll-row-small .mobile-scroll-row-item {
        width: 14%
    }
}

.readability {
    word-wrap: break-word;
    text-rendering: optimizeLegibility
}

.readability h1,
.readability h2,
.readability h3,
.readability h4,
.readability h5,
.readability h6 {
    font-size: 1.375rem;
    line-height: 1.375rem;
    margin-bottom: 1.375rem
}

@media screen and (max-width: 640px) {
    .readability h1,
    .readability h2,
    .readability h3,
    .readability h4,
    .readability h5,
    .readability h6 {
        font-size: 1.25rem;
        line-height: 1.25rem;
        margin-bottom: 1.25rem
    }
    .readability p {
        font-size: 1rem
    }
}

body.native-app-request .readability p,
body.native-app-request .readability div,
body.native-app-request .readability li {
    font-family: "Tiempos", Georgia, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem
}

body.native-app-request .readability h1,
body.native-app-request .readability h2,
body.native-app-request .readability h3,
body.native-app-request .readability h4,
body.native-app-request .readability h5,
body.native-app-request .readability h6 {
    font-size: 1.375rem;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif
}

body.native-app-request.ipad .readability p,
body.native-app-request.ipad .readability div,
body.native-app-request.ipad .readability li {
    font-size: 1.125rem
}

body.native-app-request.iphone .readability p,
body.native-app-request.iphone .readability div,
body.native-app-request.iphone .readability li {
    font-size: 1rem
}

.mega {
    font-size: 48px;
    line-height: 50px
}

@media (max-width: 640px) {
    .mega {
        font-size: 40px
    }
}

h1,
.h1 {
    font-size: 32px;
    line-height: 40px
}

h2,
.h2 {
    font-size: 24px;
    line-height: 30px
}

h3,
.h3 {
    font-size: 20px;
    line-height: 24px
}

h4,
.h4 {
    font-size: 16px;
    line-height: 20px
}

h5,
.h5,
.responsive-media figcaption {
    font-size: 14px;
    line-height: 20px
}

h6,
.h6 {
    font-size: 12px
}

@media (min-width: 640px) {
    .mega {
        font-size: 60px;
        line-height: 60px;
        font-weight: 200
    }
    h1,
    .h1 {
        font-size: 48px;
        line-height: 50px
    }
    h2,
    .h2 {
        font-size: 32px;
        line-height: 40px
    }
    h3,
    .h3 {
        font-size: 22px;
        line-height: 30px
    }
}

.bold {
    font-weight: bold
}

.regular,
.normal,
.normal_weight {
    font-weight: normal
}

.light {
    font-weight: 400
}

.italic,
.responsive-media figcaption {
    font-style: italic
}

@media (min-width: 640px) {
    .light {
        font-weight: 200
    }
}

.wrap-words {
    overflow-wrap: break-word
}

.nowrap,
.no-wrap {
    white-space: nowrap
}

.break-word {
    word-break: break-word
}

.right-align {
    text-align: right
}

.left-align {
    text-align: left
}

.center,
.responsive-media figure {
    text-align: center
}

.lh40 {
    line-height: 40px
}

.icon-nudge-down {
    position: relative;
    top: 0.1em
}

pre {
    overflow-x: scroll;
    font-family: "Source Code Pro", monospace
}

code {
    font-family: "Source Code Pro", monospace;
    font-size: inherit;
    padding: 1px
}

.monospace {
    font-family: "Source Code Pro", monospace
}

.serif {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-style: normal
}

.serif-light {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-weight: 300
}

.serif-light-italic {
    font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.no-margin {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.margin-auto {
    margin-left: auto;
    margin-right: auto
}

.m1 {
    margin: 10px
}

.mt1 {
    margin-top: 10px
}

.mr1 {
    margin-right: 10px
}

.mb1 {
    margin-bottom: 10px
}

.ml1 {
    margin-left: 10px
}

.m2,
.m3,
.m4,
.m6 {
    margin: 20px
}

.mt2,
.mt3,
.mt4,
.mt6 {
    margin-top: 20px
}

.mr2,
.mr3,
.mr4,
.mr6 {
    margin-right: 20px
}

.mb2,
.mb3,
.mb4,
.mb6 {
    margin-bottom: 20px
}

.ml2,
.ml3,
.ml4,
.ml6 {
    margin-left: 20px
}

@media screen and (min-width: 570px) {
    .m3 {
        margin: 30px
    }
    .mt3 {
        margin-top: 30px
    }
    .mr3 {
        margin-right: 30px
    }
    .mb3 {
        margin-bottom: 30px
    }
    .ml3 {
        margin-left: 30px
    }
    .m4 {
        margin: 40px
    }
    .mt4 {
        margin-top: 40px
    }
    .mr4 {
        margin-right: 40px
    }
    .mb4 {
        margin-bottom: 40px
    }
    .ml4 {
        margin-left: 40px
    }
    .m6 {
        margin: 60px
    }
    .mt6 {
        margin-top: 60px
    }
    .mr6 {
        margin-right: 60px
    }
    .mb6 {
        margin-bottom: 60px
    }
    .ml6 {
        margin-left: 60px
    }
}

.responsive-media img,
.responsive-media video {
    max-width: 100%;
    height: auto;
    display: block
}

.responsive-media .template.oembed,
.responsive-media .template.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.responsive-media .template.oembed iframe,
.responsive-media .template.oembed object,
.responsive-media .template.oembed embed,
.responsive-media .template.video iframe,
.responsive-media .template.video object,
.responsive-media .template.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.responsive-media figcaption {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3D3D66
}

@media screen and (max-width: 640px) {
    .responsive-media .template {
        margin-left: -20px;
        margin-right: -20px
    }
}

.formatted-lists ul,
.formatted-lists ol {
    margin-bottom: 20px;
    padding-left: 0
}

.formatted-lists ul {
    list-style: disc
}

.formatted-lists ol {
    list-style: decimal
}

.formatted-lists li {
    margin-left: 20px
}

.draggable {
    cursor: move
}

.forces-video-controls .forces-video-controls_hide {
    display: none !important
}

.hover-group {
    position: relative;
    overflow: hidden
}

.hover-group .hover-zoomout {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.hover-group .hover-zoomin {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.hover-group:hover .hover-zoomout {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width: 640px) {
    .hover-group:hover .hover-zoomout {
        opacity: 1
    }
}

.hover-group:hover .hover-zoomin {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.js .js-hide {
    display: none
}

body .native-show {
    display: none
}

body.native-app-request .native-show {
    display: block
}

body.native-app-request .native-hide {
    display: none
}

body.native-app-request.android .native-android-hide {
    display: none
}

.transition-all-bezier {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.335, 1)
}

.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

body.not-ipad .ipad-show {
    display: none
}

body.ipad .ipad-show {
    display: block
}

body.ipad .ipad-hide {
    display: none
}

.for-screenreader {
    position: absolute;
    top: -100px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.hide,
.hidden {
    display: none
}

.is-visible {
    opacity: 1 !important
}

.is-invisible {
    visibility: hidden !important
}

.mobile-show {
    display: none
}

@media (max-width: 640px) {
    .mobile-block,
    .mobile-show {
        display: block
    }
    .mobile-full-width {
        width: 100%
    }
    .mobile-inline-block {
        display: inline-block
    }
    .mobile-hide {
        display: none
    }
    .mobile-center {
        text-align: center
    }
    .mobile-left-align {
        text-align: left
    }
    .mobile-right {
        float: right
    }
    .mobile-left {
        float: left
    }
    .mobile-clear {
        float: none
    }
    .mobile-inline {
        display: inline
    }
    .mobile-static {
        position: static !important
    }
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center center
}

.bg-top {
    background-position: center top
}

.bg-bottom {
    background-position: center bottom
}

.no-background {
    background-color: transparent;
    background-image: none
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.green {
    color: #2BDE73
}

.bg-green {
    background-color: #2BDE73
}

.bg-green-90 {
    background-color: rgba(43, 222, 115, 0.9)
}

.green-light {
    color: #80809E
}

.bg-green-light {
    background-color: #80809E
}

.green-dark {
    color: #020621
}

.bg-green-dark {
    background-color: #020621
}

.grey-light {
    color: #F7F5F2
}

.bg-grey-light {
    background-color: #F7F5F2
}

.grey {
    color: #F1EEEA
}

.bg-grey {
    background-color: #F1EEEA
}

.grey-dark {
    color: #3D3D66
}

.bg-grey-dark {
    background-color: #3D3D66
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-white-95 {
    background-color: rgba(255, 255, 255, 0.95)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.blue-light {
    color: #F8F9FD
}

.blue {
    color: #2752ff
}

.blue-dark {
    color: #060F46
}

.bg-blue-light {
    background-color: #F8F9FD
}

.bg-blue {
    background-color: #2752ff
}

.bg-blue-dark {
    background-color: #060F46
}

.color-facebook {
    color: #3b5998
}

.color-twitter {
    color: #00aced
}

.color-tumblr {
    color: #38475B
}

.red {
    color: #fd003b
}

.red-light {
    color: #ffecf0
}

.bg-red {
    background-color: #fd003b
}

.bg-red-light {
    background-color: #ffecf0
}

.yellow {
    color: #fcdda3
}

.bg-yellow {
    background-color: #fcdda3
}

.navy-light {
    color: #80809E
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05)
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-black {
    background-color: #000
}

.fill-grey {
    fill: #F1EEEA
}

.fill-grey-dark {
    fill: #3D3D66
}

.fill-white {
    fill: #fff
}

.fill-green-dark {
    fill: #020621
}

.fill-green {
    fill: #2BDE73
}

.fill-green-light {
    fill: #80809E
}

.fill-blue-dark {
    fill: #060F46
}

.fill-blue {
    fill: #2752ff
}

.bg-gradient-white-grey-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7F5F2));
    background-image: linear-gradient(#fff, #F7F5F2)
}

.color-art {
    color: #ffbdab
}

.bg-color-art {
    background-color: #ffbdab
}

.hover-bg-color-art:hover {
    background-color: #ffbdab
}

.fill-art {
    fill: #ffbdab
}

.color-civic {
    color: #ffb36a
}

.bg-color-civic {
    background-color: #ffb36a
}

.hover-bg-color-civic:hover {
    background-color: #ffb36a
}

.fill-civic {
    fill: #ffb36a
}

.color-comedy {
    color: #5ef3db
}

.bg-color-comedy {
    background-color: #5ef3db
}

.hover-bg-color-comedy:hover {
    background-color: #5ef3db
}

.fill-comedy {
    fill: #5ef3db
}

.color-comics {
    color: #fffb78
}

.bg-color-comics {
    background-color: #fffb78
}

.hover-bg-color-comics:hover {
    background-color: #fffb78
}

.fill-comics {
    fill: #fffb78
}

.color-crafts {
    color: #ff81ac
}

.bg-color-crafts {
    background-color: #ff81ac
}

.hover-bg-color-crafts:hover {
    background-color: #ff81ac
}

.fill-crafts {
    fill: #ff81ac
}

.color-dance {
    color: #a695f9
}

.bg-color-dance {
    background-color: #a695f9
}

.hover-bg-color-dance:hover {
    background-color: #a695f9
}

.fill-dance {
    fill: #a695f9
}

.color-design {
    color: #2752ff
}

.bg-color-design {
    background-color: #2752ff
}

.hover-bg-color-design:hover {
    background-color: #2752ff
}

.fill-design {
    fill: #2752ff
}

.color-fashion {
    color: #ff9fd6
}

.bg-color-fashion {
    background-color: #ff9fd6
}

.hover-bg-color-fashion:hover {
    background-color: #ff9fd6
}

.fill-fashion {
    fill: #ff9fd6
}

.color-film {
    color: #ff596e
}

.bg-color-film {
    background-color: #ff596e
}

.hover-bg-color-film:hover {
    background-color: #ff596e
}

.fill-film {
    fill: #ff596e
}

.color-food {
    color: #ff3642
}

.bg-color-food {
    background-color: #ff3642
}

.hover-bg-color-food:hover {
    background-color: #ff3642
}

.fill-food {
    fill: #ff3642
}

.color-games {
    color: #00c9ab
}

.bg-color-games {
    background-color: #00c9ab
}

.hover-bg-color-games:hover {
    background-color: #00c9ab
}

.fill-games {
    fill: #00c9ab
}

.color-journalism {
    color: #12bcea
}

.bg-color-journalism {
    background-color: #12bcea
}

.hover-bg-color-journalism:hover {
    background-color: #12bcea
}

.fill-journalism {
    fill: #12bcea
}

.color-music {
    color: #a5ffd3
}

.bg-color-music {
    background-color: #a5ffd3
}

.hover-bg-color-music:hover {
    background-color: #a5ffd3
}

.fill-music {
    fill: #a5ffd3
}

.color-photography {
    color: #00e3e5
}

.bg-color-photography {
    background-color: #00e3e5
}

.hover-bg-color-photography:hover {
    background-color: #00e3e5
}

.fill-photography {
    fill: #00e3e5
}

.color-publishing {
    color: #e2dcd0
}

.bg-color-publishing {
    background-color: #e2dcd0
}

.hover-bg-color-publishing:hover {
    background-color: #e2dcd0
}

.fill-publishing {
    fill: #e2dcd0
}

.color-technology {
    color: #6396fc
}

.bg-color-technology {
    background-color: #6396fc
}

.hover-bg-color-technology:hover {
    background-color: #6396fc
}

.fill-technology {
    fill: #6396fc
}

.color-theater {
    color: #ff7d5f
}

.bg-color-theater {
    background-color: #ff7d5f
}

.hover-bg-color-theater:hover {
    background-color: #ff7d5f
}

.fill-theater {
    fill: #ff7d5f
}

.border {
    border-width: 1px;
    border-style: solid;
    border-color: #dfdcda
}

.border-top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dfdcda
}

.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdcda
}

.border-left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dfdcda
}

.border-left-thick {
    border-left-width: 3px;
    border-left-style: solid
}

.border-green {
    border-color: #2BDE73
}

.border-grey {
    border-color: #dfdcda
}

.border-red {
    border-color: #fd003b
}

.border-white {
    border-color: #fff
}

.border-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dfdcda
}

.radius9 {
    border-radius: 9px
}

.top_radius9 {
    border-radius: 9px 9px 0 0
}

.bottom_radius9 {
    border-radius: 0 0 9px 9px
}

.hover-bg-blue-light:hover {
    background-color: #F8F9FD
}

.hover-bg-grey-light:hover {
    background-color: rgba(247, 245, 242, 0.6)
}

.hover-bg-black-40:hover {
    background-color: rgba(0, 0, 0, 0.4)
}

.hover-opacity-50:hover {
    opacity: 0.5
}

.form-light .errored {
    border: 2px solid #fd003b;
    background: #ffecf0
}

.form-light input[type=text]:disabled {
    color: #80809E;
    background-color: #EFEFF3
}

.white_link,
a.white_link {
    color: #fff;
    text-decoration: underline
}

.white_link:hover,
a.white_link:hover {
    color: #2752ff
}

.link-grey-dark {
    color: #3D3D66
}

.link-grey-dark:hover {
    color: #020621
}

.link-white {
    color: #fff
}

.link-white:hover {
    color: #2752ff
}

.progress_bar_light .progress_bar_bg {
    background-color: #F7F5F2
}

.progress_bar_dark .progress_bar_bg {
    background-color: #171726
}

.progress_bar_dark,
.progress_bar_light {
    height: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

.progress_bar_dark,
.progress_bar_dark .progress_bar_bg,
.progress_bar_dark .progress_bar_buffer,
.progress_bar_dark .progress_bar_progress,
.progress_bar_light,
.progress_bar_light .progress_bar_bg,
.progress_bar_light .progress_bar_buffer,
.progress_bar_light .progress_bar_progress {
    border-radius: 4px
}

.progress_bar_dark .progress_bar_buffer,
.progress_bar_light .progress_bar_buffer {
    background: #3D3D66
}

.progress_bar_dark .progress_bar_progress,
.progress_bar_light .progress_bar_progress {
    min-width: 8px;
    background: #2BDE73
}

.progress_bar_dark .progress_bar_handle,
.progress_bar_light .progress_bar_handle {
    width: 8px;
    height: 8px;
    margin-top: -2px;
    margin-left: -6px;
    border: 2px solid #fff;
    background: #2BDE73;
    -webkit-box-shadow: #020621, 0px, 0px, 5px;
    box-shadow: #020621, 0px, 0px, 5px;
    opacity: 0
}

.progress_bar_dark:hover .progress_bar_handle,
.progress_bar_dark .progress_bar_handle:focus,
.progress_bar_light:hover .progress_bar_handle,
.progress_bar_light .progress_bar_handle:focus {
    opacity: 1
}

.blur {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px)
}

@media screen and (min-width: 570px) {
    .blur {
        -ms-filter: blur(6px);
        -webkit-filter: blur(6px);
        -moz-filter: blur(6px);
        -o-filter: blur(6px);
        filter: blur(6px)
    }
}

.tab-nav-green a {
    color: #3D3D66;
    font-weight: bold
}

.tab-nav-green a .count {
    background: #3D3D66;
    color: #fff;
    font-weight: bold
}

.tab-nav-green a:hover {
    color: #020621
}

.tab-nav-green a.current {
    color: #020621;
    border-color: #2BDE73
}

.tab-nav-green a.current:hover {
    color: #020621
}

.tab-nav-green li.selected a {
    color: #020621;
    border-color: #2BDE73
}

.tab-nav-green li.selected a:hover {
    color: #020621
}

.ksr-select-light.has-options:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.ksr-dropdown .title,
.ksr-dropdown-nojs .title {
    background-color: #fff;
    border-color: #dad7d4
}

.ksr-dropdown .title:hover,
.ksr-dropdown-nojs .title:hover {
    background-color: #F7F7F9
}

.ksr-dropdown ul.dropdown li a,
.ksr-dropdown ul.dropdown li button,
.ksr-dropdown-nojs ul.dropdown li a,
.ksr-dropdown-nojs ul.dropdown li button {
    border-left: 1px solid #2752ff;
    border-right: 1px solid #2752ff;
    color: #020621;
    background-color: #fff
}

.ksr-dropdown ul.dropdown li a:hover,
.ksr-dropdown ul.dropdown li button:hover,
.ksr-dropdown-nojs ul.dropdown li a:hover,
.ksr-dropdown-nojs ul.dropdown li button:hover {
    background: #F7F5F2
}

.ksr-dropdown ul.dropdown li:first-child a,
.ksr-dropdown ul.dropdown li:first-child button,
.ksr-dropdown-nojs ul.dropdown li:first-child a,
.ksr-dropdown-nojs ul.dropdown li:first-child button {
    border-top: 1px solid #2752ff
}

.ksr-dropdown ul.dropdown li:last-child a,
.ksr-dropdown ul.dropdown li:last-child button,
.ksr-dropdown-nojs ul.dropdown li:last-child a,
.ksr-dropdown-nojs ul.dropdown li:last-child button {
    border-bottom: 1px solid #2752ff
}

.ksr-dropdown.open .title,
.ksr-dropdown-nojs.open .title {
    border-color: #2752ff;
    border-bottom-color: #fff
}

.ksr-dropdown.open ul.dropdown,
.ksr-dropdown-nojs.open ul.dropdown {
    border-top-color: #F7F5F2
}

.checkbox-icon-blue .icon-display {
    height: 18px;
    width: 18px;
    fill: #80809E
}

.checkbox-icon-blue input[type=checkbox]:checked ~ .icon-display {
    fill: #2752ff
}

@font-face {
    font-family: "KSRIcons";
    src: url(ksr-icons-f98110d91c5f5e1a8ce16b72d1d3859021a02db55532e5c9e537ca7705aac896.eot);
    src: url(ksr-icons-f98110d91c5f5e1a8ce16b72d1d3859021a02db55532e5c9e537ca7705aac896.eot?#iefix) format("embedded-opentype"), url(ksr-icons-8a72398a16f375ecaca738ae23ef67764a761eaf10392b580b2206dc56a4e8b7.woff) format("woff"), url(ksr-icons-9bff21fad73ddcee07933739a3f50f3729268ebc54f726237710f06af48442e9.ttf) format("truetype"), url(ksr-icons-1beb16e4ced71b6b12dd62ad417ef8ca43d0d23c9290f19ed6bdaddebd7dd506.svg#KSRIcons) format("svg");
    font-weight: 400;
    font-style: normal
}

.notification-banner,
.tout-banner__content,
.user-options,
.livesearch-header,
.mega-footer__bottom,
.media-block__footer,
.pledge-display .pledge__summary,
.pledge__checkout-subtotal,
.pledge__extra-info,
.pledge__checkout .pledge__checkout-form,
.pledge-update-summary,
.project-card-wide,
.ksr-modal--action__footer,
.underlined-list__link {
    *zoom: 1
}

.notification-banner:before,
.tout-banner__content:before,
.user-options:before,
.livesearch-header:before,
.mega-footer__bottom:before,
.media-block__footer:before,
.pledge-display .pledge__summary:before,
.pledge__checkout-subtotal:before,
.pledge__extra-info:before,
.pledge__checkout .pledge__checkout-form:before,
.pledge-update-summary:before,
.project-card-wide:before,
.ksr-modal--action__footer:before,
.underlined-list__link:before,
.notification-banner:after,
.tout-banner__content:after,
.user-options:after,
.livesearch-header:after,
.mega-footer__bottom:after,
.media-block__footer:after,
.pledge-display .pledge__summary:after,
.pledge__checkout-subtotal:after,
.pledge__extra-info:after,
.pledge__checkout .pledge__checkout-form:after,
.pledge-update-summary:after,
.project-card-wide:after,
.ksr-modal--action__footer:after,
.underlined-list__link:after {
    content: " ";
    display: table
}

.notification-banner:after,
.tout-banner__content:after,
.user-options:after,
.livesearch-header:after,
.mega-footer__bottom:after,
.media-block__footer:after,
.pledge-display .pledge__summary:after,
.pledge__checkout-subtotal:after,
.pledge__extra-info:after,
.pledge__checkout .pledge__checkout-form:after,
.pledge-update-summary:after,
.project-card-wide:after,
.ksr-modal--action__footer:after,
.underlined-list__link:after {
    clear: both
}

.media .media-image,
.primary-menu,
.user-menu .dropdown-column,
.livesearch-list .livesearch-result {
    float: left
}

.user-menu-tab,
.user-dropdown,
.user-menu,
.livesearch-container .svg-icon__close {
    float: right
}

.btn,
.user-menu-tab .tab-expand,
.pledge-update-summary .pledge__detail,
.project-card.project-card-tall,
.project-card.project-card-tall-big,
.project-card.project-card-tall .project-card-footer,
.project-card.project-card-tall-big .project-card-footer,
.project-card--spotlight,
.project-card--spotlight .project-card-content,
.project-card-wide .project-card-content,
.content-carousel__content,
.sff2016 *,
.styleguide *,
.color-swatch {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scissors {
    background-image: url(/assets/icons/icon-sprite-d4911c05eeb128e2f158fc95cd7f098060c97c49ba35496171dc88e3392e72b3.png) !important;
    background-image: url(/assets/icons/icon-sprite-9be017482c85b682b73fba5cff74a95f80e4549c2d42ed94fa673bead8e1defc.gif);
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden
}

.scissors span {
    display: none
}

.logout-link,
.user-menu-footer a,
.logout-link:link,
.user-menu-footer a:link,
.logout-link:visited,
.user-menu-footer a:visited,
.logout-link:active,
.user-menu-footer a:active {
    color: #2752ff
}

.logout-link:hover,
.user-menu-footer a:hover,
.logout-link:link:hover,
.user-menu-footer a:link:hover,
.logout-link:visited:hover,
.user-menu-footer a:visited:hover,
.logout-link:active:hover,
.user-menu-footer a:active:hover {
    color: #3D3D66
}

.project-card.project-card-tall .project-card-footer a,
.project-card.project-card-tall-big .project-card-footer a,
.project-card.project-card-tall .project-card-footer a:link,
.project-card.project-card-tall-big .project-card-footer a:link,
.project-card.project-card-tall .project-card-footer a:visited,
.project-card.project-card-tall-big .project-card-footer a:visited,
.project-card.project-card-tall .project-card-footer a:active,
.project-card.project-card-tall-big .project-card-footer a:active {
    color: #3D3D66
}

.project-card.project-card-tall .project-card-footer a:hover,
.project-card.project-card-tall-big .project-card-footer a:hover,
.project-card.project-card-tall .project-card-footer a:link:hover,
.project-card.project-card-tall-big .project-card-footer a:link:hover,
.project-card.project-card-tall .project-card-footer a:visited:hover,
.project-card.project-card-tall-big .project-card-footer a:visited:hover,
.project-card.project-card-tall .project-card-footer a:active:hover,
.project-card.project-card-tall-big .project-card-footer a:active:hover {
    color: #020621
}

.mega-footer__link,
.mega-footer__link:link,
.mega-footer__link:visited,
.mega-footer__link:active {
    color: #F1EEEA
}

.mega-footer__link:hover,
.mega-footer__link:link:hover,
.mega-footer__link:visited:hover,
.mega-footer__link:active:hover {
    color: #FFFFFF
}

.user-menu .dropdown-menu .project-title,
.pledge__checkout .pledge__checkout-form .ksr-select .title,
.project-card.project-card-tall .project-byline,
.project-card.project-card-tall-big .project-byline,
.project-card.project-card-tall .project-location,
.project-card.project-card-tall-big .project-location,
.project-context .project-context__title {
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.full-viewport-hero__content {
    display: table-cell;
    vertical-align: middle
}

.pledge__hover {
    text-align: center
}

.pledge__hover:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.pledge__hover .pledge__hover-content {
    display: inline-block;
    vertical-align: middle
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

input {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif
}

fieldset {
    margin-bottom: 20px
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-family: inherit;
    -webkit-font-smoothing: inherit
}

a,
a:link a:visited,
a:active,
button,
button:visited,
button:active {
    color: #2752ff;
    text-decoration: none
}

button {
    background: transparent;
    border: 0;
    font-family: inherit;
    -webkit-font-smoothing: inherit
}

a:hover,
button:hover {
    color: #060F46
}

a:focus,
button:focus {
    outline: 1px dotted #3D3D66
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #020621;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 16px;
    line-height: 1.4
}

p {
    margin-bottom: 20px
}

.marketing-formatting p {
    margin-bottom: 2rem
}

.page-block {
    position: relative;
    margin: 0;
    display: inline-block;
    width: 100%;
    background-color: #fff
}

.page-block--pull-up {
    margin-top: -150px
}

@media all and (max-width: 640px) {
    .page-block--pull-up {
        margin-top: -75px
    }
}

.page-block__content {
    margin-bottom: 50px;
    margin-top: 50px
}

@media (max-width: 640px) {
    .page-block__content {
        margin-bottom: 25px;
        margin-top: 25px
    }
}

.page-block__head {
    font-size: 16px;
    margin-bottom: 80px;
    text-transform: uppercase
}

.page-block__head:not(.page-block__head--logo) h4 {
    border-bottom: solid 2px;
    display: inline-block
}

.page-block__head.page-block__head--pull-up {
    margin-top: -20px
}

@media (min-width: 641px) {
    .page-block__head.page-block__head--pull-up {
        margin-top: -120px
    }
}

.page-block__content--tall {
    padding-top: 125px;
    padding-bottom: 125px
}

@media (max-width: 640px) {
    .page-block__content--tall {
        padding-top: 50px;
        padding-bottom: 100px
    }
}

.page-block__content--med {
    margin-top: 75px;
    margin-bottom: 75px
}

@media (max-width: 640px) {
    .page-block__content--med {
        margin-top: 25px;
        margin-bottom: 50px
    }
}

.page-block__content--push-top {
    padding-top: 125px
}

@media (max-width: 640px) {
    .page-block__content--push-top {
        padding-top: 50px
    }
}

.page-block__content--push-bottom {
    padding-bottom: 125px
}

@media (max-width: 640px) {
    .page-block__content--push-bottom {
        padding-bottom: 50px
    }
}

@media (max-width: 640px) {
    .page-block--color {
        padding: 25px 0
    }
}

.page-block--color.page-block--color--lavender {
    background-color: #f3f5ff;
    color: #2752ff
}

.page-block--color.page-block--color--gray {
    background-color: #F7F5F2
}

.page-block--color.page-block--color--mint {
    background-color: #e3fdf9;
    color: #2752ff
}

.page-block--color.page-block--color--peach {
    background-color: #fff1ed;
    color: #ff3642
}

.page-block--color.page-block--color--black {
    background-color: #000000;
    color: #FFFFFF
}

.page-block--color.page-block--color--green {
    background-color: #2BDE73
}

.page-block--color.page-block--color--green a {
    color: #FFFFFF
}

.page-block--color.navy {
    background-color: #060F46
}

.page-block--image {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    height: 750px
}

@media all and (max-width: 640px) {
    .page-block--image {
        height: 275px
    }
}

.page-block--image.dela {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/AboutPage_1.jpg")
}

.page-block--image.fetterman {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/AboutPage_2.jpg")
}

.page-block--image.founders {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/PressPage_1_hires.jpg")
}

.page-block--image.yasmin {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/PressPage_2_hiRes.jpg")
}

.page-block--image.jobs-1 {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/JobsPage_1.jpg")
}

.page-block--image.jobs-2 {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/JobsPage_2.jpg")
}

.page-block--image.jobs-3 {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/JobsPage_3.jpg")
}

.page-block--image.jobs-4 {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/JobsPage_4.jpg")
}

.page-block--video {
    z-index: -10;
    width: 100%;
    display: block;
    clear: both
}

@media all and (max-width: 640px) {
    .page-block--video {
        height: 330px;
        background-size: cover
    }
    .page-block--video .type-mega--sans {
        font-size: 2rem
    }
}

.page-block--video video {
    width: 100%
}

@media all and (max-width: 640px) {
    .page-block--video video {
        display: none
    }
}

.page-block--video.hello {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/about-still.jpg")
}

.page-block--video-content {
    color: #FFFFFF;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 110px;
    max-width: 660px;
    width: 80%
}

[class*="svg-icon__"] {
    display: inline-block;
    vertical-align: middle
}

.scissors {
    left: -2px;
    position: absolute;
    top: -9px
}

.scissors:hover {
    cursor: pointer
}

.icon-scissors-1,
.icon-scissors-2,
.icon-scissors-3 {
    width: 24px;
    height: 18px
}

.icon-scissors-1 {
    background-position: -20px -100px
}

.icon-scissors-2 {
    background-position: -20px -120px
}

.icon-scissors-3 {
    background-position: -20px -140px
}

.loader-small {
    background: transparent url(/assets/icons/loading-small-a25feb0222a994468bf211976c47036a664ab4d3280c072d19a21d8d8eae8434.gif) no-repeat;
    display: inline-block;
    height: 17px;
    width: 17px;
    vertical-align: middle
}

.ksr-loader {
    background: transparent url(/assets/icons/ksr-loader-f84198273f0b1bb949afbdfb8183f1219d12964d213c4152ebed2161a6b6d3a9.gif) no-repeat;
    height: 33px;
    width: 100px;
    margin: 20px 0px;
    background-size: cover
}

.ksr-loader--center {
    margin: 20px auto
}

.ksr-loader--small {
    height: 17px;
    width: 54px
}

.icon--at-size {
    font-size: .8em !important
}

.trust-icon {
    width: 50px;
    height: 50px;
    fill: #2BDE73
}

.avatar-circle-small {
    border-radius: 50%;
    position: relative;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.avatar-circle-responsive {
    overflow: hidden;
    border-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position-x: center
}

[class^="ksr-icon__"]:before {
    display: inline-block;
    font-family: "KSRIcons" !important;
    line-height: 1;
    vertical-align: middle;
    zoom: 1
}

.ksr-icon__alert:before {
    content: "\f101"
}

.ksr-icon__arrow-down:before {
    content: "\f102"
}

.ksr-icon__arrow-left:before {
    content: "\f103"
}

.ksr-icon__arrow-right:before {
    content: "\f104"
}

.ksr-icon__arrow-up:before {
    content: "\f105"
}

.ksr-icon__backer-badge:before {
    content: "\f106"
}

.ksr-icon__bar-chart:before {
    content: "\f107"
}

.ksr-icon__calendar:before {
    content: "\f108"
}

.ksr-icon__chat:before {
    content: "\f109"
}

.ksr-icon__check:before {
    content: "\f10a"
}

.ksr-icon__clock:before {
    content: "\f10b"
}

.ksr-icon__close:before {
    content: "\f10c"
}

.ksr-icon__closed-caption:before {
    content: "\f10d"
}

.ksr-icon__compose:before {
    content: "\f10e"
}

.ksr-icon__conversion:before {
    content: "\f10f"
}

.ksr-icon__direct-up:before {
    content: "\f110"
}

.ksr-icon__download:before {
    content: "\f111"
}

.ksr-icon__drop-down:before {
    content: "\f112"
}

.ksr-icon__expand:before {
    content: "\f113"
}

.ksr-icon__facebook:before {
    content: "\f114"
}

.ksr-icon__flag:before {
    content: "\f115"
}

.ksr-icon__globe:before {
    content: "\f116"
}

.ksr-icon__grid:before {
    content: "\f117"
}

.ksr-icon__heart:before {
    content: "\f118"
}

.ksr-icon__help:before {
    content: "\f119"
}

.ksr-icon__image:before {
    content: "\f11a"
}

.ksr-icon__info:before {
    content: "\f11b"
}

.ksr-icon__instagram:before {
    content: "\f11c"
}

.ksr-icon__kickstarter:before {
    content: "\f11d"
}

.ksr-icon__link:before {
    content: "\f11e"
}

.ksr-icon__location:before {
    content: "\f11f"
}

.ksr-icon__lock:before {
    content: "\f120"
}

.ksr-icon__mail:before {
    content: "\f121"
}

.ksr-icon__menu:before {
    content: "\f122"
}

.ksr-icon__move:before {
    content: "\f123"
}

.ksr-icon__music:before {
    content: "\f124"
}

.ksr-icon__pause:before {
    content: "\f125"
}

.ksr-icon__pin:before {
    content: "\f126"
}

.ksr-icon__pinterest:before {
    content: "\f127"
}

.ksr-icon__play:before {
    content: "\f128"
}

.ksr-icon__plus-circle:before {
    content: "\f129"
}

.ksr-icon__plus:before {
    content: "\f12a"
}

.ksr-icon__report:before {
    content: "\f12b"
}

.ksr-icon__search:before {
    content: "\f12c"
}

.ksr-icon__share:before {
    content: "\f12d"
}

.ksr-icon__star:before {
    content: "\f12e"
}

.ksr-icon__stop:before {
    content: "\f12f"
}

.ksr-icon__tag:before {
    content: "\f130"
}

.ksr-icon__trash:before {
    content: "\f131"
}

.ksr-icon__tumblr:before {
    content: "\f132"
}

.ksr-icon__twitter:before {
    content: "\f133"
}

.ksr-icon__unlink:before {
    content: "\f134"
}

.ksr-icon__user:before {
    content: "\f135"
}

.ksr-icon__video:before {
    content: "\f136"
}

.ksr-icon__view-all:before {
    content: "\f137"
}

.ksr-icon__vine:before {
    content: "\f138"
}

.ksr-icon__volume-up:before {
    content: "\f139"
}

.ksr-icon__volume:before {
    content: "\f13a"
}

.ksr-icon__write:before {
    content: "\f13b"
}

.ksr-icon__youtube:before {
    content: "\f13c"
}

.svg-icon--sm {
    width: 13px;
    height: 13px
}

.bullets {
    list-style-type: disc;
    padding-left: 20px
}

.bullets li {
    margin-bottom: 20px
}

.sub-list {
    margin-left: 25px;
    margin-top: 20px
}

.counter-bullet__section {
    counter-reset: lettered-bullet
}

.counter-bullet {
    counter-increment: lettered-bullet;
    position: relative;
    padding-left: 25px
}

.counter-bullet:before {
    content: counter(lettered-bullet);
    font-size: 11px;
    font-weight: bold;
    color: #2752ff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    position: absolute;
    top: 0;
    left: 0
}

.counter-bullet--lettered:before {
    content: counter(lettered-bullet, upper-alpha)
}

.section-number {
    font-size: 18px;
    color: #2752ff;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    margin-bottom: 20px
}

@media all and (max-width: 640px) {
    .section-number {
        margin-top: 20px
    }
}

.formatter__longform {
    color: #060F46;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #020621;
    font-weight: 400
}

.formatter__longform h1,
.formatter__longform h2,
.formatter__longform h3,
.formatter__longform h4,
.formatter__longform h5,
.formatter__longform h6,
.formatter__longform p,
.formatter__longform hr {
    margin-bottom: 0px
}

@media (min-width: 640px) {
    .formatter__longform {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.formatter__longform > *:first-child {
    margin: 0px
}

.formatter__longform h1 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 300;
    margin-top: 80px
}

.formatter__longform h2 {
    font-size: 34px;
    line-height: 41px;
    font-weight: 300;
    margin-top: 80px
}

@media (max-width: 640px) {
    .formatter__longform h2 {
        font-size: 32px;
        margin-top: 60px
    }
}

.formatter__longform h3 {
    font-size: 22px;
    line-height: 34px;
    font-weight: 400;
    margin-top: 60px
}

@media (max-width: 640px) {
    .formatter__longform h3 {
        font-size: 20px;
        line-height: 31px
    }
}

.formatter__longform h4 {
    font-size: 17px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 40px
}

.formatter__longform p {
    font-size: 16px;
    line-height: 27px;
    margin-top: 40px
}

.formatter__longform h5 {
    font-size: 14px;
    line-height: 20px;
    color: #3D3D66;
    font-weight: 400;
    margin-top: 20px
}

.formatter__longform hr {
    width: 40px;
    height: 3px;
    background-color: #2BDE73;
    margin: 60px 0px 0px;
    border: none
}

.formatter__longform li {
    margin-top: 20px;
    margin-left: 30px
}

.formatter__longform li h1,
.formatter__longform li h2,
.formatter__longform li h3,
.formatter__longform li h4,
.formatter__longform li h5,
.formatter__longform li h6,
.formatter__longform li p,
.formatter__longform li hr {
    margin: 0px
}

.formatter__longform li:first-child {
    margin-top: 40px
}

.formatter__longform li > *:first-child {
    position: relative
}

.formatter__longform li > *:first-child:before {
    position: absolute;
    display: block;
    content: url(/assets/formatters/bullets/disc-1be7df35971230e8eb8fcd738b0832ec65decbd0e4dda9c837c2c6bf05dd2f7a.svg);
    left: -30px;
    top: -.2em
}

@media (max-width: 640px) {
    .formatter__longform li {
        margin-left: 20px
    }
    .formatter__longform li > *:first-child:before {
        left: -20px
    }
}

.formatter__longform em {
    font-style: italic
}

.formatter__longform strong {
    font-weight: bold
}

.formatter__longform h2 + h3 {
    margin-top: 20px
}

.formatter__longform p + p {
    margin-top: 20px
}

.formatter__longform p + h4 {
    margin-top: 20px
}

.formatter__longform h4 + p {
    margin-top: 0px
}

.formatter__longform h2 + p {
    margin-top: 20px
}

.formatter__longform hr + h1,
.formatter__longform hr + h2,
.formatter__longform hr + h3,
.formatter__longform hr + h4,
.formatter__longform hr + h5,
.formatter__longform hr + h6,
.formatter__longform hr + p {
    margin-top: 60px
}

.formatter__longform h3 + h3 {
    margin-top: 20px
}

.formatter__longform h3 + p {
    margin-top: 20px
}

@media (min-width: 640px) {
    .desktop-no-wrap {
        white-space: nowrap
    }
}

.map-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.media {
    margin: 10px
}

.media .media-image {
    margin-right: 10px
}

.media .media-image img {
    display: block
}

.media,
.media-body {
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}

@media screen and (min-width: 640px) {
    .formatted-text__title {
        padding-top: 80px
    }
}

@media screen and (max-width: 640px) {
    .formatted-text__title {
        padding-top: 40px
    }
}

@media screen and (min-width: 640px) {
    .formatted-text__body {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .formatted-text__body {
        padding-bottom: 40px
    }
}

.formatted-text__body p {
    font-family: "Tiempos", Georgia, serif;
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 1.6em
}

.formatted-text__editor-body ul {
    list-style-type: disc;
    margin-bottom: 20px;
    padding-left: 20px
}

.notification-indicator.notification-indicator--active:after {
    background: #2BDE73;
    border-radius: 50%;
    vertical-align: middle;
    height: 10px;
    width: 10px;
    display: inline-block;
    content: ""
}

.jGrowl {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003
}

.jGrowl.sticky {
    background: rgba(255, 255, 255, 0.75)
}

.jGrowl.sticky div.jGrowl-notification.ui-state-highlight {
    -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.15);
    display: none
}

.jGrowl.sticky div.jGrowl-notification.ui-state-highlight div.jGrowl-close {
    opacity: 0
}

.jGrowl.sticky div.jGrowl-notification.ui-state-highlight:hover div.jGrowl-close {
    opacity: 1
}

.jGrowl-notification.ui-state-highlight {
    -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.3);
    background: #FFFFFF;
    border-top: 7px solid #3D3D66;
    border-radius: 6px;
    color: #3D3D66;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    min-height: 20px;
    padding: 25px 30px 30px;
    position: relative;
    text-align: center;
    width: 280px
}

.jGrowl-notification.ui-state-highlight div.jGrowl-message p:last-child {
    margin-bottom: 0
}

.jGrowl-notification.ui-state-highlight .jGrowl-close-x:hover {
    background-color: #5a5a96
}

.jGrowl-notification.ui-state-highlight.error {
    border-color: #fd003b;
    color: #fd003b
}

.jGrowl-notification.ui-state-highlight.error .jGrowl-close-x:hover {
    background-color: #fd003b
}

.jGrowl-notification.ui-state-highlight.success {
    border-color: #2BDE73;
    color: #2BDE73
}

.jGrowl-notification.ui-state-highlight.success .jGrowl-close-x:hover {
    background-color: #2BDE73
}

.jGrowl-notification.ui-state-highlight:hover .jGrowl-close {
    opacity: 1
}

.jGrowl-notification.ui-state-highlight .jGrowl-close {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    height: 34px;
    left: -10px;
    opacity: 0;
    position: absolute;
    top: -13px
}

.jGrowl-notification.ui-state-highlight .jGrowl-close-x {
    background: #3D3D66;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    zoom: 1
}

.notification-container.is-hidden {
    opacity: 0;
    max-height: 0
}

.notification-banner {
    font-size: 14px;
    padding: 20px 30px;
    position: relative;
    background-color: #fcdda3;
    border-bottom: solid 1px #F1EEEA;
    max-height: 300px;
    text-align: center;
    -webkit-transition: max-height .3s, opacity .3s;
    transition: max-height .3s, opacity .3s
}

@media (max-width: 640px) {
    .notification-banner {
        padding: 10px
    }
}

.notification-banner .btn {
    margin-left: 5px
}

.notification-banner .close {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 0.7em;
    color: #020621;
    padding: 4px
}

@media (max-width: 640px) {
    .notification-banner .close {
        right: 0;
        top: 20px
    }
}

.notification-banner .spinner {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.notification-banner.ghosting {
    text-align: center
}

.launch-banner {
    z-index: 1001;
    position: relative;
    text-align: center;
    margin: auto;
    display: table
}

.launch-banner.banner-hidden {
    opacity: 0;
    display: none
}

.tout-banner {
    max-height: 300px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    position: relative
}

.tout-banner.banner-hidden {
    opacity: 0;
    display: none
}

.tout-banner--blue {
    background-color: #F8F9FD
}

.tout-banner__message {
    padding: 10px 20px
}

@media screen and (min-width: 640px) {
    .tout-banner__message {
        padding: 10px 40px
    }
}

.tout-banner__content {
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tout-banner--fixed {
    position: fixed;
    width: 100%;
    z-index: 101
}

.btn {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-width: 2px;
    border-color: transparent;
    border-style: solid;
    border-radius: 6px;
    cursor: pointer;
    color: inherit;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
    -webkit-appearance: none
}

.btn[class*="btn--"] {
    font-weight: bold
}

.is-loading .btn-text {
    display: none
}

.btn--chameleon {
    background-color: currentColor
}

.btn--chameleon .btn--chameleon__text {
    color: #FFFFFF
}

.btn--green,
.btn--like.btn--liked {
    background-color: #2BDE73;
    color: #FFFFFF
}

.btn--green:hover,
.btn--like.btn--liked:hover,
.btn--green:focus,
.btn--like.btn--liked:focus {
    background-color: #1db95c;
    color: #FFFFFF
}

.btn--green.is-loading,
.is-loading.btn--like.btn--liked {
    background-color: #d7f9e5
}

.btn--blue {
    background-color: #2752ff;
    color: #FFFFFF
}

.btn--blue:hover,
.btn--blue:focus {
    background-color: #0030f3;
    color: #FFFFFF
}

.btn--red {
    background-color: #fd003b;
    color: #FFFFFF
}

.btn--red:hover,
.btn--red:focus {
    background-color: #e40035;
    color: #FFFFFF
}

.btn--gray {
    background-color: #3D3D66;
    color: #FFFFFF
}

.btn--gray:hover,
.btn--gray:focus {
    background-color: #5a5a96;
    color: #FFFFFF
}

.btn--lighter-gray {
    padding: 20px 10px;
    background: white;
    color: #3D3D66;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    border-color: #E6E4E2
}

.btn--lighter-gray:hover {
    background-color: #FFFFFF;
    border-color: #020621;
    color: inherit
}

.btn--lighter-gray .bold {
    color: #020621;
    font-weight: bold
}

.btn--light-gray {
    background-color: #F7F5F2;
    color: #020621;
    font-weight: bold
}

.btn--light-gray:hover,
.btn--light-gray:focus {
    background-color: #F1EEEA;
    color: #020621
}

.btn--dark-green {
    color: #FFFFFF;
    background-color: #020621
}

.btn--dark-green:hover,
.btn--dark-green:focus {
    color: #FFFFFF;
    background-color: #2BDE73
}

.btn--light-blue {
    background-color: #F8F9FD;
    color: #2752ff
}

.btn--light-blue:hover,
.btn--light-blue:focus {
    background-color: #2752ff;
    color: #FFFFFF
}

.btn--light-gray {
    background-color: #F7F5F2;
    color: #020621
}

.btn--light-gray:hover,
.btn--light-gray:focus {
    background-color: #F1EEEA;
    color: #020621
}

.btn--white {
    background-color: #FFFFFF;
    color: #3D3D66
}

.btn--white:hover,
.btn--white:focus {
    color: #2BDE73
}

.btn--transparent-black {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF
}

.btn--transparent-black:hover,
.btn--transparent-black:focus {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff
}

.btn--disabled,
.btn--disabled:hover,
.btn--disabled:focus {
    background-color: #E6E4E2;
    color: #80809E;
    cursor: default
}

[class*="btn--border"] {
    background-color: transparent;
    border-style: solid;
    border-width: 2px
}

[class*="btn--border"]:hover,
[class*="btn--border"]:focus {
    background-color: transparent
}

[class*="btn--border"].btn--with-icon {
    padding: 10px 20px 8px
}

.btn--border-gray {
    border-color: #3D3D66;
    color: #3D3D66
}

.btn--border-gray:hover,
.btn--border-gray:focus {
    border-color: #171726;
    color: #171726 !important
}

.btn--border-green {
    border-color: #2BDE73;
    color: #2BDE73
}

.btn--border-green:hover,
.btn--border-green:focus {
    color: #020621;
    border-color: #020621
}

.btn--border-white {
    border-color: #FFFFFF;
    color: #FFFFFF
}

.btn--border-white:hover,
.btn--border-white:focus {
    color: #F7F5F2;
    border-color: #F7F5F2
}

.btn--border-dark-green {
    border-color: #020621;
    color: #020621
}

.btn--border-dark-green:hover,
.btn--border-dark-green:focus {
    color: black;
    border-color: black
}

.btn--border-blue {
    border-color: #2752ff;
    color: #2752ff
}

.btn--border-blue:hover,
.btn--border-blue:focus {
    color: #0030f3;
    border-color: #0030f3
}

.btn--border-red {
    border-color: #fd003b;
    color: #fd003b
}

.btn--border-red:hover,
.btn--border-red:focus {
    color: #ca002f;
    border-color: #ca002f
}

.btn--border-gray-thin {
    border: 1px solid #E6E4E2;
    color: #868686;
    padding: 20px 10px;
    font-weight: 400px
}

.btn--border-gray-thin:hover {
    border: 1px solid #3D3D66;
    color: #000000
}

.btn--border-gray-thin .bold {
    color: #000000;
    font-weight: bold
}

.btn--with-icon {
    padding: 12px 20px 10px
}

.btn--with-icon [class^="ksr-icon__"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: .8
}

.btn--with-svg [class^="svg-icon__"] {
    fill: currentColor;
    width: 12px;
    height: 12px;
    vertical-align: -1px
}

.btn--with-svg.btn--mega [class^="svg-icon__"] {
    width: 16px;
    height: 16px
}

.btn--with-svg.btn--large [class^="svg-icon__"] {
    width: 14px;
    height: 14px
}

.btn--with-svg.btn--small [class^="svg-icon__"] {
    width: 10px;
    height: 10px
}

.btn--facebook {
    background-color: #3b5998;
    color: #FFFFFF
}

.btn--facebook:hover,
.btn--facebook:focus {
    background-color: #30487b;
    color: #FFFFFF
}

.btn--twitter {
    background-color: #00aced;
    color: #FFFFFF
}

.btn--twitter:hover,
.btn--twitter:focus {
    background-color: #009dd9;
    color: #FFFFFF
}

.btn--tumblr {
    background-color: #38475B;
    color: #FFFFFF
}

.btn--tumblr:hover,
.btn--tumblr:focus {
    background-color: #303d4e;
    color: #FFFFFF
}

.btn--pinterest {
    background-color: #bd081c;
    color: #FFFFFF
}

.btn--pinterest:hover,
.btn--pinterest:focus {
    background-color: #a90719;
    color: #FFFFFF
}

.btn--like:not(.btn--liked),
.btn--like-text:not(.btn--liked) {
    color: #3D3D66
}

.btn--like:not(.btn--liked) .ksr-icon__heart,
.btn--like-text:not(.btn--liked) .ksr-icon__heart {
    font-size: 12px
}

.btn--like:not(.btn--liked):hover,
.btn--like:not(.btn--liked):focus,
.btn--like-text:not(.btn--liked):hover,
.btn--like-text:not(.btn--liked):focus {
    color: #020621
}

.btn--like:not(.btn--liked):hover .ksr-icon__heart,
.btn--like:not(.btn--liked):focus .ksr-icon__heart,
.btn--like-text:not(.btn--liked):hover .ksr-icon__heart,
.btn--like-text:not(.btn--liked):focus .ksr-icon__heart {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    color: #fd003b
}

.btn--like .ksr-icon__heart,
.btn--like-text .ksr-icon__heart {
    font-size: 12px
}

.btn--like {
    background-color: #F7F5F2;
    font-weight: bold
}

.btn--like-text {
    background: transparent
}

.btn--like-text.btn--liked {
    color: #2BDE73
}

.btn--like-text.btn--liked:hover,
.btn--like-text.btn--liked:focus {
    color: #1db95c
}

.btn--round {
    width: 40px;
    height: 40px;
    line-height: 1.8;
    padding: 10px 0;
    font-size: 11px;
    border-radius: 50%
}

.btn--round [class*="ksr-icon"] {
    font-size: 14px;
    line-height: 1.4
}

.btn--small {
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 10px 10px 8px
}

.btn--small.btn--border-green,
.btn--small.btn--border-gray,
.btn--small.btn--border-white,
.btn--small.btn--border-dark-green {
    padding: 7px 10px;
    border-width: 1px
}

.btn--large {
    font-size: 16px;
    padding: 18px 30px
}

.btn--large.btn--border-green,
.btn--large.btn--border-gray,
.btn--large.btn--border-white,
.btn--large.btn--border-dark-green {
    padding: 15px 30px
}

.btn--mega {
    font-size: 1.375rem;
    padding: 21px 35px
}

.btn--mega.btn--border-green,
.btn--mega.btn--border-gray,
.btn--mega.btn--border-white {
    padding: 19px 35px
}

.btn--block {
    display: block;
    width: 100%
}

.btn--mini {
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.6;
    padding: 0px 5px;
    height: 23px
}

.btn--outline--light {
    background-color: transparent !important;
    border: 2px solid #020621;
    color: #020621 !important;
    opacity: 1
}

.btn--outline--light:hover {
    opacity: .7
}

@media all and (max-width: 640px) {
    .btn--outline--light {
        border-width: 1px
    }
}

.btn--outline--dark {
    background-color: transparent !important;
    border: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    opacity: 1
}

.btn--outline--dark:hover {
    opacity: .7
}

@media all and (max-width: 640px) {
    .btn--outline--dark {
        border-width: 1px
    }
}

.btn--apple-pay {
    background-color: #000;
    min-width: 140px;
    text-indent: -9999px;
    background-size: 45px;
    background-image: url(/assets/credit_cards/ap-segment-dafe189e5cc3f24b291bbf4829c195072617a26576375b6fb6f6ac607d28e190.png);
    background-position: center;
    background-repeat: no-repeat
}

.btn--text {
    padding: 0;
    border: none;
    background-color: transparent;
    fill: #2752ff
}

.btn--text:hover {
    fill: #060F46
}

.btn--text-blue {
    color: #2752ff
}

.btn--text-blue:hover,
.btn--text-blue:focus {
    color: #0030f3
}

.confirm-cancel-action {
    float: right
}

.payment-method-display {
    border-radius: 4px;
    border: 1px solid #F1EEEA;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.payment-method-display__ending-numbers {
    font-weight: bold
}

.payment-method-display__type {
    margin-right: 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 52px;
    height: 32px;
    background: url(/assets/icons/ksr-credit-cards-95c36a91e4d80cbb64e793b9394fc5fa9e6e2216ea73cf26082081bb4e478388.png) no-repeat;
    background-size: 100%;
    border: 1px solid transparent
}

.payment-method-display__update-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 10px
}

@media (min-width: 860px) {
    .payment-method-display__update-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-left: auto;
        margin-top: 0
    }
}

.payment-method-display__type--default-card {
    border-radius: 4px;
    border: 1px solid #F1EEEA;
    background-position: 0 0
}

.payment-method-display__type--visa {
    border-radius: 4px;
    border: 1px solid #F1EEEA;
    background-position: 0 -31px
}

.payment-method-display__type--mastercard {
    background-position: 0 -63px
}

.payment-method-display__type--amex {
    background-position: 0 -96px
}

.payment-method-display__type--discover {
    border-radius: 4px;
    border: 1px solid #F1EEEA;
    background-position: 0 -127px
}

.payment-method-display__type--sepa {
    border-radius: 4px;
    border: 1px solid #F1EEEA;
    background-position: 0 -159px
}

.icon__expand-contract {
    position: relative
}

.icon__expand-contract:before,
.icon__expand-contract:after {
    content: "";
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    background-color: #000000;
    width: 2px;
    height: 7px
}

.flag-callout {
    background-color: #2BDE73;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 0.625rem;
    font-weight: bold;
    padding: 1px 4px 2px;
    text-transform: uppercase
}

.append-button-right {
    overflow: hidden
}

.append-button-right__input {
    border-right: none !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    width: 100%
}

.appended-button-right {
    float: right;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.new-form input {
    border-radius: 6px;
    border: 1px solid #F1EEEA;
    cursor: default;
    padding: 10px 40px 10px 10px;
    position: relative;
    height: 40px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    font-weight: bold
}

.new-form .new-form__input--numbers {
    letter-spacing: 1px
}

.new-form input:focus,
.new-form select:focus,
.new-form div:focus {
    -webkit-transition: all 0.2s ease-in-out false;
    transition: all 0.2s ease-in-out false;
    border-color: #2752ff;
    background-color: #FFFFFF;
    outline: 0
}

.new-form label {
    margin-bottom: 5px;
    color: #3D3D66
}

.new-form .form-group {
    margin-bottom: 10px
}

.new-form .form-group:last-of-type {
    margin-bottom: 20px
}

.new-form .ksr-select {
    width: 100%;
    background: #fff
}

.new-form .ksr-select .ksr-icon__dropdown-arrow-down {
    color: #3D3D66
}

.new-form [class*="btn--"]:focus:focus {
    outline: 0;
    -webkit-box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #2752ff;
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #2752ff
}

.transition-all-bezier,
.pledge__checkout,
.interactive-title,
.interactive-title__group,
.content-carousel,
.two-up-promos__promo .background,
.mobile-devices__tablet_screenshots,
.mobile-devices__phone_screenshots {
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

@-webkit-keyframes fade-30-to-100-opacity {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.fade-30-to-100-opacity-3s {
    -webkit-animation: fade-30-to-100-opacity 3s infinite;
    animation: fade-30-to-100-opacity 3s infinite
}

.fade-30-to-100-opacity-5s {
    -webkit-animation: fade-30-to-100-opacity 5s infinite;
    animation: fade-30-to-100-opacity 5s infinite
}

.fade-30-to-100-opacity-6s {
    -webkit-animation: fade-30-to-100-opacity 6s infinite;
    animation: fade-30-to-100-opacity 6s infinite
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-down {
    -moz-animation-name: fade-down;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-down;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-down;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-up {
    -moz-animation-name: fade-up;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-up;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-up;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

.notification-banner,
.tout-banner__content,
.user-options,
.livesearch-header,
.mega-footer__bottom,
.media-block__footer,
.pledge-display .pledge__summary,
.pledge__checkout-subtotal,
.pledge__extra-info,
.pledge__checkout .pledge__checkout-form,
.pledge-update-summary,
.project-card-wide,
.ksr-modal--action__footer,
.underlined-list__link {
    *zoom: 1
}

.notification-banner:before,
.tout-banner__content:before,
.user-options:before,
.livesearch-header:before,
.mega-footer__bottom:before,
.media-block__footer:before,
.pledge-display .pledge__summary:before,
.pledge__checkout-subtotal:before,
.pledge__extra-info:before,
.pledge__checkout .pledge__checkout-form:before,
.pledge-update-summary:before,
.project-card-wide:before,
.ksr-modal--action__footer:before,
.underlined-list__link:before,
.notification-banner:after,
.tout-banner__content:after,
.user-options:after,
.livesearch-header:after,
.mega-footer__bottom:after,
.media-block__footer:after,
.pledge-display .pledge__summary:after,
.pledge__checkout-subtotal:after,
.pledge__extra-info:after,
.pledge__checkout .pledge__checkout-form:after,
.pledge-update-summary:after,
.project-card-wide:after,
.ksr-modal--action__footer:after,
.underlined-list__link:after {
    content: " ";
    display: table
}

.notification-banner:after,
.tout-banner__content:after,
.user-options:after,
.livesearch-header:after,
.mega-footer__bottom:after,
.media-block__footer:after,
.pledge-display .pledge__summary:after,
.pledge__checkout-subtotal:after,
.pledge__extra-info:after,
.pledge__checkout .pledge__checkout-form:after,
.pledge-update-summary:after,
.project-card-wide:after,
.ksr-modal--action__footer:after,
.underlined-list__link:after {
    clear: both
}

.media .media-image,
.primary-menu,
.user-menu .dropdown-column,
.livesearch-list .livesearch-result {
    float: left
}

.user-menu-tab,
.user-dropdown,
.user-menu,
.livesearch-container .svg-icon__close {
    float: right
}

.btn,
.user-menu-tab .tab-expand,
.pledge-update-summary .pledge__detail,
.project-card.project-card-tall,
.project-card.project-card-tall-big,
.project-card.project-card-tall .project-card-footer,
.project-card.project-card-tall-big .project-card-footer,
.project-card--spotlight,
.project-card--spotlight .project-card-content,
.project-card-wide .project-card-content,
.content-carousel__content,
.sff2016 *,
.styleguide *,
.color-swatch {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scissors {
    background-image: url(/assets/icons/icon-sprite-d4911c05eeb128e2f158fc95cd7f098060c97c49ba35496171dc88e3392e72b3.png) !important;
    background-image: url(/assets/icons/icon-sprite-9be017482c85b682b73fba5cff74a95f80e4549c2d42ed94fa673bead8e1defc.gif);
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden
}

.scissors span {
    display: none
}

.logout-link,
.user-menu-footer a,
.logout-link:link,
.user-menu-footer a:link,
.logout-link:visited,
.user-menu-footer a:visited,
.logout-link:active,
.user-menu-footer a:active {
    color: #2752ff
}

.logout-link:hover,
.user-menu-footer a:hover,
.logout-link:link:hover,
.user-menu-footer a:link:hover,
.logout-link:visited:hover,
.user-menu-footer a:visited:hover,
.logout-link:active:hover,
.user-menu-footer a:active:hover {
    color: #3D3D66
}

.project-card.project-card-tall .project-card-footer a,
.project-card.project-card-tall-big .project-card-footer a,
.project-card.project-card-tall .project-card-footer a:link,
.project-card.project-card-tall-big .project-card-footer a:link,
.project-card.project-card-tall .project-card-footer a:visited,
.project-card.project-card-tall-big .project-card-footer a:visited,
.project-card.project-card-tall .project-card-footer a:active,
.project-card.project-card-tall-big .project-card-footer a:active {
    color: #3D3D66
}

.project-card.project-card-tall .project-card-footer a:hover,
.project-card.project-card-tall-big .project-card-footer a:hover,
.project-card.project-card-tall .project-card-footer a:link:hover,
.project-card.project-card-tall-big .project-card-footer a:link:hover,
.project-card.project-card-tall .project-card-footer a:visited:hover,
.project-card.project-card-tall-big .project-card-footer a:visited:hover,
.project-card.project-card-tall .project-card-footer a:active:hover,
.project-card.project-card-tall-big .project-card-footer a:active:hover {
    color: #020621
}

.mega-footer__link,
.mega-footer__link:link,
.mega-footer__link:visited,
.mega-footer__link:active {
    color: #F1EEEA
}

.mega-footer__link:hover,
.mega-footer__link:link:hover,
.mega-footer__link:visited:hover,
.mega-footer__link:active:hover {
    color: #FFFFFF
}

.user-menu .dropdown-menu .project-title,
.pledge__checkout .pledge__checkout-form .ksr-select .title,
.project-card.project-card-tall .project-byline,
.project-card.project-card-tall-big .project-byline,
.project-card.project-card-tall .project-location,
.project-card.project-card-tall-big .project-location,
.project-context .project-context__title {
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.full-viewport-hero__content {
    display: table-cell;
    vertical-align: middle
}

.pledge__hover {
    text-align: center
}

.pledge__hover:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.pledge__hover .pledge__hover-content {
    display: inline-block;
    vertical-align: middle
}

.site-logo {
    display: inline-block;
    padding: 20px 40px;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 19px
}

@media (min-width: 641px) {
    .site-logo {
        float: left
    }
}

@media (max-width: 640px) {
    .site-logo {
        border-bottom: solid 1px #F1EEEA;
        display: block;
        text-align: center
    }
}

.ksr-logo {
    background: url(/assets/logo/ksr-logo-sprite-005cc4a6ae198f0690a8998d3605f7f5bba743745dc0be09f7165961b2a0439a.svg) no-repeat;
    background-size: 159px;
    display: inline-block;
    height: 19px;
    text-indent: -9999px;
    width: 159px
}

.footer-logo {
    background-size: 175px 17px;
    background: url(/assets/logo/ksr-pbc-logo-5855ba7587ad442e2f44100c5c2bc2da5ac3857ef8f8aef59be74f7ccc295e16.svg) no-repeat;
    width: 175px;
    height: 17px
}

.primary-menu {
    margin-left: 10px
}

@media (max-width: 640px) {
    html[lang="fr"] .primary-menu-link a,
    html[lang="fr"] .logged-out-link a {
        font-size: 12px
    }
}

.user-menu-tab {
    border-left: solid 1px #F1EEEA;
    position: relative
}

.user-menu-tab .tab-expand {
    color: #2752ff;
    background-color: #FFFFFF;
    display: block;
    height: 60px;
    padding: 18px;
    outline: 0;
    z-index: 1001
}

.user-menu-tab .tab-expand:hover {
    background-color: #F7F5F2
}

.user-menu-tab .no-avatar-label {
    line-height: 1;
    vertical-align: middle
}

.user-menu-tab .svg-icon__drop-down {
    fill: #80809E;
    width: 10px;
    height: 10px
}

.user-menu-tab.user-menu-tab-simple {
    font-size: 14px;
    padding: 18px
}

.user-menu-tab.selected .tab-expand:hover {
    background-color: #FFFFFF
}

.user-menu-tab.selected .user-dropdown {
    display: block
}

.user-menu-tab.selected .tab-expand::after {
    content: "";
    position: absolute;
    z-index: 1001;
    top: 60px;
    right: 0;
    left: 0;
    border-bottom: 1px solid white
}

.user-menu-tab.selected .svg-icon__drop-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.user-dropdown {
    background-color: #FFFFFF;
    border-color: #F1EEEA;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    display: none;
    position: absolute;
    right: 0;
    -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.05);
    z-index: 1000
}

.user-dropdown.selected {
    display: block
}

@media (min-width: 641px) {
    .column-span-2 .user-dropdown {
        width: 520px
    }
    .column-span-3 .user-dropdown {
        width: 820px
    }
    .column-span-3 .user-dropdown .menu-me-backed {
        margin-right: 60px
    }
}

.user-menu .dropdown-column {
    width: 210px
}

.user-menu .menu-me-backed,
.user-menu .menu-me-account {
    margin-right: 10px
}

@media (max-width: 640px) {
    .user-menu .menu-me-backed,
    .user-menu .menu-me-created {
        display: none
    }
}

.user-menu .dropdown-menu,
.user-menu .dropdown-menu-header {
    line-height: 2.2
}

.user-menu .dropdown-menu-header {
    font-size: 14px;
    margin: 0 0 10px 0;
    font-weight: bold
}

.user-menu .dropdown-menu {
    font-size: 14px;
    margin-bottom: 20px
}

.user-menu .dropdown-menu .project-title {
    margin-bottom: 5px
}

.user-menu .dropdown-menu .project-thumb {
    vertical-align: middle;
    margin-right: 5px
}

.user-menu .dropdown-menu .view-all {
    margin: 20px 0
}

.user-options,
.user-menu-footer {
    padding: 30px
}

.user-menu-footer {
    background-color: #F7F7F9;
    color: #3D3D66;
    font-size: 12px
}

.livesearch-wrap {
    background-color: #F7F7F9;
    border-bottom: solid 1px #F1EEEA;
    margin-top: -1px;
    padding: 40px 0
}

.livesearch-container {
    margin: 0 auto;
    position: relative;
    width: 960px
}

.livesearch-container .svg-icon__close {
    height: 10px;
    width: 10px;
    fill: #3D3D66
}

.livesearch-container .svg-icon__close:hover {
    fill: #020621
}

.livesearch-container .close {
    cursor: pointer
}

.livesearch-container .arrow {
    position: absolute;
    top: 240px;
    cursor: pointer;
    fill: #3D3D66
}

.livesearch-container .prev {
    left: -40px
}

.livesearch-container .next {
    right: -40px
}

.livesearch-container .svg-icon__arrow-left,
.livesearch-container .svg-icon__arrow-right {
    fill: #3D3D66;
    height: 15px;
    width: 15px
}

.livesearch-container .svg-icon__arrow-left.disabled,
.livesearch-container .svg-icon__arrow-right.disabled {
    display: none
}

.livesearch-header {
    margin-bottom: 20px;
    margin-left: 10px
}

.livesearch-results {
    overflow: hidden
}

.livesearch-list {
    overflow: hidden;
    width: 100000px;
    margin: 0
}

.livesearch-list .livesearch-result {
    margin-left: 10px;
    margin-right: 10px;
    width: 220px
}

.mega-footer {
    background-color: #020621;
    border-top: dashed 1px #2BDE73;
    color: #80809E;
    font-size: 14px
}

.mega-footer.gone {
    background: url(/assets/layouts/footer/transparency-6bee24d445256f28e2b1ce3dbec98393b4e614a03dd148d08093bac31cc74e35.gif) repeat top;
    overflow: hidden
}

.mega-footer .ksr-select .svg-icon__arrow-down {
    fill: #3D3D66;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 14px;
    right: 10px
}

.mega-footer__content {
    font-size: 14px;
    line-height: 1.5;
    padding: 0 20px;
    position: relative
}

.mega-footer__links {
    padding-bottom: 30px;
    padding-top: 40px
}

@media (max-width: 640px) {
    .mega-footer__links-list {
        margin-bottom: 10px
    }
}

.mega-footer__link [class*="svg-icon__"] {
    height: 14px;
    width: 14px;
    fill: #FFFFFF;
    margin-right: 5px
}

.mega-footer__header {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1em
}

.mega-footer__header .mega-footer__header-link:link,
.mega-footer__header .mega-footer__header-link:visited,
.mega-footer__header .mega-footer__header-link:active,
.mega-footer__header .mega-footer__header-link:hover {
    color: #FFFFFF
}

.mega-footer__bottom {
    border-top: solid 1px #3D3D66;
    padding: 40px 0
}

.mega-footer__social {
    margin-right: 30px
}

.mega-footer__social-item {
    display: inline-block;
    padding: 10px 2px
}

.mega-footer__social-item:hover {
    opacity: 0.8
}

.mini-footer {
    border-top: solid 1px #F1EEEA;
    color: #3D3D66;
    font-size: 12px;
    padding: 20px 0
}

.mini-footer__links-item {
    display: inline-block;
    margin-right: 10px;
    margin-left: 0;
    padding-bottom: 5px
}

.mini-footer--sticky {
    bottom: 0;
    background: #FFFFFF;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    width: 100%
}

.mega-footer__newsletter-signup {
    background-color: #020621;
    display: none;
    height: 100%;
    padding: 40px 0;
    text-align: center
}

.newsletter-signup__confirmation {
    font-weight: bold
}

.newsletter-signup__confirmation .ksr-icon__check {
    color: #2BDE73;
    font-size: 10px
}

.newsletter-signup__meta {
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px
}

#font-detect-swf {
    position: absolute;
    height: 0
}

.skip-to-content__link {
    position: absolute;
    clip: rect(0 0 0 0)
}

.skip-to-content__link:focus,
.skip-to-content__link:active {
    position: relative
}

.full-viewport-hero {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.full-viewport-hero__content {
    text-align: center;
    position: relative
}

.full-viewport-hero__content .title {
    font-weight: 200;
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 30px
}

@media screen and (min-width: 640px) {
    .full-viewport-hero__content .title {
        font-size: 6em;
        margin-bottom: 40px
    }
}

.full-viewport-hero__content .subtitle {
    font-family: "Tiempos", Georgia, serif;
    font-weight: normal;
    margin-bottom: 20px
}

@media screen and (min-width: 640px) {
    .full-viewport-hero__content .subtitle {
        font-size: 32px
    }
}

.full-viewport-hero__content .supporting-copy {
    margin-bottom: 40px
}

.full-viewport-hero__background {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.full-viewport-hero__background .background-tile-half {
    position: absolute;
    width: 100%;
    height: 50%
}

.full-viewport-hero__background .background-tile-half:first-child {
    top: 0px;
    left: 0px
}

.full-viewport-hero__background .background-tile-half:last-child {
    bottom: 0px;
    left: 0px
}

.full-viewport-hero__background .background-tile-quarter {
    position: absolute;
    width: 50%;
    height: 50%
}

@media screen and (max-width: 640px) {
    .full-viewport-hero__background .background-tile-quarter {
        width: 75%
    }
}

.full-viewport-hero__background .background-tile-quarter:first-child {
    top: 0px;
    left: 0px
}

.full-viewport-hero__background .background-tile-quarter:first-child svg {
    position: absolute;
    top: -20px;
    left: -20px
}

.full-viewport-hero__background .background-tile-quarter:nth-child(2) {
    top: 0px;
    right: 0px
}

.full-viewport-hero__background .background-tile-quarter:nth-child(2) svg {
    position: absolute;
    top: -20px;
    right: -20px
}

.full-viewport-hero__background .background-tile-quarter:nth-child(3) {
    bottom: 0px;
    left: 0px
}

.full-viewport-hero__background .background-tile-quarter:nth-child(3) svg {
    position: absolute;
    bottom: -20px;
    left: -20px
}

.full-viewport-hero__background .background-tile-quarter:nth-child(4) {
    bottom: 0px;
    right: 0px
}

.full-viewport-hero__background .background-tile-quarter:nth-child(4) svg {
    position: absolute;
    bottom: -20px;
    right: -20px
}

.hero-full {
    background-size: cover;
    z-index: 101;
    padding: 20px 0;
    position: relative
}

@media (min-width: 641px) {
    .hero-full {
        display: table;
        height: 100vh;
        padding: 0;
        width: 100%
    }
}

@media (min-width: 641px) {
    .hero-full__content {
        display: table-cell;
        vertical-align: middle
    }
}

@media (max-width: 640px) {
    .hero-full__content {
        padding: 20px 40px
    }
}

.underline-link {
    display: inline-block;
    position: relative;
    color: inherit
}

.underline-link:after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1.55em;
    width: 100%;
    border-bottom: 1px solid;
    border-color: #2752ff
}

.loader-dots {
    width: 40px;
    display: none
}

.is-loading .loader-dots {
    display: block
}

.loader-dots--white {
    fill: #FFFFFF
}

.loader-dots--black {
    fill: #020621
}

.loader-dots--mega {
    width: 100px
}

.loader-dots--large {
    width: 60px
}

.loader-dots--medium {
    width: 40px
}

.loader-dots--small {
    width: 20px
}

.btn--green .loader-dots,
.btn--like.btn--liked .loader-dots {
    fill: #2BDE73
}

.btn--block .loader-dots {
    margin: 0 auto
}

.btn--disabled .loader-dots {
    fill: #3D3D66
}

.loader-dots--visible {
    display: block
}

.loader-dots--inline {
    display: block;
    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1NiAxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PGNpcmNsZSBjbGFzcz0ibG9hZGVyLWRvdC0xIiBjeD0iOCIgY3k9IjgiIHI9IjgiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgYmVnaW49IjBzIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOyAuMzsgLjM7IC4zOyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY2xhc3M9ImxvYWRlci1kb3QtMiIgY3g9IjI4IiBjeT0iOCIgcj0iOCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYXR0cmlidXRlVHlwZT0iWE1MIiBiZWdpbj0iMC4zM3MiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7IC4zOyAuMzsgLjM7Ij48L2FuaW1hdGU+PC9jaXJjbGU+PGNpcmNsZSBjbGFzcz0ibG9hZGVyLWRvdC0zIiBjeD0iNDgiIGN5PSI4IiByPSI4Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIGJlZ2luPSIwLjY2cyIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTsgLjM7IC4zOyAuMzsiPjwvYW5pbWF0ZT48L2NpcmNsZT48L2c+PC9zdmc+")
}

.loader-dots--overlay {
    position: absolute;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6)
}

.marketing-accordion__header {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    cursor: pointer
}

@media all and (max-width: 640px) {
    .marketing-accordion__header {
        line-height: 24px
    }
}

.marketing-accordion__content {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #2752ff;
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    z-index: 2
}

@media all and (max-width: 640px) {
    .marketing-accordion__content {
        max-height: none
    }
}

.marketing-accordion__content p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 28px
}

.marketing-accordion__icon {
    position: absolute;
    transform: translate(-6px, 0);
    -webkit-transform: translate(-6px, 0);
    top: 47px;
    right: 40px
}

@media all and (max-width: 640px) {
    .marketing-accordion__icon {
        top: 30px;
        right: 30px
    }
}

.icon__expand-contract:before {
    transform: translate(-2px, 0) rotate(45deg);
    -webkit-transform: translate(-2px, 0) rotate(45deg)
}

.icon__expand-contract:after {
    transform: translate(2px, 0) rotate(-45deg);
    -webkit-transform: translate(2px, 0) rotate(-45deg)
}

.marketing-accordion__item {
    position: relative;
    background: #F7F5F2;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 40px 50px 40px 40px
}

@media all and (max-width: 640px) {
    .marketing-accordion__item {
        padding: 20px 60px 20px 20px
    }
}

.marketing-accordion__item input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.marketing-accordion__item input[type=checkbox]:checked ~ .marketing-accordion__content {
    padding: 0;
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 25%);
    -webkit-transform: translate(0, 25%)
}

.marketing-accordion__item input[type=checkbox]:checked ~ .marketing-accordion__icon > .icon__expand-contract:before {
    transform: translate(2px, 0) rotate(45deg);
    -webkit-transform: translate(2px, 0) rotate(45deg)
}

.marketing-accordion__item input[type=checkbox]:checked ~ .marketing-accordion__icon > .icon__expand-contract:after {
    transform: translate(-2px, 0) rotate(-45deg);
    -webkit-transform: translate(-2px, 0) rotate(-45deg)
}

.media-block {
    background-color: #FFFFFF;
    margin-bottom: 20px
}

.media-block--border {
    border-width: 1px;
    border-style: solid;
    border-color: #F1EEEA
}

.media-block--rounded {
    border-radius: 6px
}

.media-block__text {
    padding: 20px
}

.media-block__text--narrow {
    padding: 40px
}

.media-block__title {
    margin-bottom: 10px
}

.media-block__summary {
    color: #3D3D66
}

.media-block__footer {
    border-top: solid 1px #F1EEEA;
    padding: 20px
}

@media screen and (min-width: 640px) {
    .media-block__text--clip {
        display: block;
        min-height: 110px;
        max-height: 110px;
        overflow: hidden;
        position: relative;
        z-index: 3
    }
    .media-block__footer {
        position: relative;
        z-index: 3
    }
}

.edit-notifications__block {
    padding-bottom: 20px
}

.in-page-alert {
    background-color: #F7F5F2;
    border-radius: 6px;
    padding: 10px;
    margin: 20px 0px;
    overflow: hidden
}

@media screen and (min-width: 640px) {
    .in-page-alert {
        margin: 40px 0px
    }
}

.in-page-alert--white {
    background-color: #FFFFFF
}

.in-page-alert__content {
    padding: 10px
}

.in-page-alert__head {
    padding: 10px;
    background-color: #3D3D66;
    color: #FFFFFF;
    margin-top: -10px;
    margin-right: -10px;
    margin-left: -10px;
    font-weight: bold
}

.content--placeholder,
.content--missing {
    padding: 75px 20px;
    color: #3D3D66;
    text-align: center
}

@media screen and (min-width: 640px) {
    .content--placeholder,
    .content--missing {
        padding: 150px 20px
    }
}

.load-more-button {
    text-align: center;
    padding: 50px 0px
}

@media all and (min-width: 640px) {
    .load-more-button {
        padding: 100px 0px
    }
}

.transition-all-bezier,
.pledge__checkout,
.interactive-title,
.interactive-title__group,
.content-carousel,
.two-up-promos__promo .background,
.mobile-devices__tablet_screenshots,
.mobile-devices__phone_screenshots {
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

@-webkit-keyframes fade-30-to-100-opacity {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.fade-30-to-100-opacity-3s {
    -webkit-animation: fade-30-to-100-opacity 3s infinite;
    animation: fade-30-to-100-opacity 3s infinite
}

.fade-30-to-100-opacity-5s {
    -webkit-animation: fade-30-to-100-opacity 5s infinite;
    animation: fade-30-to-100-opacity 5s infinite
}

.fade-30-to-100-opacity-6s {
    -webkit-animation: fade-30-to-100-opacity 6s infinite;
    animation: fade-30-to-100-opacity 6s infinite
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-blue-to-green {
    0% {
        stroke: #2752ff
    }
    50% {
        stroke: #2BDE73
    }
    100% {
        stroke: #2752ff
    }
}

@-webkit-keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-down {
    -moz-animation-name: fade-down;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-down;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-down;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation--fade-up {
    -moz-animation-name: fade-up;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;
    -webkit-animation-name: fade-up;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    animation-name: fade-up;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 0.4s
}

.pledge-selectable,
.pledge-selectable-sidebar,
.pledge-display {
    margin-bottom: 20px;
    font-size: 14px;
    color: #020621;
    display: block;
    background: #F8F9FD;
    border: 1px solid #e0e4fb;
    border-radius: 6px;
    position: relative;
    word-break: break-word
}

@media (min-width: 890px) {
    .pledge-selectable {
        *zoom: 1;
        -webkit-transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -webkit-transition-duration: 100ms;
        transition-duration: 100ms;
        border: 1px solid #e0e4fb
    }
    .pledge-selectable:before,
    .pledge-selectable:after {
        content: " ";
        display: table
    }
    .pledge-selectable:after {
        clear: both
    }
    .pledge-selectable:hover,
    .pledge-selectable.pledge--selected {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    .pledge-selectable.pledge--selected .pledge__checkout,
    .pledge-selectable.pledge--selected .pledge__checkout.pledge__checkout--with-shipping {
        height: 93px
    }
    .pledge-selectable.pledge--no-reward .pledge__info {
        padding-bottom: 20px
    }
}

.pledge-selectable-wrap {
    padding: 0
}

.pledge-selectable-sidebar .pledge__checkout {
    margin-top: 0
}

.pledge-display {
    border: 1px solid #F1EEEA
}

.pledge-display .pledge__summary {
    border-top: 1px solid #F1EEEA;
    padding-top: 10px;
    margin-right: -20px;
    padding-right: 20px;
    margin-left: -20px;
    padding-left: 20px
}

@media (min-width: 890px) {
    .pledge-display .pledge__summary {
        padding-top: 20px
    }
}

.pledge-display .pledge__summary .pledge__detail {
    margin-bottom: 10px
}

@media (min-width: 890px) {
    .pledge-display .pledge__summary .pledge__detail {
        margin-bottom: 0;
        width: 20%
    }
    .pledge-display .pledge__summary .pledge__detail:first-of-type {
        margin-bottom: 0
    }
}

.pledge-display .pledge__summary .pledge__detail-info {
    font-size: 22px
}

.pledge-display .pledge__extra-info {
    margin-bottom: 20px
}

@media (min-width: 890px) {
    .pledge-display .pledge__extra-info {
        margin-bottom: 0
    }
}

.pledge-display .pledge__actions {
    width: 100%;
    border-top: 1px solid #F1EEEA;
    padding-top: 20px;
    margin-top: 10px;
    clear: left;
    margin-right: -20px;
    padding-right: 20px;
    margin-left: -20px;
    padding-left: 20px
}

@media (min-width: 890px) {
    .pledge-display .pledge__actions {
        border-top: none;
        float: right;
        clear: none;
        width: auto;
        padding-top: 10px;
        margin-top: 0
    }
}

.pledge-display .pledge__cancel-btn {
    color: #80809E
}

.pledge-display--no-reward .pledge__summary {
    border-top: 0;
    padding-top: 0
}

.pledge__checkout-summary .pledge__detail-info {
    font-size: 22px
}

.pledge__checkout-subtotal {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #F1EEEA;
    border-bottom: 1px solid #F1EEEA
}

.pledge__checkout-total {
    margin-top: 20px;
    margin-bottom: 0
}

.pledge__checkout-total .pledge__detail-info {
    font-weight: bold
}

.pledge--inactive {
    cursor: default !important
}

.pledge__hover {
    display: none
}

.pledge--available {
    cursor: pointer
}

.pledge--available .pledge__hover {
    background: rgba(43, 222, 115, 0.9)
}

@media (min-width: 640px) {
    .pledge--available .pledge__hover {
        display: block !important
    }
}

.pledge--all-gone {
    cursor: default
}

.pledge--all-gone .pledge__hover {
    background: rgba(128, 128, 158, 0.9)
}

@media (min-width: 640px) {
    .pledge--all-gone .pledge__hover {
        display: block !important
    }
}

.pledge--selected {
    border: 1px solid #586BE9
}

.pledge--selected .pledge__info {
    padding-bottom: 20px;
    border-bottom: 1px dashed #e0e4fb
}

.pledge--selected .pledge__hover {
    display: none
}

.pledge--backed {
    cursor: pointer;
    position: relative;
    border: 1px solid #586BE9
}

.pledge--backed .pledge__hover {
    background: rgba(39, 82, 255, 0.9)
}

@media (min-width: 640px) {
    .pledge--backed .pledge__hover {
        display: block !important
    }
}

.pledge--backed.pledge-selectable-sidebar {
    background: #F8F9FD !important;
    padding-top: 20px
}

.pledge--backed.pledge-selectable-sidebar .pledge__info {
    background: #F8F9FD
}

.pledge--backed.pledge-selectable-sidebar .pledge__checkout {
    display: none
}

.pledge--backed .pledge--backed__label {
    display: inline-block
}

.pledge--backed.pledge-selectable {
    padding-top: 20px
}

.pledge--backed.pledge-selectable .pledge__radio {
    top: 41px
}

.pledge--backed.pledge-selectable.pledge--no-reward .pledge__reward-description {
    margin-bottom: 0
}

.pledge__manage-btn,
.pledge__view-btn {
    display: none
}

.pledge--backed .pledge__manage-btn,
.pledge--backed .pledge__view-btn {
    display: inline-block
}

@media (min-width: 640px) {
    .pledge--backed .pledge__manage-btn,
    .pledge--backed .pledge__view-btn {
        display: none
    }
}

.pledge__currency-conversion {
    color: #586BE9;
    display: none;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-transform: uppercase
}

.convert-currency .pledge__currency-conversion {
    display: block
}

.pledge--backed__label {
    position: absolute;
    top: 0;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    z-index: 2;
    display: none;
    border-radius: 0 0 2px 2px
}

.pledge-selectable-sidebar .pledge--backed__label {
    left: 20px;
    background: #586BE9
}

.pledge-selectable .pledge--backed__label {
    left: 20px;
    background: #2752ff;
    top: -1px
}

@media (min-width: 890px) {
    .pledge-selectable .pledge--backed__label {
        left: 60px
    }
}

.pledge__hover {
    display: none;
    z-index: 2
}

.pledge__hover .pledge__hover-content {
    font-size: 22px;
    color: #FFFFFF
}

.pledge__hover .pledge__hover-content p {
    margin-bottom: 0
}

.pledge__info {
    background: #F8F9FD;
    position: relative;
    z-index: 1;
    margin: 0 20px;
    padding: 20px 0;
    border-radius: 6px
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__info {
        *zoom: 1;
        margin: 0 20px 0 60px;
        padding-left: 0px;
        padding-bottom: 10px
    }
    .pledge-selectable .pledge__info:before,
    .pledge-selectable .pledge__info:after {
        content: " ";
        display: table
    }
    .pledge-selectable .pledge__info:after {
        clear: both
    }
}

@media (min-width: 890px) {
    .pledge__primary-info {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }
}

.pledge__amount {
    color: #586BE9;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px
}

.pledge__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px
}

.pledge__reward-description {
    color: #80809E;
    position: relative;
    margin-bottom: 20px;
    height: auto
}

.pledge__reward-description p:last-of-type {
    margin-bottom: 20px
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__reward-description {
        margin-bottom: 0
    }
}

.pledge__reward-description-toggle {
    color: #586BE9;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0
}

.pledge__reward-description-toggle span {
    position: relative;
    z-index: 10
}

.pledge__reward-description-toggle.more {
    bottom: 0
}

.pledge__reward-description-toggle.more:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-gradient(linear, left top, right top, from(rgba(248, 249, 253, 0)), color-stop(50%, #F8F9FD));
    background: linear-gradient(to right, rgba(248, 249, 253, 0) 0%, #F8F9FD 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7fafa', endColorstr='#f7fafa', GradientType=1);
    content: '';
    position: absolute;
    width: 200px;
    height: 100%;
    right: 0;
    z-index: 1
}

.pledge__reward-description--truncated {
    height: 56px;
    overflow: hidden
}

.pledge__reward-description--truncated p {
    display: inline
}

.pledge__reward-description--truncated .pledge__items {
    margin-top: 10px
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__reward-description--truncated {
        margin-bottom: 20px
    }
}

.pledge__reward-description--expanded p {
    margin-bottom: 10px
}

.pledge__reward-description--expanded .pledge__reward-description-toggle {
    bottom: -10px
}

.pledge__items-label {
    color: #80809E;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-transform: uppercase
}

.pledge__items-list {
    color: #020621;
    font-size: 0.875rem;
    line-height: 1.4;
    list-style: disc outside;
    margin-left: 16px
}

.pledge__backer-stats {
    color: #80809E;
    margin-top: 20px
}

.pledge__limit,
.pledge__backer-count {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4
}

.pledge__limit {
    color: #ff7d5f
}

.pledge__limit--all-gone {
    background-color: #e0e4fb;
    border-radius: 2px;
    color: #020621;
    font-weight: bold;
    padding: 2px 6px
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__extra-info,
    .pledge-display .pledge__extra-info {
        display: inline-block;
        width: calc(50% - 3rem);
        margin-left: 2rem;
        margin-top: 25px;
        vertical-align: top
    }
}

.pledge__detail-label,
.pledge__detail-info {
    display: block
}

.pledge__detail {
    float: left;
    width: 50%;
    color: #020621
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__detail,
    .pledge-display .pledge__detail {
        float: left;
        width: 100%;
        font-size: 14px
    }
    .pledge-selectable .pledge__detail:first-of-type,
    .pledge-display .pledge__detail:first-of-type {
        margin-bottom: 10px
    }
}

.pledge__detail-label {
    color: #80809E;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-transform: uppercase
}

.pledge__detail-info {
    font-size: 0.875rem
}

.pledge__radio {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #E6E4E2;
    position: absolute;
    top: 21px;
    right: 15px;
    margin: 0;
    z-index: 10;
    -webkit-appearance: none
}

.pledge__radio:before {
    font-size: 10px;
    position: relative;
    left: 3px;
    top: 1px;
    font-weight: bold
}

.pledge__radio:focus {
    -webkit-transition: all 0.2s ease-in-out false;
    transition: all 0.2s ease-in-out false;
    border-color: #2752ff;
    background-color: #FFFFFF;
    outline: 0
}

.pledge__radio:focus:before {
    font-family: "KSRIcons";
    content: "";
    color: #2752ff;
    top: 4px
}

.pledge__radio:checked {
    background: #2BDE73;
    border: 2px solid #2BDE73
}

.pledge__radio:checked:before {
    font-family: "KSRIcons";
    content: "";
    color: #FFFFFF;
    left: 2px;
    top: 3px
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__radio {
        top: 21px;
        left: 15px
    }
}

.pledge--no-reward .pledge__reward-description,
.pledge--no-reward .pledge__amount {
    margin-bottom: 0
}

@media (min-width: 890px) {
    .pledge-selectable .pledge--no-reward .pledge__reward-description {
        margin-bottom: 0
    }
    .pledge-selectable .pledge--no-reward .pledge__amount {
        margin-bottom: 0
    }
    .pledge-selectable .pledge--no-reward .pledge__info {
        padding-bottom: 20px
    }
}

.pledge__checkout {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.pledge__checkout input.error {
    border: 2px solid #fd003b
}

.pledge__checkout label {
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-transform: uppercase
}

.pledge--selected .pledge__checkout {
    height: 165px
}

.pledge--selected .pledge__checkout.pledge__checkout--with-shipping {
    height: 240px
}

.pledge__checkout .pledge__checkout-form {
    padding: 24px
}

.pledge__checkout .pledge__checkout-form .ksr-select .title {
    max-width: 230px
}

.pledge__checkout .pledge__checkout-form .ksr-select input.error,
.pledge__checkout .pledge__checkout-form .ksr-select.error {
    border: 2px solid #fd003b
}

.pledge__checkout .pledge__checkout-form input {
    border-color: #e0e4fb
}

.pledge__checkout .pledge__checkout-form input:focus {
    border-color: #586BE9
}

.pledge__checkout .pledge__checkout-form .ksr-select {
    border-color: #e0e4fb
}

.pledge__checkout .pledge__checkout-form .ksr-select.is-focus {
    border-color: #586BE9
}

.pledge-selectable .pledge__checkout .pledge__checkout-submit {
    width: 100%
}

@media (min-width: 890px) {
    .pledge-selectable .pledge__checkout {
        *zoom: 1
    }
    .pledge-selectable .pledge__checkout:before,
    .pledge-selectable .pledge__checkout:after {
        content: " ";
        display: table
    }
    .pledge-selectable .pledge__checkout:after {
        clear: both
    }
    .pledge-selectable .pledge__checkout .pledge__checkout-form label {
        position: relative
    }
    .pledge-selectable .pledge__checkout .pledge__checkout-form {
        padding: 0 20px 0 60px
    }
    .pledge-selectable .pledge__checkout .pledge__checkout-amount {
        float: left;
        width: calc(75% - 40px);
        margin-right: 20px
    }
    .pledge-selectable .pledge__checkout .pledge__checkout-submit {
        float: right;
        width: 25%;
        margin-top: 24px;
        position: relative
    }
    .pledge-selectable .pledge__checkout .form-group:last-of-type {
        margin-bottom: 0
    }
    .pledge-selectable .pledge__checkout.pledge__checkout--with-shipping .pledge__checkout-amount {
        float: left;
        width: calc(25% - 15px);
        margin-right: 15px
    }
    .pledge-selectable .pledge__checkout.pledge__checkout--with-shipping .pledge__checkout-shipping {
        float: left;
        width: calc(50% - 15px);
        margin-right: 15px
    }
}

@media (min-width: 890px) {
    .pledge__checkout--is-visible {
        margin-top: 20px
    }
}

.important-notice {
    border: none;
    border-radius: 6px;
    background: #F8F9FD
}

.important-notice .highlight {
    background: transparent;
    text-transform: none;
    font-size: 14px
}

.important-notice .important__subhead {
    text-transform: none;
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0
}

.pledge-update-summary .pledge__detail {
    width: 100%;
    border-bottom: 1px solid #F1EEEA;
    padding: 10px 15px
}

.pledge-update-summary .pledge__detail:last-of-type {
    border: none
}

@media (min-width: 890px) {
    .pledge-update-summary .pledge__detail {
        padding: 20px
    }
}

.pledge-update-summary .pledge__detail-comparison {
    font-size: 16px
}

@media (min-width: 890px) {
    .pledge-update-summary .pledge__detail-comparison {
        font-size: 22px
    }
}

.pledge-update-summary .pledge__detail-comparison__new {
    color: #2752ff
}

.pledge-update-summary .pledge__detail-comparison__icon {
    width: 10px;
    height: 10px;
    fill: #F1EEEA
}

.pledge-update-summary .pledge__reward-description-wrap {
    position: relative;
    background-color: #F8F9FD;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    margin-top: 10px;
    margin-bottom: 0
}

.pledge-update-summary .pledge__reward-description {
    margin-bottom: 0
}

.pledge-update-summary .pledge__reward-description--truncated {
    max-height: 76px;
    height: auto
}

.pledge-update-summary .pledge__reward-description-toggle {
    font-size: 14px;
    bottom: 10px;
    right: 10px
}

.pledge-update-summary .pledge__reward-description-toggle.more:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(248, 249, 253, 0)), color-stop(50%, #F8F9FD));
    background: linear-gradient(to right, rgba(248, 249, 253, 0) 0%, #F8F9FD 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7fafa', endColorstr='#f7fafa', GradientType=1)
}

.pledge-update-summary .footer {
    margin-top: 0
}

.pledge__detail__sub {
    float: left
}

.pledge__detail__sub--converted-total {
    float: left;
    border-left: 1px solid #F1EEEA;
    margin-left: 60px;
    padding-left: 20px;
    margin-top: -20px;
    padding-top: 20px;
    margin-bottom: -20px;
    padding-bottom: 20px
}

@media (min-width: 641px) {
    .project-card-tall {
        height: 418px
    }
    .project-card-tall .project-profile-feature-image {
        height: 171px
    }
}

.project-card-tall .project-profile-feature-image {
    min-height: 171px;
    position: relative
}

.project-card-tall .project-profile-feature-image a {
    position: absolute;
    top: 0;
    left: 0
}

.project-card-footer [class*="ksr-icon"] {
    font-size: 16px;
    height: 12px;
    width: 12px;
    fill: #3D3D66
}

@media (min-width: 641px) {
    .project-card-tall-big {
        height: 458px
    }
    .project-card-tall-big .project-profile-feature-image {
        height: 235px
    }
}

.project-card-tall-big .project-profile-feature-image {
    min-height: 235px
}

.project-card.project-card-tall,
.project-card.project-card-tall-big {
    background-color: #FFFFFF;
    border: solid 1px #F1EEEA;
    border-radius: 6px;
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative;
    font-size: 12px
}

.project-card.project-card-tall:not(.project-card--spotlight),
.project-card.project-card-tall-big:not(.project-card--spotlight) {
    color: #3D3D66
}

.project-card.project-card-tall .project-thumbnail,
.project-card.project-card-tall-big .project-thumbnail {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    position: relative
}

.project-card.project-card-tall .project-thumbnail-img,
.project-card.project-card-tall-big .project-thumbnail-img {
    display: block
}

.project-card.project-card-tall .project-card-content,
.project-card.project-card-tall .project-card-footer,
.project-card.project-card-tall-big .project-card-content,
.project-card.project-card-tall-big .project-card-footer {
    padding: 10px
}

.project-card.project-card-tall .project-title,
.project-card.project-card-tall-big .project-title {
    font-size: 12px;
    font-weight: bold
}

.project-card.project-card-tall .project-title a,
.project-card.project-card-tall-big .project-title a {
    color: #020621
}

@media (max-width: 640px) {
    body:not(.widget) .project-card.project-card-tall .project-title,
    body:not(.widget) .project-card.project-card-tall-big .project-title {
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px
    }
}

.project-card.project-card-tall .project-byline,
.project-card.project-card-tall-big .project-byline {
    margin-bottom: 10px
}

.project-card.project-card-tall .project-blurb,
.project-card.project-card-tall-big .project-blurb {
    margin-bottom: 0
}

.project-card.project-card-tall .project-location,
.project-card.project-card-tall-big .project-location {
    margin-bottom: 5px
}

@media (max-width: 640px) {
    body:not(.widget) .project-card.project-card-tall .project-blurb,
    body:not(.widget) .project-card.project-card-tall .project-location,
    body:not(.widget) .project-card.project-card-tall .project-byline,
    body:not(.widget) .project-card.project-card-tall-big .project-blurb,
    body:not(.widget) .project-card.project-card-tall-big .project-location,
    body:not(.widget) .project-card.project-card-tall-big .project-byline {
        display: none
    }
}

.project-card.project-card-tall .project-card-footer,
.project-card.project-card-tall-big .project-card-footer {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(26%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 26%);
    border-radius: 0 0 6px 6px;
    bottom: 0;
    width: 100%
}

@media (min-width: 641px) {
    .project-card.project-card-tall .project-card-footer,
    .project-card.project-card-tall-big .project-card-footer {
        position: absolute;
        padding-top: 45px
    }
}

.project-card.project-card-tall .project-progress-bar,
.project-card.project-card-tall-big .project-progress-bar {
    background-color: #F1EEEA;
    overflow: hidden;
    margin-bottom: 10px
}

@media (max-width: 640px) {
    .project-card.project-card-tall .project-progress-bar,
    .project-card.project-card-tall-big .project-progress-bar {
        border-radius: 4px;
        height: 8px
    }
}

@media (min-width: 641px) {
    .project-card.project-card-tall .project-progress-bar,
    .project-card.project-card-tall-big .project-progress-bar {
        border-radius: 3px;
        height: 6px
    }
}

.project-card.project-card-tall .project-progress-bar .project-percent-pledged,
.project-card.project-card-tall-big .project-progress-bar .project-percent-pledged {
    background-color: #2BDE73;
    height: 100%
}

.project-card.project-card-tall .project-stats,
.project-card.project-card-tall-big .project-stats {
    margin-bottom: 0;
    margin-top: 5px
}

.project-card.project-card-tall .project-stats li,
.project-card.project-card-tall-big .project-stats li {
    display: inline-block;
    margin-left: 0
}

.project-card.project-card-tall .project-stats li:first-child,
.project-card.project-card-tall .project-stats li:nth-child(2),
.project-card.project-card-tall-big .project-stats li:first-child,
.project-card.project-card-tall-big .project-stats li:nth-child(2) {
    margin-right: 5px
}

.project-card.project-card-tall .project-stats-value,
.project-card.project-card-tall-big .project-stats-value {
    color: #020621;
    font-weight: bold
}

@media (max-width: 640px) {
    body:not(.widget) .project-card.project-card-tall .project-stats-value,
    body:not(.widget) .project-card.project-card-tall-big .project-stats-value {
        font-size: 16px
    }
}

.project-card.project-card-tall .project-pledged-successful,
.project-card.project-card-tall-big .project-pledged-successful {
    background-color: #2BDE73;
    color: #FFFFFF;
    display: none;
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 3px
}

.project-card.project-card-tall.successful .project-pledged-successful,
.project-card.project-card-tall-big.successful .project-pledged-successful {
    display: block
}

.widget .project-card.project-card-tall .project-profile-feature-image,
.widget .project-card.project-card-tall-big .project-profile-feature-image {
    height: 171px
}

.widget .project-card.project-card-tall .project-card-content,
.widget .project-card.project-card-tall-big .project-card-content {
    height: 236px
}

.widget .project-card.project-card-tall .project-card-footer,
.widget .project-card.project-card-tall-big .project-card-footer {
    position: absolute;
    padding: 45px 10px 10px 10px
}

.widget .project-card.project-card-tall .project-profile-footer,
.widget .project-card.project-card-tall-big .project-profile-footer {
    position: absolute;
    bottom: 0px
}

.friend-backers {
    margin-left: 10px
}

.friend-backers .friend-facepile {
    display: inline-block;
    height: 25px;
    vertical-align: middle
}

.friend-backers .friend-namepile {
    display: inline-block;
    font-size: 12px;
    line-height: 1.3em;
    margin-left: 4px;
    max-width: 60%;
    vertical-align: middle;
    margin-bottom: 0px
}

.project-card--spotlight .project-profile-feature-image {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    text-align: center;
    position: relative
}

.project-card--spotlight .project-profile-feature-image img {
    max-width: 100%;
    position: relative
}

.project-card--spotlight .project-card-content {
    position: relative
}

.project-card--spotlight .project-profile-card__background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-size: cover;
    background-position: center center
}

.project-card--spotlight .project-profile-title {
    font-size: 16px;
    line-height: 1.2em;
    text-align: center;
    padding-bottom: 10px
}

.project-card--spotlight .project-profile-title a {
    color: inherit
}

.project-card--spotlight .project-profile-blurb {
    font-family: "Tiempos", Georgia, serif;
    text-align: center;
    height: 88px;
    overflow: hidden
}

.project-card--spotlight .project-profile-footer {
    position: relative
}

@media screen and (min-width: 640px) {
    .project-card--spotlight .project-profile-footer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px
    }
}

.project-card--spotlight .project-profile-footer .one-pixel-divider {
    height: 1px;
    margin: 0;
    opacity: 0.2
}

.project-card--spotlight .project-profile-footer__content {
    padding: 10px 10px 15px
}

.project-card--spotlight .project-profile-footer__content .avatar-image {
    width: 30px;
    height: 30px
}

.project-card--spotlight .project-profile-byline {
    margin: 0;
    line-height: 1.2em
}

.project-card--spotlight .project-profile-byline .backer-count {
    white-space: nowrap
}

.widget .project-card--spotlight .project-card-content.project-card-content {
    height: 247px
}

.project-card--spotlight.project-card-tall-big .project-profile-title {
    font-size: 20px
}

.project-card--spotlight.project-card-tall-big .project-card-content {
    font-size: 14px
}

.project-card--spotlight.project-card-tall-big .project-card-content,
.project-card--spotlight.project-card-tall-big .project-card-footer {
    padding: 10px 15px
}

.project-card-wide {
    background-color: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #F1EEEA;
    font-size: 14px;
    position: relative
}

.project-card-wide .project-profile-feature-image {
    max-width: 100%;
    min-height: 255px
}

.project-card-wide .project-profile-feature-image img {
    display: block;
    margin: auto
}

@media screen and (min-width: 640px) {
    .project-card-wide .project-profile-feature-image {
        float: left;
        width: 340px;
        max-height: 260px
    }
}

@media screen and (min-width: 640px) {
    .project-card-wide .project-profile-feature-image {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }
}

.project-card-wide .project-profile-title {
    font-size: 22px
}

.project-card-wide .project-profile-blurb {
    height: 80px
}

@media screen and (min-width: 640px) {
    .project-card-wide .project-profile-title,
    .project-card-wide .project-profile-blurb {
        text-align: left
    }
}

.project-card-wide .project-card-content {
    overflow: hidden;
    position: relative;
    padding: 20px
}

@media screen and (min-width: 640px) {
    .project-card-wide .project-card-content {
        min-height: 255px
    }
}

.project-card-wide .project-profile-title {
    margin-bottom: 20px
}

.project-card-wide .project-profile-footer {
    font-size: 12px
}

@media screen and (max-width: 640px) {
    .project-card-wide .project-profile-footer {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px
    }
}

.project-card-wide .project-profile-footer__content {
    padding: 15px 20px
}

.projects-we-love-badge {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    background-color: #586BE9;
    color: #FFFFFF;
    border-radius: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    overflow: hidden;
    line-height: 1em;
    white-space: nowrap;
    padding: 10px 1px
}

@media screen and (max-width: 640px) {
    .projects-we-love-badge:not(.projects-we-love-badge--widget) {
        border-radius: 16px;
        margin: 10px 5px
    }
}

.projects-we-love-badge .icon {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    border-radius: 50%;
    width: 31px;
    display: inline-block;
    background-color: #586BE9;
    text-align: center
}

.projects-we-love-badge .icon .ksr-icon__heart {
    position: relative;
    top: -1px;
    font-size: 11px
}

.projects-we-love-badge .label {
    display: inline-block;
    margin-right: 12px;
    font-weight: 600
}

.projects-we-love-badge:hover:not(.projects-we-love-badge--overlay) {
    background-color: #3936e0;
    cursor: pointer
}

.projects-we-love-badge:hover:not(.projects-we-love-badge--overlay) .icon {
    background-color: #3936e0
}

#project-card-preview .projects-we-love-badge {
    display: none
}

.projects-we-love-badge--widget {
    max-width: 31px
}

.projects-we-love-badge--widget .label {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
    margin-left: -98px;
    opacity: 0
}

.projects-we-love-badge--widget:hover {
    max-width: 1000px
}

.projects-we-love-badge--widget:hover .label {
    margin-left: 0px;
    opacity: 1
}

.projects-we-love-badge--overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    cursor: pointer
}

.projects-we-love-badge--overlay .icon {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 640px) {
    .projects-we-love-badge--overlay {
        max-width: 31px
    }
    .projects-we-love-badge--overlay .label {
        -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.335, 1);
        margin-left: -98px;
        opacity: 0
    }
    .projects-we-love-badge--overlay:hover {
        max-width: 1000px
    }
    .projects-we-love-badge--overlay:hover .label {
        margin-left: 0px;
        opacity: 1
    }
}

.projects-we-love__tooltip {
    text-align: left;
    padding: 10px 10px 15px
}

.project-context {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #F7F5F2;
    border-bottom: 1px solid #F1EEEA;
    text-align: center;
    height: 78px;
    padding: 38px 10px 10px 10px;
    position: relative;
    background-size: cover;
    background-position: center center
}

.project-context:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
    top: 0;
    left: 0
}

.project-context .project-context__title,
.project-context .project-context__creator {
    display: block;
    max-width: 960px;
    margin: 0 auto;
    color: #FFFFFF
}

.project-context .project-context__title {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 17px);
    top: 0;
    left: 10px;
    padding-top: 17px
}

.project-context .project-context__creator {
    font-size: 12px;
    position: relative
}

@media (min-width: 640px) {
    .project-context {
        background-image: none !important;
        height: 150px;
        padding: 40px 0
    }
    .project-context:before {
        display: none
    }
    .project-context .project-context__title {
        font-size: 32px;
        font-weight: normal;
        color: #020621;
        position: static;
        padding: 0;
        height: auto;
        line-height: 40px;
        margin-bottom: 10px
    }
    .project-context .project-context__creator {
        font-size: 14px;
        font-weight: bold
    }
    .project-context .project-context__creator .project-context__by {
        font-weight: normal
    }
    .project-context .project-context__title,
    .project-context .project-context__creator {
        color: #020621
    }
}

.tout--new-to-kickstarter {
    background: #060F46;
    color: #FFFFFF;
    display: block;
    border-radius: 6px;
    padding: 20px;
    padding-right: 40px;
    margin-bottom: 20px;
    position: relative
}

.tout--new-to-kickstarter:after {
    font-family: "KSRIcons";
    content: "";
    position: absolute;
    right: 8px;
    top: calc(50% - 22px);
    font-size: 32px
}

.tout--new-to-kickstarter h2 {
    font-size: 22px;
    margin-bottom: 5px;
    line-height: inherit
}

.tout--new-to-kickstarter p {
    font-size: 14px;
    margin-bottom: 0
}

.tout--new-to-kickstarter:hover {
    color: #FFFFFF
}

.checkout__title {
    font-size: 22px;
    font-weight: normal
}

.pledge-page {
    margin-top: 40px
}

.important-notice {
    border: none;
    border-radius: 6px;
    background: transparent
}

.important-notice .highlight {
    background: transparent;
    font-size: 16px
}

.tout--games-newsletter .h2 {
    margin: 5px auto;
    width: 75%;
    max-width: 330px
}

@media (min-width: 640px) {
    .tout--games-newsletter .h2 {
        width: 85%;
        max-width: 440px
    }
}

.avatar-pile .js-avatar {
    border-radius: 50%;
    display: inline-block;
    margin: 2px;
    height: 35px;
    width: 35px;
    overflow: hidden
}

.user-display {
    padding: 40px 0px 100px
}

.user-display__item {
    padding: 20px 0px;
    border-bottom: 1px solid #F1EEEA;
    display: table;
    width: 100%
}

.user-display__item .user-display__item__body,
.user-display__item .user-display__item__img {
    display: table-cell;
    vertical-align: middle
}

.user-display__item .user-display__item__body {
    width: 100%
}

.user-display__item .user-display__item__img {
    padding-right: 15px
}

.user-display__item .user-display__item__img img {
    display: block;
    max-width: none;
    width: 100%
}

.user-display__item__img,
.user-display__item__actions {
    white-space: nowrap
}

.user-display__item__body {
    padding-right: 15px
}

.user-display__item__avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

.user-display__item__actions {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.user-display__item__actions__button {
    width: 140px
}

@media (max-width: 640px) {
    .user-display__item {
        padding: 25px 0px
    }
    .user-display__item__img {
        padding-right: 10px !important
    }
    .user-display__item__img,
    .user-display__item__actions,
    .user-display__item__body {
        vertical-align: top !important
    }
    .user-display__item__actions__button {
        border-radius: 4px;
        font-size: 12px;
        padding: 10px 10px 8px;
        width: 110px;
        display: block
    }
    .user-display__item__actions__button [class^="svg-icon__"] {
        width: 10px;
        height: 10px
    }
    .user-display__item__avatar {
        height: 45px;
        width: 45px
    }
}

.user-display__item__name {
    color: #020621;
    font-weight: bold;
    font-size: 16px
}

.user-display__item__location {
    font-size: 14px;
    color: #3D3D66;
    margin: 0px
}

.user-display__item__meta-section {
    margin: 5px 0px 0px
}

.user-display__item__meta__item {
    margin: 0px 10px 0px 0px;
    display: inline-block;
    font-size: 14px
}

.ksr-modal-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto
}

.ksr-modal {
    max-width: 500px;
    width: 90%;
    margin: 10% auto 10%;
    background-color: #FFFFFF;
    border: 1px solid #F1EEEA;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    position: relative
}

.ksr-modal__close {
    position: absolute;
    top: 18px;
    right: 20px
}

.ksr-modal__close .svg-icon__close {
    width: 14px;
    height: 14px;
    fill: #3D3D66
}

.ksr-modal--action__header {
    background: #F7F5F2;
    border-bottom: 1px solid #F1EEEA;
    padding: 10px 15px
}

@media (min-width: 890px) {
    .ksr-modal--action__header {
        padding: 20px
    }
}

.ksr-modal--action__title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal
}

@media (min-width: 890px) {
    .ksr-modal--action__title {
        font-size: 22px
    }
}

.ksr-modal__body {
    padding: 10px 15px
}

@media (min-width: 890px) {
    .ksr-modal__body {
        padding: 20px
    }
}

.ksr-modal--action__footer {
    background: #F7F5F2;
    border-top: 1px solid #F1EEEA;
    padding: 10px 15px
}

@media (min-width: 890px) {
    .ksr-modal--action__footer {
        padding: 20px
    }
}

.ksr-modal--action__body {
    padding: 20px
}

.ksr-modal__actions--left {
    float: left
}

.ksr-modal__actions--right {
    float: right
}

.nav--subnav {
    position: relative;
    padding: 15px 0px
}

.nav--subnav--center {
    text-align: center
}

.nav--subnav--short {
    padding: 10px 0px
}

.nav--subnav--short .nav--subnav__item,
.nav--subnav--short .nav--subnav__divider {
    padding: 10px 0px
}

.nav--subnav__item,
.nav--subnav__divider {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle;
    padding: 15px 0px
}

@media screen and (max-width: 640px) {
    .nav--subnav__item,
    .nav--subnav__divider {
        margin-right: 5%
    }
}

.nav--subnav__divider {
    width: 1px;
    background-color: #F1EEEA;
    margin: 0px 50px 0px 20px
}

.nav--subnav__item__link {
    font-weight: bold;
    color: #020621;
    font-size: 14px
}

.nav--subnav__item__link--gray {
    color: #3D3D66
}

.nav--subnav__item__link--gray.current {
    color: #000000
}

.nav--subnav__item__meta {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-left: 8px;
    padding: 2px 5px;
    background-color: #3D3D66;
    color: #FFFFFF;
    border-radius: 4px
}

.nav--subnav__selected-indicator {
    background-color: #2BDE73;
    position: absolute;
    bottom: 0px;
    height: 4px
}

.nav--subnav__selected-indicator--blue {
    background-color: #2752ff;
    position: absolute;
    bottom: 0px;
    height: 4px
}

.play .svg-icon__pause {
    display: none
}

.pause .svg-icon__play {
    display: none
}

.video-controls__cc .svg-icon__closed-caption {
    width: 15px;
    height: 15px;
    fill: #FFFFFF
}

.video-time--current,
.video-time--total {
    font-size: 12px;
    font-weight: bold
}

.project-card-wide-wrap.project-card-wide-wrap--potd {
    border-radius: 0
}

.project-card-wide-wrap.project-card-wide-wrap--potd .project-thumbnail {
    position: relative;
    position: relative;
    height: auto
}

.project-card-wide-wrap.project-card-wide-wrap--potd .project-thumbnail:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.project-card-wide-wrap.project-card-wide-wrap--potd .project-thumbnail > .project-thumbnail-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 640px) {
    .project-card-wide-wrap.project-card-wide-wrap--potd .project-thumbnail {
        float: left;
        width: 50%;
        margin-right: 20px
    }
}

.project-card-wide-wrap.project-card-wide-wrap--potd .project-thumbnail__image {
    display: block;
    width: 100%
}

@media (min-width: 640px) {
    .project-card-wide-wrap.project-card-wide-wrap--potd .project-card-interior {
        padding: 0
    }
}

.ratio-16-9.project-ribbon {
    top: 0;
    margin-left: 10px
}

@media (min-width: 640px) {
    .ratio-16-9.project-ribbon {
        top: auto;
        margin-left: 2%
    }
}

.ratio-16-9 .project-thumbnail,
.ratio-16-9 .project-profile-feature-image {
    position: relative
}

.ratio-16-9 .project-thumbnail:before,
.ratio-16-9 .project-profile-feature-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.ratio-16-9 .project-thumbnail > .project-thumbnail-wrap,
.ratio-16-9 .project-profile-feature-image > .project-thumbnail-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 640px) {
    .ratio-16-9.project-card-tall-big {
        height: 440px
    }
}

.ratio-16-9.project-card-tall {
    height: 390px
}

.ratio-16-9.project-card-mini-wrap .project_thumbnail {
    height: 131px
}

.ratio-16-9.project-card-mini-wrap .project-card-mini__blurb {
    padding: 10px 15px
}

.project-stats-push {
    margin-top: 40px;
    margin-bottom: 20px
}

.Project-state-failed .project-stats-push {
    margin-top: 0
}

.NS_discover__featured_project.ratio-16-9 {
    min-height: 294px
}

.NS_user__projects_list.ratio-16-9 {
    width: 870px
}

.NS_user__projects_list.ratio-16-9 .project-card-wide-wrap,
.NS_user__projects_list.ratio-16-9 .project-card--spotlight {
    border: none
}

.NS_user__projects_list.ratio-16-9 .project-card-wide-wrap .one-pixel-divider,
.NS_user__projects_list.ratio-16-9 .project-card--spotlight .one-pixel-divider {
    display: none
}

.NS_user__projects_list.ratio-16-9 .project-card-interior {
    padding-top: 20px
}

.NS_user__projects_list.ratio-16-9 .project-card-footer {
    padding-right: 20px
}

.NS_users__profile.ratio-16-9 .profile_bio .profile_created_projects {
    width: 468px
}

.NS_users__profile.ratio-16-9 .profile_bio .profile_created_projects .project_thumbnail,
.NS_users__profile.ratio-16-9 .profile_bio .profile_created_projects .project_thumbnail img {
    height: 68px;
    width: 120px
}

.project-card--spotlight.ratio-16-9 .project-profile-feature-image {
    height: auto;
    min-height: auto;
    max-height: 123px
}

.featured-project__title.ratio-16-9 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.featured-project__blurb.ratio-16-9 {
    position: relative;
    height: 44px;
    overflow: hidden
}

.featured-project__blurb.ratio-16-9:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7fafa', endColorstr='#f7fafa', GradientType=1);
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 22px
}

.NS_projects__back_and_star.ratio-16-9 {
    padding-bottom: 0;
    padding-top: 27px
}

body#backings_index .project_thumb.ratio-16-9 {
    height: 22px
}

.thumb_square img {
    margin-left: -24px
}

.NS_project_profiles__feature_image.ratio-16-9 .project-profile__feature_image {
    min-height: 210px
}

@media (min-width: 640px) {
    .project-main-content-wrap {
        float: right
    }
}

@media (min-width: 640px) {
    .project-card-wide-wrap--potd.ratio-16-9 .project-card-interior {
        overflow: visible;
        margin-left: calc(20px + 50%)
    }
}

@media (min-width: 640px) {
    .home-staff-picks-pr0.ratio-16-9 {
        bottom: -8px
    }
}

.NS_projects__category_location.ratio-16-9 {
    margin-bottom: 15px
}

.featured-project__title.ratio-16-9 {
    margin-top: 15px;
    margin-bottom: 15px
}

.project-card-wide .project-profile-feature-image {
    width: 50%;
    max-height: auto
}

.creator-badge {
    display: inline-block;
    padding: 5px 7px;
    background-color: #a695f9;
    color: #FFFFFF;
    margin-left: 5px;
    font-size: 11px;
    line-height: 1.1em
}

.superbacker-badge {
    display: inline-block;
    padding: 5px 7px;
    background-color: #80809E;
    color: #FFFFFF;
    margin-left: 5px;
    font-size: 11px;
    line-height: 1.1em
}

.site-nav-frame,
.site-nav-frame *,
.site-nav-frame *:before,
.site-nav-frame *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-nav-frame {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 10px 0 rgba(22, 22, 22, 0.08);
    box-shadow: 0px 4px 10px 0 rgba(22, 22, 22, 0.08);
    z-index: 1;
    height: 60px
}

.site-nav-frame a,
.site-nav-frame input {
    outline: none
}

.site-nav-frame--fixed {
    position: fixed;
    left: 24px;
    right: 24px
}

.site-nav-container {
    height: 100%
}

.site-nav-container {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: relative
}

.site-nav-container--search {
    margin-top: -60px;
    z-index: 2
}

.site-nav-container--main.active-nav--primary {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.site-nav-container--main.active-nav--secondary {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

.site-nav--search-is-visible .site-nav-container--search {
    margin-top: 0
}

.site-nav-unit--search,
.site-nav-unit--primary,
.site-nav-unit--secondary {
    position: absolute;
    width: 100%
}

.site-nav-unit--search .site-nav-base,
.site-nav-unit--primary .site-nav-base,
.site-nav-unit--secondary .site-nav-base {
    width: 100%;
    height: 60px
}

.site-nav-unit--primary {
    top: 0
}

.site-nav-unit--secondary {
    top: 60px
}

.site-nav-base {
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 640px) {
    .site-nav-base {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 60px
    }
}

.site-nav-mobile {
    border-bottom: 1px solid #F1EEEA;
    height: 60px
}

.site-nav-mobile a,
.site-nav-mobile input {
    outline: none
}

.site-nav__item--logo--mobile {
    height: 100%
}

.site-nav__left,
.site-nav__middle,
.site-nav__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px
}

@media (min-width: 640px) {
    .site-nav__left,
    .site-nav__middle,
    .site-nav__right {
        height: auto
    }
}

.site-nav__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.site-nav__left .site-nav__item {
    margin-left: 24px
}

.site-nav__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.site-nav__right .site-nav__item {
    margin-right: 24px
}

.site-nav--search {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.site-nav--search .site-nav__item--close {
    margin-right: 24px
}

@media (min-width: 640px) {
    .site-nav--search .site-nav__item--close {
        margin-right: 108px
    }
}

.site-nav--search .site-nav__item--searchbar {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    margin-left: 24px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media (min-width: 640px) {
    .site-nav--search .site-nav__item--searchbar {
        margin-left: 108px
    }
}

.site-nav--search .site-nav__item--searchbar.site-nav__item--searchbar--visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.site-nav--primary .site-nav__left {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 640px) {
    .site-nav--primary .site-nav__left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.site-nav--primary .site-nav__middle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: none
}

@media (min-width: 640px) {
    .site-nav--primary .site-nav__middle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.site-nav--primary .site-nav__right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.site-nav--primary .site-nav__right .site-nav__item--user {
    margin: 0
}

@media (min-width: 640px) {
    .site-nav--primary .site-nav__right {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.site-nav__item {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #020621;
    text-decoration: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

@media (min-width: 640px) {
    .site-nav__item {
        margin-left: 24px;
        margin-right: 24px
    }
}

.site-nav__item .site-nav__item-label {
    -ms-flex-item-align: center;
    align-self: center
}

.site-nav__item [class^="svg-icon__"] {
    -ms-flex-item-align: center;
    align-self: center
}

.site-nav__item--text:after {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    left: 0;
    right: 0;
    background-color: #2BDE73;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.site-nav__item--text:focus:after,
.site-nav__item--text:hover:after {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.site-nav__item--skip-to-content {
    position: absolute
}

.site-nav__item--about {
    display: none
}

@media (min-width: 900px) {
    .site-nav__item--about {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.site-nav__item--logo {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease
}

.site-nav__item--logo .svg--ksr-logo {
    width: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

.site-nav__item--logo .svg-fill--kick {
    fill: #020621
}

.site-nav__item--logo .svg-fill--starter {
    fill: #2BDE73
}

.site-nav__item--logo .svg-fill--pbc {
    fill: #3D3D66
}

.site-nav__item--logo .site-nav__item-label {
    display: none
}

.site-nav__item--logo:after {
    background-color: transparent
}

.site-nav__item--logo:focus {
    opacity: 0.5
}

.site-nav__item--search {
    fill: #060F46;
    display: none
}

@media (min-width: 640px) {
    .site-nav__item--search {
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.site-nav__item--search:hover,
.site-nav__item--search:focus {
    opacity: 0.3
}

.site-nav__item--search .svg-icon__mars-search {
    height: 16px;
    width: 16px
}

.site-nav__item--search .site-nav__item-label {
    visibility: hidden;
    width: 0
}

.site-nav__item--close {
    margin-right: 60px;
    cursor: pointer
}

.site-nav__item--close:hover,
.site-nav__item--close:focus {
    opacity: 0.3
}

.site-nav__item--close .svg-icon__mars-close {
    fill: #060F46;
    height: 12px;
    width: 12px
}

.site-nav__search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

input.site-nav__search-input {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-left: 24px;
    border: none;
    color: #020621;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.site-nav__search-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.site-nav__item--searchbar .svg-icon__mars-search,
.site-nav__item--searchbar .svg-icon__loading-spin {
    fill: #060F46;
    height: 16px;
    width: 16px
}

.site-nav__item--user {
    background-color: rgba(6, 15, 70, 0.07);
    padding-left: 24px;
    padding-right: 24px
}

.site-nav__item--user.user-tab-ghosting {
    background: url(/assets/icons/pinky-1a0c0af8c49c2a183b3d18d8a3a235feff4eef0719d359d8cfda7dc1b5478e10.gif)
}

.site-nav__item--user:focus {
    background-color: rgba(6, 15, 70, 0.2)
}

.site-nav__item--user .notification-indicator-and-avatar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-nav__item--user .notification-indicator-and-avatar .notification-indicator--active {
    position: absolute;
    top: 4px
}

.site-nav__user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px solid transparent
}

.for-screenreader {
    position: absolute;
    top: -100px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.hide,
.hidden {
    display: none
}

.is-visible {
    opacity: 1 !important
}

.is-invisible {
    visibility: hidden !important
}

.mobile-show {
    display: none
}

@media (max-width: 640px) {
    .mobile-block,
    .mobile-show {
        display: block
    }
    .mobile-full-width {
        width: 100%
    }
    .mobile-inline-block {
        display: inline-block
    }
    .mobile-hide {
        display: none
    }
    .mobile-center {
        text-align: center
    }
    .mobile-left-align {
        text-align: left
    }
    .mobile-right {
        float: right
    }
    .mobile-left {
        float: left
    }
    .mobile-clear {
        float: none
    }
    .mobile-inline {
        display: inline
    }
    .mobile-static {
        position: static !important
    }
}

.type-center {
    text-align: center
}

.type-xl--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.8
}

.type-lg--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.8
}

.type-med--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 1.125rem;
    line-height: 1.8
}

.type-base--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 16px;
    line-height: 1.9
}

.type-sm--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 0.875rem;
    line-height: 2
}

.type-tera--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 4.375rem;
    font-weight: 200;
    line-height: 1.4
}

.type-giga--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 1.4
}

.type-mega--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 1.04
}

.type-kilo--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1.4
}

.type-xl--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.4
}

.type-lg--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.4
}

.type-med--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4
}

.type-base--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 16px;
    line-height: 1.4
}

.type-sm--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 0.875rem;
    line-height: 1.4
}

.type-xs--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 0.75rem;
    line-height: 1.4
}

small,
.type-xxs--sans {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 0.625rem;
    line-height: 1.4
}

.marketing-formatting {
    color: #060F46
}

@media all and (max-width: 1040px) {
    .marketing-formatting .container-flex {
        margin-left: 20px;
        margin-right: 20px
    }
}

.eco-friendly-key {
    position: relative;
    top: -50px
}

.eco-friendly-key__icon {
    fill: #2BDE73;
    height: 16px;
    right: -18px;
    bottom: 2px;
    width: 16px
}

.resources-linkout {
    border: solid 1px #F1EEEA;
    border-radius: 4px;
    display: block;
    margin-bottom: 40px;
    height: 150px;
    padding: 30px
}

@media (max-width: 640px) {
    .resources-linkout {
        min-height: auto;
        margin-bottom: 20px
    }
}

.resources-linkout__title {
    margin-bottom: 5px;
    display: inline;
    font-weight: bold
}

.resources-linkout__desc {
    color: #3D3D66
}

.resources--campus-callout {
    color: #3D3D66;
    margin-bottom: 40px
}

.campus-tout__questions {
    margin-top: 20px
}

.campus-question:nth-child(even) {
    margin-top: 10px
}

.campus-question__block {
    background: white;
    border-radius: 2px;
    color: #020621;
    padding: 30px;
    position: relative;
    min-height: 100px
}

@media (max-width: 640px) {
    .campus-question__block {
        min-height: auto
    }
}

.campus-question__block a {
    color: #020621
}

.campus-question__block a:hover {
    color: #020621
}

.campus-question__arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 100%
}

.campus-question__meta-info {
    display: table;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 30px 10px 0;
    text-align: left
}

@media (max-width: 640px) {
    .campus-question__meta-info {
        margin-bottom: 30px
    }
}

.campus-question__avatar,
.campus-question__author {
    display: table-cell;
    vertical-align: middle
}

.campus-question__author {
    padding-left: 10px
}

.campus-question__link {
    color: white;
    font-weight: bold
}

.campus-question__link:hover {
    color: white
}

.resources-submission {
    max-width: 860px;
    position: relative;
    width: 100%
}

.resources-submission__inner {
    position: relative;
    padding-bottom: 28px
}

@media (max-width: 640px) {
    .resources-submission__inner {
        padding-bottom: 40px
    }
}

.resources-submission__number {
    color: #3D3D66;
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px
}

.resources-submission__fields {
    -webkit-transition: height 0.4s;
    transition: height 0.4s
}

.resources-submission__field {
    z-index: 100;
    position: relative;
    visibility: hidden;
    height: 0;
    -webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
    transition: visibility 0s 0.4s, height 0s 0.4s
}

.resources-submission__field > span {
    display: block;
    overflow: hidden
}

.resources-submission__field > span .resources-submission__label {
    display: block;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.resources-submission__field--current {
    visibility: visible;
    height: auto;
    -webkit-transition: none;
    transition: none
}

.resources-submission__field--current > span .resources-submission__label {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: moveUpFromDown 0.4s both;
    animation: moveUpFromDown 0.4s both
}

.resources-submission__label {
    font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 30px
}

@media (max-width: 640px) {
    .resources-submission__label {
        font-size: 16px;
        line-height: 22px
    }
}

.resources-submission__label i {
    font-family: "Tiempos", Georgia, serif;
    font-size: 14px
}

input[type="text"].resources-submission__input,
textarea.resources-submission__textarea {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.3rem;
    height: auto;
    padding: 39px 147px 39px 30px;
    margin: 0;
    width: 100%
}

@media (max-width: 640px) {
    input[type="text"].resources-submission__input,
    textarea.resources-submission__textarea {
        padding: 15px 76px 15px 15px
    }
}

@-webkit-keyframes moveUpFromDown {
    from {
        -webkit-transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes moveUpFromDown {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.resources-submission__controls {
    position: absolute;
    right: 30px;
    bottom: 60px;
    z-index: 100
}

@media (max-width: 640px) {
    .resources-submission__controls {
        bottom: 50px;
        right: 10px
    }
}

.resources-submission__next,
.resources-submission__back {
    display: inline-block;
    cursor: pointer;
    padding: 0 7px;
    vertical-align: middle;
    -webkit-transition: margin 0.4s, fill 0.4s;
    transition: margin 0.4s, fill 0.4s
}

@media (max-width: 640px) {
    .resources-submission__next,
    .resources-submission__back {
        padding: 0 2px
    }
}

.resources-submission__next:hover,
.resources-submission__back:hover {
    fill: #2752ff
}

.resources-submission__next .icon-display,
.resources-submission__back .icon-display {
    width: 36px;
    height: 36px
}

@media (max-width: 640px) {
    .resources-submission__next .icon-display,
    .resources-submission__back .icon-display {
        width: 32px;
        height: 32px
    }
}

.resources-submission__next {
    margin: 0 2px 0 0;
    fill: #3D3D66
}

.resources-submission__next:hover {
    margin: 0 0 0 2px
}

.resources-submission__back {
    fill: #F1EEEA;
    margin: 1px -2px 0 0
}

.resources-submission__back:hover {
    margin: 1px 0 0 2px
}

.resources-submission__progress {
    position: absolute;
    left: 0;
    right: 0;
    width: 0%;
    bottom: 0;
    height: 10px;
    background: #2752ff;
    z-index: 0;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out
}

.resources-submission__submit button {
    display: none
}

.resources-submission__error-message {
    color: #ff596e;
    font-family: "Tiempos", Georgia, serif;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: inline-block
}

@media (max-width: 640px) {
    .resources-submission__error-message {
        font-size: 12px
    }
}

.charter-header {
    color: #2752ff
}

.tout {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.tout:hover,
.tout:focus {
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 10px;
    -ms-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 10px;
    -o-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 10px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 10px;
    color: #fff
}

.NS_touts__start {
    background: url(/assets/touts/start_a_project-d05215ab0910f54ac09a43bf48362ec0e6525f9a8dffa140cbf736503523804c.jpg) no-repeat center center;
    background-size: cover
}

.NS_touts__year_in_review {
    background: url(/assets/touts/year_in_review_2014-8c506c8e7e849f4c78e4d09e6288542ad713a607c0902c35a0d564d2b54bb82e.png) no-repeat center center;
    background-size: cover
}

.interactive-title {
    position: relative;
    overflow: hidden
}

.interactive-title__content-fade {
    position: fixed;
    display: none;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2
}

.interactive-title__group {
    position: absolute;
    opacity: 0;
    z-index: 3
}

.interactive-title__group .title {
    font-weight: 200;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden
}

.interactive-title__group .arrow-down {
    display: inline-block;
    position: relative;
    top: -3px
}

.interactive-title__group .link {
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent
}

.interactive-title__group .link:hover {
    opacity: 0.7;
    color: inherit
}

.interactive-title__group .name-prop {
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out
}

.interactive-title__group .child-list {
    display: none
}

.interactive-title__group .has-children-is-current .child-list {
    display: block
}

.interactive-title-group-visible {
    overflow: visible
}

.interactive-title-group-visible .interactive-title__group {
    margin-top: -100px !important;
    position: absolute
}

.interactive-title-group-visible .interactive-title__group a {
    color: #fff
}

.interactive-title-group-visible .interactive-title__group .link {
    font-size: 32px;
    line-height: 1em;
    border-color: transparent
}

.interactive-title-group-visible .interactive-title__group .arrow-down {
    display: none
}

.interactive-title-group-visible .interactive-title__group .child-list {
    border-left: 3px solid #fff;
    margin: 20px 0px;
    padding-left: 20px
}

.interactive-title-group-visible .interactive-title__group .child-list .link {
    font-size: 16px;
    padding-bottom: 0px
}

.other-interactive-title-group-visible {
    z-index: 1
}

.date-module {
    text-align: center;
    float: right;
    padding-left: 20px;
    padding-bottom: 20px
}

.date-module .month {
    letter-spacing: .067em;
    font-weight: bold;
    line-height: 1em;
    background-color: #020621;
    color: #ffffff;
    padding: 5px 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 12px;
    text-transform: uppercase
}

.date-module .date {
    font-weight: bold;
    line-height: 1em;
    padding: 8px 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #020621;
    border-width: 5px;
    border-color: #F1EEEA;
    border-bottom: solid;
    border-right: solid;
    border-left: solid;
    font-size: 22px;
    background-color: #ffffff
}

.rounded-content-frame {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px
}

.rounded-content-frame .title {
    font-weight: normal;
    margin-bottom: 30px
}

.rounded-content-frame__content {
    padding: 20px
}

.rounded-content-frame__footer {
    background-color: rgba(241, 238, 234, 0.2);
    border-top: 1px solid #F1EEEA;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    color: #3D3D66
}

.rounded-content-frame--white {
    background-color: #FFFFFF;
    border-color: #F1EEEA
}

.swatch-picker-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    margin-left: 20px;
    border: 1px solid #F1EEEA
}

.hero--dark-blue {
    background-color: #060F46;
    color: #FFFFFF
}

.hero--dark-blue .hero__link {
    color: #FFFFFF
}

.hero--dark-blue .hero__link:hover {
    color: inherit;
    opacity: 0.7
}

.hero--grey-light {
    background-color: #F7F7F9;
    color: #020621
}

.hero--grey-light .hero__link {
    color: #020621
}

.hero--grey-light .hero__link:hover {
    color: inherit;
    opacity: 0.7
}

.text-strikethru {
    position: relative;
    text-align: center
}

.text-strikethru .line {
    height: 1px;
    background-color: #F1EEEA;
    width: 90%;
    margin-left: 5%
}

.text-strikethru .text {
    display: inline-block;
    background-color: #FFFFFF;
    padding: 5px 10px;
    font-size: 14px;
    top: -16px;
    position: relative;
    color: #3D3D66
}

.forgot-password-link {
    position: relative;
    padding: 10px 10px 10px 0px;
    top: 7px;
    right: 0px;
    font-size: 12px;
    cursor: pointer;
    text-align: right
}

.number-count {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #060F46;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px
}

.category-background--art {
    background-color: #ffbdab
}

.category-background--art .category-background__text {
    color: #020621
}

.category-background--comics {
    background-color: #fffb78
}

.category-background--comics .category-background__text {
    color: #020621
}

.category-background--crafts {
    background-color: #ff81ac
}

.category-background--crafts .category-background__text {
    color: #FFFFFF
}

.category-background--dance {
    background-color: #a695f9
}

.category-background--dance .category-background__text {
    color: #FFFFFF
}

.category-background--design {
    background-color: #2752ff
}

.category-background--design .category-background__text {
    color: #FFFFFF
}

.category-background--fashion {
    background-color: #ff9fd6
}

.category-background--fashion .category-background__text {
    color: #FFFFFF
}

.category-background--film {
    background-color: #ff596e
}

.category-background--film .category-background__text {
    color: #FFFFFF
}

.category-background--food {
    background-color: #ff3642
}

.category-background--food .category-background__text {
    color: #FFFFFF
}

.category-background--games {
    background-color: #00c9ab
}

.category-background--games .category-background__text {
    color: #FFFFFF
}

.category-background--journalism {
    background-color: #12bcea
}

.category-background--journalism .category-background__text {
    color: #FFFFFF
}

.category-background--music {
    background-color: #a5ffd3
}

.category-background--music .category-background__text {
    color: #020621
}

.category-background--photography {
    background-color: #00e3e5
}

.category-background--photography .category-background__text {
    color: #FFFFFF
}

.category-background--publishing {
    background-color: #e2dcd0
}

.category-background--publishing .category-background__text {
    color: #020621
}

.category-background--technology {
    background-color: #6396fc
}

.category-background--technology .category-background__text {
    color: #FFFFFF
}

.category-background--theater {
    background-color: #ff7d5f
}

.category-background--theater .category-background__text {
    color: #FFFFFF
}

.content-carousel {
    position: relative
}

@media screen and (min-width: 1280px) {
    .content-carousel {
        height: 700px
    }
}

@media screen and (min-width: 640px) and (max-width: 1280px) {
    .content-carousel {
        height: 600px
    }
}

@media screen and (max-width: 640px) {
    .content-carousel {
        height: 400px
    }
}

.content-carousel__slide {
    width: 100%;
    background-size: cover;
    background-position: center center;
    height: 100%
}

.content-carousel__content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 30px
}

.content-carousel__bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%
}

.content-carousel__title {
    font-family: "Tiempos", Georgia, serif;
    font-weight: normal;
    text-align: center
}

@media all and (max-width: 640px) {
    .content-carousel__title {
        font-size: 28px;
        line-height: 1.2
    }
}

.content-carousel__pager {
    text-align: center;
    position: absolute;
    line-height: 7px
}

.content-carousel__pager span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    text-indent: -9999px;
    background-color: #FFFFFF;
    cursor: pointer
}

.content-carousel__pager span:not(.cycle-pager-active) {
    opacity: 0.3
}

.content-carousel__pager--bottom {
    bottom: 30px;
    width: 100%
}

.content-carousel__pager--right-side {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 7px;
    margin-top: -20px
}

@media screen and (max-width: 640px) {
    .content-carousel__pager--right-side {
        right: 15px
    }
}

.content-carousel__pager--right-side span {
    margin-bottom: 7px
}

.default-share-controls__twitter {
    display: inline-block
}

.default-share-controls__facebook {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -5px
}

.scroll-row {
    position: relative;
    padding-left: 40px
}

.scroll-row__content {
    white-space: nowrap;
    overflow: auto
}

.scroll-row__label {
    background-color: #060F46;
    height: 375px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: 0px
}

.scroll-row__label .text {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    font-size: 12px;
    left: -75px
}

.scroll-row__item {
    display: inline-block
}

.full-width-image {
    overflow: hidden
}

@media screen and (min-width: 640px) {
    .full-width-image {
        height: 500px
    }
}

@media screen and (max-width: 640px) {
    .full-width-image {
        height: 200px
    }
}

.full-width-image img {
    position: relative;
    display: block
}

.underlined-list__item:not(:last-child) {
    border-bottom: 1px solid #F1EEEA
}

.underlined-list__link {
    color: #020621;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0px;
    cursor: pointer
}

.asset-upload {
    position: relative
}

.asset-upload input.file {
    position: absolute;
    font-size: 60px;
    opacity: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 1
}

.asset-upload:hover .asset-upload__link {
    opacity: 0.7
}

.sp-container {
    border: none;
    background: none;
    width: 190px
}

@media screen and (max-width: 640px) {
    .sp-container {
        width: 100%
    }
}

.sp-picker-container {
    border: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.sp-color,
.sp-hue {
    border: 1px solid #F1EEEA;
    border-radius: 2px;
    overflow: hidden
}

.ugc-wrapper {
    font-family: "Tiempos", Georgia, serif
}

.ugc-wrapper p {
    font-size: 18px;
    line-height: 28px
}

.tiempos-paragraph {
    font-family: "Tiempos", Georgia, serif;
    font-size: 18px;
    line-height: 28px
}

.two-up-promos {
    display: table;
    width: 100%;
    width: 100%
}

@media screen and (min-width: 640px) {
    .two-up-promos {
        min-height: 350px
    }
}

.two-up-promos__promo {
    position: relative;
    background-color: #000;
    height: 100%;
    vertical-align: middle
}

@media screen and (min-width: 640px) {
    .two-up-promos__promo {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }
}

@media screen and (max-width: 640px) {
    .two-up-promos__promo {
        display: block
    }
}

.two-up-promos__promo .content {
    position: relative;
    padding: 60px
}

.two-up-promos__promo .background {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

.two-up-promos__promo:hover .background {
    opacity: 0.75
}

.two-up-promos__promo--darken .background {
    opacity: 0.75
}

.two-up-promos__promo--darken .content {
    color: #fff
}

.two-up-promos__promo--darken:hover .background {
    opacity: 0.9
}

.two-up-promos__promo--center {
    text-align: center
}

.header-hero {
    padding: 40px 0px
}

@media screen and (min-width: 640px) {
    .header-hero {
        padding: 70px 0px
    }
}

.circled-number {
    height: 1.7em;
    width: 1.7em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.6em;
    padding: 3px
}

.circled-number--outline {
    border: 3px solid;
    border-color: inherit
}

.grid-post {
    display: block
}

.grid-post__title {
    font-family: "Tiempos", Georgia, serif;
    font-weight: normal;
    color: #020621
}

.grid-post__title a {
    color: #020621;
    margin-bottom: 30px
}

.grid-post__content {
    font-family: "Tiempos", Georgia, serif;
    color: #020621;
    margin-bottom: 30px;
    line-height: 1.65em
}

.grid-post__content a {
    color: #020621
}

.grid-post__content h1,
.grid-post__content h2,
.grid-post__content h3,
.grid-post__content h4,
.grid-post__content h5,
.grid-post__content h6,
.grid-post__content p,
.grid-post__content li {
    font-size: 16px
}

.grid-post__date {
    font-size: 14px;
    color: #020621;
    font-weight: bold
}

.grid-post__metadata {
    color: #3D3D66;
    font-size: 14px;
    margin-left: -10px;
    margin-right: -10px
}

.grid-post__metadata a {
    color: #3D3D66
}

.grid-post__metadata .grid-post__date {
    font-size: 14px;
    color: #020621;
    font-weight: bold;
    margin-bottom: 15px
}

.grid-post__metadata .grid-post__metadata {
    color: #020621;
    font-size: 14px;
    font-weight: bold;
    margin-left: -10px;
    margin-right: -10px
}

.grid-post__metadata .grid-post__metadata a {
    color: #020621
}

.grid-post__metadata span {
    padding: 0 10px
}

.one-pixel-divider {
    height: 1px;
    margin: 30px 0px
}

.one-pixel-divider--white {
    background-color: #FFFFFF;
    opacity: 0.2
}

.sff2016 {
    position: relative
}

.sff2016 a {
    color: #2BDE73
}

.sff2016 a:not(.green-link):hover {
    text-decoration: underline
}

.sff2016 .mega-footer .ksr-select {
    display: none
}

.sundance-hero {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/66bc/maya-hero.jpg");
    height: auto;
    color: #2BDE73;
    background-position: 0 -50px
}

@media (min-width: 840px) {
    .sundance-hero {
        height: 850px
    }
}

.sundance-header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1
}

@media (min-width: 840px) {
    .sundance-header {
        font-size: 96px;
        margin-top: 28%
    }
}

.sundance__hero__photo-credit {
    padding: 10px;
    text-align: center;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.8);
    position: absolute;
    width: 100%
}

.sundance__green-link {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #2BDE73;
    text-decoration: none !important
}

.sundance__green-link:hover,
.sundance__green-link:focus {
    color: #168d46
}

.sundance__intro {
    font-size: 32px;
    line-height: 1.2
}

@media (min-width: 641px) {
    .sundance__intro {
        font-size: 48px;
        line-height: 1
    }
}

.sundance__intro-desc {
    font-size: 21px
}

.sundance__movie-list {
    margin-top: 100px;
    counter-reset: section
}

.sundance__movie-list__item {
    margin-bottom: 50px
}

.sundance__movie-list__item:before {
    counter-increment: section;
    content: counter(section);
    font-size: 24px;
    font-weight: 500;
    display: block
}

.sundance__movie-link {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 20px
}

@media (min-width: 840px) {
    .sundance__movie-link {
        font-size: 96px
    }
}

.event-programming-intro {
    margin-bottom: 100px
}

.event-day:not(:last-child) {
    margin-bottom: 80px
}

.event-day:last-child {
    border-bottom: solid 1px #F1EEEA;
    padding-bottom: 80px
}

.event-block {
    position: relative;
    padding: 30px;
    color: #FFFFFF;
    height: 400px;
    margin-bottom: 40px
}

@media (max-width: 640px) {
    .event-block {
        height: 450px;
        margin-left: 20px;
        margin-right: 20px
    }
}

.event-block--black {
    background-color: #000000
}

@media (max-width: 640px) {
    .event-block--mobile-black {
        background-color: #000000 !important
    }
}

.event-block--gray {
    background-color: #3D3D66
}

@media (max-width: 640px) {
    .event-block--mobile-gray {
        background-color: #3D3D66 !important
    }
}

.event-block__header {
    text-align: center;
    margin-bottom: 50px
}

.even-block__header__date {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase
}

.event-block__header__day {
    font-size: 96px;
    line-height: 1
}

@media (max-width: 640px) {
    .event-block__header__day {
        font-size: 50px
    }
}

.event-block__time {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 50px
}

.event-block__title {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 500
}

@media (min-width: 640px) and (max-width: 840px) {
    .event-block__title {
        font-size: 22px
    }
}

.event-block__desc {
    position: absolute;
    bottom: 30px;
    left: 40px;
    right: 40px
}

.modal-backdrop {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    z-index: 9999
}

.modal {
    background: white;
    height: auto;
    max-width: 800px;
    margin: 50px auto;
    border-radius: 2px
}

@media (max-width: 840px) {
    .modal {
        margin-left: 10px;
        margin-right: 10px
    }
}

.modal-pager {
    fill: rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 999;
    padding-top: 20%
}

.modal-pager:focus {
    outline: none
}

.modal-pager:hover {
    fill: rgba(255, 255, 255, 0.8)
}

.modal-pager.disabled {
    fill: rgba(255, 255, 255, 0.2)
}

@media (max-width: 840px) {
    .modal-pager {
        display: none
    }
}

.modal-pager-left {
    left: 10%
}

.modal-pager-right {
    right: 10%
}

.modal__hero {
    height: 400px;
    background-size: cover;
    background-position: center center;
    border-radius: 6px 6px 0 0;
    position: relative
}

@media (max-width: 640px) {
    .modal__hero {
        height: 300px
    }
}

.modal__hero.modal__hero--maya {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0000_01_Maya+Angelou+%26+Still+I+Rise.jpg")
}

.modal__hero.modal__hero--skinny {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0002_03_The+Skinny.jpg")
}

.modal__hero.modal__hero--spa-night {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0011_12_Spa+Night.jpg")
}

.modal__hero.modal__hero--nuts {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0006_07_NUTS%21.jpg")
}

.modal__hero.modal__hero--two-worlds {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0005_06_When+Two+Worlds+Collide.jpg")
}

.modal__hero.modal__hero--unlocking {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0012_13_Unlocking+the+Cage.jpg")
}

.modal__hero.modal__hero--procedure {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0007_08_The+Procedure.jpg")
}

.modal__hero.modal__hero--trapped {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0003_04_Trapped.jpg")
}

.modal__hero.modal__hero--film-hawk {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0001_02_Film+Hawk.jpg")
}

.modal__hero.modal__hero--catching-up {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0010_11_Catching+Up.jpg")
}

.modal__hero.modal__hero--itching {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0008_09_The+Itching.jpg")
}

.modal__hero.modal__hero--river {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0004_05_River+of+Grass.jpg")
}

.modal__hero.modal__hero--anomalisa {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0009_10_Anomalisa.jpg")
}

.modal__hero.modal__hero--sendoff {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0013_14_The+Send-Off.jpg")
}

.modal__hero.modal__hero--tickled {
    background-image: url("https://d3mlfyygrfdi2i.cloudfront.net/KSR_SFF16_Eventbrite_HeroTemplate_20160111_JKL_0014_15_Tickled.jpg")
}

.modal__hero__overlay {
    background-color: rgba(0, 0, 0, 0.45);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 2px 2px 0 0
}

.modal__title {
    margin: 0 auto;
    color: #2BDE73;
    padding-top: 150px;
    font-size: 50px;
    line-height: 1
}

@media (max-width: 640px) {
    .modal__title {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 50px
    }
}

.modal__content {
    padding: 50px 100px;
    font-size: 22px
}

@media (max-width: 840px) {
    .modal__content {
        padding: 20px 50px
    }
}

.modal__header {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
}

.sff2016 .modal_dialog_close {
    height: 50px;
    width: 50px;
    position: fixed;
    top: 50px;
    right: 50px;
    background-image: url(/assets/icons/close-83f5543e22528278c8df953f6bd8c8ed0ca8bdf6288689af639689a42ed889ff.svg);
    z-index: 9999999;
    background-position: top left;
    background-size: 50px;
    opacity: .7
}

.sff2016 .modal_dialog_close:hover {
    opacity: 1
}

.cycle-slideshow__slide {
    width: 100%
}

.cycle-slideshow__modals {
    position: absolute !important;
    width: 100%;
    height: 100%
}

.tabbed-nav {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #F1EEEA;
    text-align: center
}

.tabbed-nav__link {
    color: #3D3D66;
    font-size: 0.75rem;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    display: inline-block;
    padding: 20px 5px 17px;
    margin: 0 15px
}

.tabbed-nav__link .count {
    color: #2BDE73;
    vertical-align: super;
    font-size: 9px
}

.tabbed-nav__link.is-active {
    color: #020621;
    border-color: #2BDE73
}

.google-play-badge,
.app-store-badge {
    width: 135px
}

.app-link {
    margin-bottom: 20px
}

.app-link__submit {
    margin-top: 22px
}

.app-badge .google-play-badge,
.app-badge .app-store-badge {
    margin: 0 auto 20px
}

.superscript {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em
}

.mobile-devices {
    width: 640px;
    height: 420px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
    opacity: 1
}

.mobile-devices.is-loading {
    opacity: 0
}

.mobile-devices__tablet {
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    width: 560px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px
}

.mobile-devices__phone {
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.25);
    width: 180px;
    height: 320px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px
}

.mobile-devices__tablet_screenshots,
.mobile-devices__phone_screenshots {
    position: absolute;
    height: 100%
}

.mobile-devices__tablet_item,
.mobile-devices__phone_item {
    display: inline-block;
    height: 100%;
    overflow: hidden
}

.mobile-devices__tablet_item img,
.mobile-devices__phone_item img {
    display: block;
    width: 100%;
    height: 100%
}

.get-the-app-form-container__message {
    color: #3D3D66;
    text-align: center;
    font-size: 14px
}

.get-the-app-form-container__message h2 {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px
}

.get-the-app-form-container__message.error {
    color: #fd003b
}

.styleguide h1,
.styleguide h2,
.styleguide h3,
.styleguide h4,
.styleguide h5,
.styleguide h6 {
    font-size: 16px;
    font-weight: normal;
    margin: 0
}

.styleguide-section:not(:last-child) {
    border-bottom: solid 1px #F1EEEA
}

.styleguide-section {
    padding-bottom: 40px;
    margin-bottom: 40px
}

.styleguide-section .styleguide-section__header {
    font-size: 32px;
    margin-bottom: 10px
}

.styleguide-section .styleguide-section__subheader {
    font-size: 21px;
    margin-bottom: 10px
}

.styleguide-subsection:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: dotted 1px #F1EEEA;
    padding-bottom: 20px
}

.temp-nav {
    border-bottom: solid 1px #F1EEEA;
    padding-bottom: 20px
}

.temp-nav a {
    margin-right: 20px
}

.styleguide .mega-header {
    font-size: 60px;
    font-weight: 200
}

.new-hero {
    background-image: url(/assets/misc/styleguide-header-8f30792ae1a1d4af7f4ad70c6ac1629bfcd08980978bdaa9e6d3e2b891e82462.png);
    border-bottom: solid 1px #F1EEEA;
    padding: 80px 0;
    text-align: center;
    background-size: 1278px;
    background-position: center
}

.content-container {
    padding: 75px 0
}

code {
    background-color: transparent;
    font-family: Courier, monospace;
    font-size: 14px
}

code.inline-code {
    background-color: #F8F9FD;
    border-radius: 4px;
    padding: 3px
}

.code-snippet {
    background: #F7F5F2;
    border-radius: 2px;
    font-family: Courier, monospace;
    padding: 20px;
    color: #2752ff
}

.icon-info {
    padding: 10px
}

.icon-info.odd {
    background-color: #f3f0ec;
    border-radius: 4px
}

.icon-display {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.icon-class {
    display: inline-block
}

.grid-display {
    background-color: #2752ff;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 0;
    margin-bottom: 15px;
    text-align: center;
    color: #FFFFFF
}

.grid-display.grid-display__outer {
    background-color: #F8F9FD;
    color: #2752ff
}

.grid-display.grid-display__outer code {
    margin-bottom: 10px
}

.grid-display code {
    font-size: 13px
}

#buttons .btn {
    margin-bottom: 10px;
    margin-right: 5px
}

.button-demo-dark-background {
    display: inline-block;
    background: #ffbdab;
    border-radius: 2px;
    padding: 10px 10px 0;
    margin-bottom: 10px
}

.color-swatch {
    border-radius: 4px;
    padding: 40px 20px;
    text-align: center
}

.color-swatch code {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase
}

.color-swatch.color-swatch--dark {
    color: #FFFFFF
}

.color-swatch.ksr-green {
    background-color: #2BDE73
}

.color-swatch.light-green {
    background-color: #80809E
}

.color-swatch.green-black {
    background-color: #020621
}

.color-swatch.black {
    background-color: #000000
}

.color-swatch.dark-gray {
    background-color: #3D3D66
}

.color-swatch.gray {
    background-color: #F1EEEA
}

.color-swatch.gray-black {
    background-color: #060F46
}

.color-swatch.light-gray {
    background-color: #F7F5F2
}

.color-swatch.blue {
    background-color: #2752ff
}

.color-swatch.light-blue {
    background-color: #F8F9FD
}

.color-swatch.dark-blue {
    background-color: #060F46
}

.color-swatch.red {
    background-color: #fd003b
}

.color-swatch.yellow {
    background-color: #fcdda3
}

.color-swatch.light-pink {
    background-color: #FFECF0
}

.color-swatch.bright-yellow {
    background-color: #fffb78
}

.color-swatch.peach {
    background-color: #ffbdab
}

.color-swatch.tangerine {
    background-color: #ffb36a
}

.color-swatch.sea-foam {
    background-color: #5ef3db
}

.color-swatch.pink {
    background-color: #ff81ac
}

.color-swatch.purple {
    background-color: #a695f9
}

.color-swatch.royal-blue {
    background-color: #2752ff
}

.color-swatch.purple-pink {
    background-color: #ff9fd6
}

.color-swatch.coral {
    background-color: #ff596e
}

.color-swatch.red-orange {
    background-color: #ff3642
}

.color-swatch.teal {
    background-color: #00c9ab
}

.color-swatch.sea-blue {
    background-color: #12bcea
}

.color-swatch.mint {
    background-color: #a5ffd3
}

.color-swatch.turquoise {
    background-color: #00e3e5
}

.color-swatch.greige {
    background-color: #e2dcd0
}

.color-swatch.sky-blue {
    background-color: #6396fc
}

.color-swatch.orange {
    background-color: #ff7d5f
}

.variable {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #F7F5F2;
    border: solid 1px #F1EEEA;
    border-radius: 4px;
    text-align: center;
    padding: 3px 5px;
    margin: 10px auto 30px
}

.styleguide-table {
    width: 100%
}

.styleguide-table thead td {
    background: #F7F5F2
}

.styleguide-table tr {
    border-bottom: solid 1px #F7F5F2
}

.styleguide-table td {
    padding: 10px
}

.ksr-banner {
    background-color: #586BE9;
    -webkit-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    position: relative;
    color: #3D3D66
}

.ksr-banner:hover {
    background-color: #3D52C7
}

.ksr-banner *,
.ksr-banner *:before,
.ksr-banner *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ksr-banner .ksr-banner-toggle {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.ksr-banner .ksr-banner-toggle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

.ksr-banner--urgent {
    background-color: #F7AA1A;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}

.ksr-banner--urgent:hover {
    background-color: #E38127
}

.ksr-banner--open {
    background-color: #F7F5F2
}

.ksr-banner--open:hover {
    background-color: #F7F5F2
}

.ksr-banner--open .ksr-banner__text {
    opacity: 0
}

.ksr-banner--open .ksr-banner__button__icon:before {
    transform: translate(-2px, 0) rotate(45deg);
    -webkit-transform: translate(-2px, 0) rotate(45deg)
}

.ksr-banner--open .ksr-banner__button__icon:after {
    transform: translate(2px, 0) rotate(-45deg);
    -webkit-transform: translate(2px, 0) rotate(-45deg)
}

.ksr-banner-container {
    position: relative;
    padding: 24px 0
}

.ksr-banner-container:not(.ksr-banner-container--expandable) {
    background-color: #586BE9
}

.ksr-banner--urgent .ksr-banner-container:not(.ksr-banner-container--expandable) {
    background-color: #F7AA1A
}

.ksr-banner-container--expandable {
    pointer-events: none
}

.ksr-banner-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media all and (min-width: 700px) {
    .ksr-banner-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        float: right;
        position: absolute;
        right: 0;
        top: calc(50% - 18px)
    }
}

.ksr-banner-buttons .alert-cta span {
    color: white;
    border-bottom: 0
}

.ksr-banner-cta {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 20px
}

@media all and (min-width: 700px) {
    .ksr-banner-cta {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 10px
    }
}

.ksr-banner-toggle-dismiss {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    top: 28px;
    position: absolute;
    right: 16px
}

@media all and (min-width: 700px) {
    .ksr-banner-toggle-dismiss {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: relative;
        top: 0
    }
}

.ksr-banner-toggle-dismiss .ksr-banner__button {
    float: right
}

.ksr-banner__button {
    min-width: 36px;
    height: 36px;
    font-size: 12px;
    line-height: 1;
    color: white;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    margin-left: 10px;
    cursor: pointer
}

.ksr-banner__button.ksr-banner__cta-button {
    padding: 10px
}

.ksr-banner__button a {
    color: white;
    padding: 10px
}

.ksr-banner__button .banner-icon {
    fill: white
}

.ksr-banner__button__icon {
    position: relative;
    width: 12px;
    height: 17px;
    display: block;
    text-align: center;
    padding-top: 5px
}

.ksr-banner__button__icon:before {
    transform: translate(2px, 0) rotate(45deg);
    -webkit-transform: translate(2px, 0) rotate(45deg)
}

.ksr-banner__button__icon:after {
    transform: translate(-2px, 0) rotate(-45deg);
    -webkit-transform: translate(-2px, 0) rotate(-45deg)
}

.ksr-banner__button__icon:before,
.ksr-banner__button__icon:after {
    content: "";
    position: absolute;
    background-color: #FFFFFF;
    width: 2px;
    height: 7px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.ksr-banner__content {
    text-align: center;
    width: 100%
}

.ksr-banner__text {
    color: #FFFFFF;
    width: 50%;
    text-align: left;
    margin-left: 30px
}

@media all and (max-width: 700px) {
    .ksr-banner__text {
        margin-bottom: 15px;
        width: 80%
    }
}

@media all and (min-width: 700px) {
    .ksr-banner__text {
        text-align: center;
        margin: 0 auto
    }
}

.ksr-banner__text a {
    color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    font-weight: 500
}

.alert-container {
    position: relative;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    z-index: 2
}

.alert-container--open {
    opacity: 1;
    padding-top: 10px;
    height: auto;
    top: -50px;
    margin-bottom: -50px;
    pointer-events: none
}

@media all and (max-width: 860px) {
    .alert-container--open {
        top: -70px;
        margin-bottom: -70px
    }
}

.alert-wrap {
    border-bottom: solid 1px #D9D6D6
}

.alert-wrap:not(:first-child) {
    padding-top: 40px
}

.ksr-banner .alert-content a {
    color: #060F46;
    border-bottom: solid 1px #060F46
}

.ksr-banner .ksr-alert-subject--urgent {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #F7AA1A
}

.ksr-banner .ksr-alert-subject--nonurgent {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #586BE9
}

.ksr-banner .alert-cta--dismiss {
    color: #80809E
}

.ksr-banner .alert-cta--affirm a {
    margin-right: 14px
}

.alert-cta span {
    border-bottom: solid 1px #80809E;
    font-size: 12px;
    color: #80809E
}

[class*='ksr-alert-title--'] {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 24px
}

.ksr-alert-title--urgent {
    color: #F7AA1A
}

.ksr-alert-title--nonurgent {
    color: #586BE9
}

.ksr-alert-box {
    background: #FFFFFF;
    padding: 24px;
    pointer-events: visible;
    position: relative
}

.ksr-alert-box:not(:last-child) {
    margin-bottom: 25px
}

.alert-close {
    height: 9px;
    width: 9px;
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer
}

.ksr-alert-box--nonurgent .alert-close {
    fill: #586BE9
}

.ksr-alert-box--urgent .alert-close {
    fill: #F7AA1A
}

.banner-icon {
    height: 15px;
    width: 15px;
    vertical-align: -4px;
    display: inline-block;
    margin-right: 5px;
    fill: #80809E
}

.banner-close {
    height: 9px;
    width: 9px;
    right: 15px;
    fill: white;
    cursor: pointer
}

.ksr-alert-box--urgent {
    -webkit-box-shadow: inset 0px 2px 0px #F7AA1A;
    box-shadow: inset 0px 2px 0px #F7AA1A
}

.ksr-alert-box--nonurgent {
    -webkit-box-shadow: inset 0px 2px 0px #586BE9;
    box-shadow: inset 0px 2px 0px #586BE9
}

.alert-subject--urgent {
    color: #F7AA1A
}

.alert-subject--nonurgent {
    color: #586BE9
}

.alert-content {
    margin-bottom: 10px;
    padding: 0 10px 0 0
}
