/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

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

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

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

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

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

td,
th {
  padding: 0; }

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

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

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

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

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

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  margin: 0 auto;
  max-width: 61.875rem;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -1.5rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: left; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

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

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

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

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

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

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

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

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

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0 !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

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

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

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

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

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

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

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

  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }

  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left; } }
@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0 !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

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

  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left; }

  .push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

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

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

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

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

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

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

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

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

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0 !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }

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

  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left; }

  .push-0 {
    position: relative;
    left: 0;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

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

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

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

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

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

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

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

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

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
.text-underline {
  text-decoration: underline !important; }

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

.full-width-wrap {
  display: block;
  width: 100%;
  position: relative; }

.display-none {
  display: none; }

.margin-top-none {
  margin-top: 0px !important; }

.margin-top-smallest {
  margin-top: 12px !important; }

.margin-top-small {
  margin-top: 24px !important; }

.margin-top-medium {
  margin-top: 36px !important; }

.margin-top-big {
  margin-top: 48px !important; }

.margin-top-biggest {
  margin-top: 60px !important; }

.margin-bottom-none {
  margin-bottom: 0px !important; }

.margin-bottom-smallest {
  margin-bottom: 12px !important; }

.margin-bottom-small {
  margin-bottom: 24px !important; }

.margin-bottom-medium {
  margin-bottom: 36px !important; }

.margin-bottom-big {
  margin-bottom: 48px !important; }

.margin-bottom-biggest {
  margin-bottom: 60px !important; }

.padding-none {
  padding: 0; }

.padding-side-none {
  padding-right: 0;
  padding-left: 0; }

.padding-top-none {
  padding-top: 0px !important; }

.padding-top-smallest {
  padding-top: 12px !important; }

.padding-top-small {
  padding-top: 24px !important; }

.padding-top-medium {
  padding-top: 36px !important; }

.padding-top-big {
  padding-top: 48px !important; }

.padding-top-biggest {
  padding-top: 60px !important; }

.padding-bottom-none {
  padding-bottom: 0px !important; }

.padding-bottom-smallest {
  padding-bottom: 12px !important; }

.padding-bottom-small {
  padding-bottom: 24px !important; }

.padding-bottom-medium {
  padding-bottom: 36px !important; }

.padding-bottom-big {
  padding-bottom: 48px !important; }

.padding-bottom-biggest {
  padding-bottom: 60px !important; }

html, body {
  font-size: 1rem;
  color: #333333;
  font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #ffffff; }

hr {
  border: none;
  height: 2px;
  background-color: #000000; }
  hr.secondary {
    background-color: #C9CED0; }
  hr.high {
    height: 4px; }
  hr.short {
    height: 1px; }
  hr.full {
    width: 100%; }
  hr.big {
    width: 800; }
  hr.medium {
    width: 400; }
  hr.small {
    width: 240; }

/* [class*="column"] + [class*="column"]:last-child {
  float: left;
} */
.section {
  margin-top: 48;
  margin-bottom: 48; }
  .section.big {
    margin-top: 56;
    margin-bottom: 56; }
  .section.small {
    margin-top: 40;
    margin-bottom: 40; }

.content {
  padding-top: 24;
  padding-bottom: 24;
  overflow: hidden; }
  .content.big {
    padding-top: 32;
    padding-bottom: 32; }
  .content.small {
    padding-top: 20;
    padding-bottom: 20; }

.panel {
  padding-top: 16;
  padding-bottom: 16;
  overflow: hidden; }
  .panel.big {
    padding-top: 20;
    padding-bottom: 20; }
  .panel.small {
    padding-top: 8;
    padding-bottom: 8; }

.heading.biggest {
  font-size: 2.5rem;
  margin: 48px 0;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none; }
.heading.big {
  font-size: 2.25rem;
  margin: 16px 0;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none; }
.heading.medium {
  font-size: 1.625rem;
  margin: 16px 0;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none; }
.heading.small {
  font-size: 1.25rem;
  margin: 16px 0;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none; }
.heading.smallest {
  font-size: 0.875rem;
  margin: 12px 0;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase; }

.paragraph {
  font-size: 1.0625rem;
  line-height: 1.625rem;
  margin: 16px 0; }
  .paragraph.big {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin: 24px 0; }
  .paragraph.small {
    font-size: 0.8125rem;
    line-height: 0.875rem;
    margin: 12px 0; }

a {
  color: #333333;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

.button {
  font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 600;
  border-style: solid;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease-out;
          transition: background-color 150ms ease-out;
  font-size: 0.75rem;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 16px;
  padding-left: 16px;
  border-width: 0;
  border-radius: 2px;
  background-color: #5199FC;
  color: #ffffff;
  border-color: transparent; }
  .button:focus {
    outline: 0; }
  .button:hover {
    background-color: #3A83E6;
    color: #ffffff; }
  .button.secondary {
    font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 900;
    border-style: solid;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-color 150ms ease-out;
            transition: background-color 150ms ease-out;
    font-size: 0.75rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 14px;
    padding-left: 14px;
    border-width: 1px;
    border-radius: 2px;
    background-color: #ffffff;
    color: #333333;
    border-color: #DFE3E5; }
    .button.secondary:focus {
      outline: 0; }
    .button.secondary:hover {
      background-color: #F7F9FA;
      color: #333333; }
  .button.terciary {
    font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    border-style: solid;
    text-align: left;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
    display: inline-block;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-color 150ms ease-out;
            transition: background-color 150ms ease-out;
    font-size: 0.875rem;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 0;
    padding-left: 0;
    border-width: 0;
    border-radius: 0;
    background-color: transparent;
    color: #333333;
    border-color: #5199FC; }
    .button.terciary:focus {
      outline: 0; }
    .button.terciary:hover {
      background-color: transparent;
      color: #333333; }
  .button.error {
    background-color: #EF91AE;
    color: #ffffff;
    border-color: transparent; }
    .button.error:hover {
      background-color: #d7839d;
      color: #ffffff; }
  .button.success {
    background-color: #84ECB2;
    color: #ffffff;
    border-color: transparent; }
    .button.success:hover {
      background-color: #77d4a0;
      color: #ffffff; }
  .button.disabled {
    background-color: #C9CED0;
    color: #ffffff;
    border-color: transparent; }
    .button.disabled:hover {
      background-color: #b5b9bb;
      color: #ffffff; }
  .button.warning {
    background-color: #FFEDA4;
    color: #ffffff;
    border-color: transparent; }
    .button.warning:hover {
      background-color: #e6d594;
      color: #ffffff; }
  .button.big {
    font-size: 0.875rem;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 24px;
    padding-left: 24px;
    border-width: 0;
    border-radius: 3px; }
  .button.small {
    font-size: 0.75rem;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 18px;
    padding-left: 18px;
    border-width: 0;
    border-radius: 2px; }
  .button.rounded {
    border-radius: 100rem; }
  .button.full {
    width: 100%; }

button:focus {
  outline: none; }

.input-label {
  font-size: 1rem;
  display: block;
  padding: 0 0 4px;
  margin: 0; }

.input.text {
  font-size: 1rem;
  line-height: 1.5rem;
  width: 100%;
  border: solid 1px #EAEEF0;
  border-radius: 3px;
  padding: 7px 14px 7px;
  color: #333333;
  background-color: #ffffff;
  box-shadow: 0 0 0 10rem #ffffff inset;
  -webkit-transition: border 0.15s ease-out, box-shadow 0.2s ease-out;
          transition: border 0.15s ease-out, box-shadow 0.2s ease-out; }
  .input.text[type="password"] {
    background-image: none;
    background-repeat: no-repeat;
    background-position: none; }
  .input.text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 10rem #ffffff inset; }
  .input.text:focus {
    outline: 0;
    border: solid 1px #5199FC;
    box-shadow: 0px 0px 5px rgba(81, 153, 252, 0.3); }
  .input.text:focus:-webkit-autofill {
    box-shadow: 0 0 0 10rem #ffffff inset, 0px 0px 5px rgba(81, 153, 252, 0.3); }
  .input.text.secondary {
    border: solid 1px #C9CED0;
    border-radius: 2px;
    padding: 15px;
    color: #000000;
    background-color: #EAEEF0;
    box-shadow: 0 0 0 10rem #EAEEF0 inset; }
    .input.text.secondary:focus {
      outline: 0;
      border: solid 1px #9EA4A7; }
    .input.text.secondary:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 10rem #EAEEF0 inset; }
    .input.text.secondary:focus {
      outline: 0;
      border: solid 1px #9EA4A7;
      box-shadow: 0 0 0 0; }
    .input.text.secondary:focus:-webkit-autofill {
      box-shadow: 0 0 0 10rem #EAEEF0 inset, 0 0 0 0; }
.input.radio {
  display: none; }
  .input.radio + .input-label.radio:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0px 15px 0px 0px;
    border: #333333 1px solid;
    background-color: #ffffff;
    border-radius: 50%;
    vertical-align: middle; }
  .input.radio:checked + .input-label:before {
    border: #333333 8px solid; }
.input.checkbox {
  display: none; }
  .input.checkbox + .input-label.checkbox:before {
    content: "";
    display: inline-block;
    margin: 0px 15px 0px 0px;
    border: #333333 1px solid;
    width: 26px;
    height: 26px;
    background-color: #ffffff;
    position: relative;
    vertical-align: middle;
    border-radius: 2px; }
  .input.checkbox:checked + .input-label:before {
    background-image: url("../resources/assets/icons/check.svg");
    background-repeat: no-repeat;
    background-size: 100%; }
.input:focus {
  outline: 0; }
.input::-webkit-input-placeholder {
  color: #C9CED0; }
.input:-moz-placeholder {
  color: #C9CED0;
  opacity: 1; }
.input::-moz-placeholder {
  color: #C9CED0;
  opacity: 1; }
.input:-ms-input-placeholder {
  color: #C9CED0; }
.input.secondary::-webkit-input-placeholder {
  color: #9EA4A7; }
.input.secondary:-moz-placeholder {
  color: #9EA4A7;
  opacity: 1; }
.input.secondary::-moz-placeholder {
  color: #9EA4A7;
  opacity: 1; }
.input.secondary:-ms-input-placeholder {
  color: #9EA4A7; }

.radio.input-label {
  margin: 10px 20px 10px 0px;
  font-size: 1rem;
  display: inline-block; }

.checkbox.input-label {
  margin: 10px 20px 10px 0px;
  display: inline-block; }

.switch {
  display: block;
  width: 52px;
  height: 26px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */ }
  .switch .switch-input {
    display: none; }
  .switch .switch-label {
    display: block;
    width: 52px;
    height: 26px;
    border: 1px solid #9EA4A7;
    border-radius: 26px;
    -webkit-transition: border 0.3s;
            transition: border 0.3s;
    cursor: pointer;
    background-color: #ffffff; }
  .switch .switch-input + .switch-label:after {
    display: block;
    position: relative;
    content: ""; }
  .switch .switch-input + .switch-label:after {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 1px solid #9EA4A7;
    border-radius: 18px;
    -webkit-transition: -webkit-transform 0.3s, background 0.3s, border 0.3s;
            transition: -webkit-transform 0.3s, background 0.3s, border 0.3s; }
  .switch .switch-input:checked + .switch-label {
    border: 1px solid #333333; }
  .switch .switch-input:checked + .switch-label:after {
    background-color: #333333;
    border: 1px solid #333333;
    -webkit-transform: translate(26px, 0); }
  .switch.switch-right .switch-input + .switch-label:after {
    left: 29px; }
  .switch.switch-right .switch-input:checked + .switch-label:after {
    -webkit-transform: translate(-26px, 0); }

.hero {
  background-size: cover;
  width: 100%;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden; }
  .hero img {
    display: block;
    margin: auto;
    width: 100%; }

.nav .list {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0; }
.nav .item {
  padding: 0;
  margin: 0;
  display: inline-block; }
.nav .link {
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding: 0px 0px;
  color: #333333;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.75rem; }
  .nav .link.selected {
    color: #333333;
    background-color: transparent;
    border: none; }
  .nav .link:hover {
    color: #333333;
    background-color: transparent;
    border: none; }
.nav.horizontal .item + .item {
  margin-left: 36px; }
.nav.vertical .list {
  display: block; }
.nav.vertical .item {
  display: block;
  padding: 8px 0px; }
.nav.vertical .link {
  display: block; }
.nav.main {
  background-color: #EAEEF0; }
  .nav.main .nav-left {
    float: left; }
  .nav.main .nav-right {
    float: right; }
  .nav.main:after {
    content: '';
    display: block;
    clear: both; }
  .nav.main .list {
    display: inline-block; }
  .nav.main .link {
    color: #333333;
    padding: 24px 15px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.75rem; }
    .nav.main .link.selected {
      color: #333333;
      background-color: transparent;
      border: none; }
    .nav.main .link:hover {
      color: #333333;
      background-color: transparent;
      border: none; }
  .nav.main .logo {
    display: inline-block;
    vertical-align: middle; }
  .nav.main .logo-link {
    margin-right: 16px; }
  .nav.main .logo-link-span {
    padding-left: 12px;
    font-family: "futura-pt", Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.875rem;
    color: #333333; }

.modal {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 9997;
    /* &:target{

        .modal-bg {
            visibility: visible;
            opacity:1;
        }

        .modal-dialog{
            visibility: visible;
            opacity:1;
        }

    } */ }
  .modal .close {
    position: absolute;
    line-height: 0;
    right: 20px;
    top: 20px; }

.modal-bg {
  background-color: rgba(247, 249, 250, 0.92);
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.2s, opacity 0.2s ease-in;
          transition: visibility 0.2s, opacity 0.2s ease-in; }
  .modal-bg.show {
    visibility: visible;
    opacity: 1; }

.modal-box {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 84%;
  max-width: 320px;
  z-index: 9999; }

.modal-dialog {
  position: relative;
  padding: 0;
  background: #ffffff;
  color: #333333;
  border-radius: 3px;
  box-shadow: 0px 2px 20px 0px rgba(51, 51, 51, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.2s, opacity 0.2s ease-in;
          transition: visibility 0.2s, opacity 0.2s ease-in; }
  .modal-dialog.show {
    visibility: visible;
    opacity: 1; }

.message {
  display: block;
  position: relative;
  padding: 15px 30px 15px 20px;
  margin: 20px 0; }
  .message.info {
    border: #C9CED0 1px solid;
    background-color: #EAEEF0;
    color: #333333; }
  .message.success {
    border: #A1D9B4 1px solid;
    background-color: #E2FAE9;
    color: #84ECB2; }
  .message .close {
    width: 16px;
    height: 16px;
    right: 16px;
    line-height: 0;
    position: absolute; }
    .message .close.center {
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .message .close.top {
      top: 12px; }
  .message p {
    margin: 0; }
  .message h4 {
    margin: 0 0 6px; }

.notify {
  background-color: #58A0DF;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20001;
  text-align: center;
  padding: 20px 0; }
  .notify.fixed {
    position: fixed; }
  .notify .notify-title {
    display: inline-block;
    padding-right: 20px;
    margin: 0; }
  .notify .notify-text {
    display: inline-block;
    color: #ffffff;
    margin: 0; }
  .notify .close {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    line-height: 0; }

.avatar {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/default-avatar.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  width: 80px;
  height: 80px; }
  .avatar.small {
    width: 40px;
    height: 40px; }
  .avatar.medium {
    width: 80px;
    height: 80px; }
  .avatar.big {
    width: 92px;
    height: 92px; }
  .avatar.rounded {
    border-radius: 8px; }
  .avatar.circle {
    border-radius: 50%; }

.select-wrap {
  content: " ";
  overflow: display;
  height: 56px;
  position: relative;
  z-index: auto; }
  .select-wrap .select {
    border: 1px solid #C9CED0;
    border-radius: 2px;
    cursor: pointer; }
    .select-wrap .select .default, .select-wrap .select .option {
      display: block;
      padding: 15px 20px;
      color: #9EA4A7; }
    .select-wrap .select .default {
      padding-right: 40px;
      position: relative; }
      .select-wrap .select .default:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        right: 20px;
        height: 16px;
        width: 16px;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%; }
    .select-wrap .select .options {
      height: 0;
      overflow: hidden; }
      .select-wrap .select .options .option:hover {
        color: #333333; }
      .select-wrap .select .options .option {
        border-top: 1px #EAEEF0 solid; }
  .select-wrap:hover {
    z-index: 1000; }
    .select-wrap:hover .select {
      background-color: #ffffff;
      box-shadow: 0px 2px 6px 0px rgba(61, 65, 71, 0.08); }
      .select-wrap:hover .select .options {
        height: auto; }

.item-dropdown {
  display: block;
  position: relative !important; }
  .item-dropdown .dropdown-icon-ident {
    padding-right: 16px; }
  .item-dropdown:before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    height: 16px;
    width: 16px;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
  .item-dropdown:hover .dropdown, .item-dropdown:hover .floating-view {
    display: block; }

.dropdown, .floating-view {
  list-style-type: none;
  margin: 0;
  padding: 6px 0 8px;
  position: absolute;
  top: 100%;
  width: 150px;
  background: #ffffff;
  border: none;
  box-shadow: 0px 1px 7px 0px rgba(51, 51, 51, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
    /* &.center {

        left: 50%;
        transform: translate(-50%,0);

    } */ }
  .dropdown .dropdown-item, .floating-view .dropdown-item {
    display: block; }
    .dropdown .dropdown-item .dropdown-link, .floating-view .dropdown-item .dropdown-link {
      display: block;
      padding: 6px 20px;
      color: #6F7375;
      text-decoration: none; }
      .dropdown .dropdown-item .dropdown-link:hover, .floating-view .dropdown-item .dropdown-link:hover {
        color: #5199FC; }
  .dropdown .dropdown-item + .dropdown-item, .floating-view .dropdown-item + .dropdown-item {
    border-top: none; }
  .dropdown.left, .left.floating-view {
    left: 0; }
  .dropdown.right, .right.floating-view {
    right: 0; }

.table {
  text-align: left; }
  .table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td {
    padding: 14px 24px;
    vertical-align: top; }
  .table.middle thead tr th, .table.middle thead tr td, .table.middle tbody tr th, .table.middle tbody tr td {
    vertical-align: middle; }
  .table.small thead tr th, .table.small thead tr td, .table.small tbody tr th, .table.small tbody tr td {
    padding: 6px 12px; }
  .table.medium thead tr th, .table.medium thead tr td, .table.medium tbody tr th, .table.medium tbody tr td {
    padding: 14px 24px; }
  .table.big thead tr th, .table.big thead tr td, .table.big tbody tr th, .table.big tbody tr td {
    padding: 24px 38px; }
  .table.border thead tr th {
    background-color: #EAEEF0;
    border: 1px solid #C9CED0; }
  .table.border tbody tr td {
    border: 1px solid #C9CED0; }
  .table.full {
    width: 100%; }

.breadcrumb .list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.breadcrumb .item {
  padding: 0;
  margin: 0;
  display: inline-block; }
  .breadcrumb .item + .item:before {
    content: "";
    display: inline-block;
    margin: 0 10px;
    height: 12px;
    width: 12px;
    background-image: url("../resources/assets/icons/right-chevron.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }
.breadcrumb .link {
  display: inline-block;
  padding: 0;
  color: #9EA4A7;
  text-decoration: none; }
  .breadcrumb .link.selected {
    color: #181717; }
  .breadcrumb .link:hover {
    color: #5199FC; }

.label {
  background-color: #EAEEF0;
  color: #333333;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  padding: 5px 10px;
  -webkit-transition: background-color 150ms ease-out;
          transition: background-color 150ms ease-out; }
  .label + .label {
    margin-left: 15px; }
  .label .detail {
    display: inline-block;
    margin-left: 8px; }

a.label {
  text-decoration: none; }
  a.label:hover {
    background-color: #C9CED0;
    color: #181717; }

.tip {
  position: relative; }
  .tip:hover .tooltip {
    display: block; }

.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  border-radius: 2px;
  background-color: #333333;
  color: #ffffff;
  z-index: 9999; }
  .tooltip:after {
    background-color: #333333;
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 8px; }
  .tooltip.top {
    bottom: 120%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    .tooltip.top:after {
      bottom: -4px;
      left: 50%;
      -webkit-transform: translate(-50%, 0) rotate(45deg);
          -ms-transform: translate(-50%, 0) rotate(45deg);
              transform: translate(-50%, 0) rotate(45deg); }
  .tooltip.bottom {
    top: 120%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    .tooltip.bottom:after {
      top: -4px;
      left: 50%;
      -webkit-transform: translate(-50%, 0) rotate(45deg);
          -ms-transform: translate(-50%, 0) rotate(45deg);
              transform: translate(-50%, 0) rotate(45deg); }
  .tooltip.left {
    top: 50%;
    right: 120%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .tooltip.left:after {
      right: -4px;
      top: 50%;
      -webkit-transform: translate(0, -50%) rotate(45deg);
          -ms-transform: translate(0, -50%) rotate(45deg);
              transform: translate(0, -50%) rotate(45deg); }
  .tooltip.right {
    top: 50%;
    left: 120%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .tooltip.right:after {
      left: -4px;
      top: 50%;
      -webkit-transform: translate(0, -50%) rotate(45deg);
          -ms-transform: translate(0, -50%) rotate(45deg);
              transform: translate(0, -50%) rotate(45deg); }

.animation {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

@-webkit-keyframes shake {
  20% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  40% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes shake {
  20% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  40% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }
.shake {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: shake;
          animation-name: shake; }

@-webkit-keyframes attention {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes attention {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes attention-reverse {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@keyframes attention-reverse {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
.an-attention {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: attention;
          animation-name: attention;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.an-attention-reverse, .notification-item.attention {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: attention-reverse;
          animation-name: attention-reverse;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.an-attention-before:before {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: attention;
          animation-name: attention;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.t-reveal-from-top-start {
  opacity: 0;
  -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
          transform: translate(0, -10px);
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }

.t-reveal-from-top-end {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.no-content-view {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-delay: .15s;
          animation-delay: .15s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

[data-view="profile"] > div {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
[data-view="profile"] > div {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  [data-view="profile"] > div:nth-child(1) {
    -webkit-animation-delay: .7s;
            animation-delay: .7s; }
  [data-view="profile"] > div:nth-child(2) {
    -webkit-animation-delay: .9s;
            animation-delay: .9s; }
  [data-view="profile"] > div:nth-child(3) {
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s; }
  [data-view="profile"] > div:nth-child(4) {
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s; }
  [data-view="profile"] > div:nth-child(5) {
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s; }
  [data-view="profile"] > div:nth-child(6) {
    -webkit-animation-delay: 1.7s;
            animation-delay: 1.7s; }

[data-view="project-view"] .container > div {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
[data-view="project-view"] .container > div {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  [data-view="project-view"] .container > div:nth-child(1) {
    -webkit-animation-delay: .7s;
            animation-delay: .7s; }
  [data-view="project-view"] .container > div:nth-child(2) {
    -webkit-animation-delay: .9s;
            animation-delay: .9s; }
  [data-view="project-view"] .container > div:nth-child(3) {
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s; }
  [data-view="project-view"] .container > div:nth-child(4) {
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s; }
  [data-view="project-view"] .container > div:nth-child(5) {
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s; }
  [data-view="project-view"] .container > div:nth-child(6) {
    -webkit-animation-delay: 1.7s;
            animation-delay: 1.7s; }

[data-view="update-idea-view"] > div {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .8s;
          animation-delay: .8s; }
  [data-view="update-idea-view"] > div:nth-child(1) {
    -webkit-animation-delay: .2s;
            animation-delay: .2s; }
  [data-view="update-idea-view"] > div:nth-child(2) {
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }
  [data-view="update-idea-view"] > div:nth-child(3) {
    -webkit-animation-delay: .4s;
            animation-delay: .4s; }
  [data-view="update-idea-view"] > div:nth-child(4) {
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  [data-view="update-idea-view"] > div:nth-child(5) {
    -webkit-animation-delay: .6s;
            animation-delay: .6s; }
  [data-view="update-idea-view"] > div:nth-child(6) {
    -webkit-animation-delay: .7s;
            animation-delay: .7s; }

[data-view="settings-view"] {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

[data-view="account-profile-view"], [data-view="account-password-tab-view"], [data-view="settings-connections-view"], [data-view="account-notifications-tab-view"] {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .25s;
          animation-delay: .25s; }

[data-view="notifications-feed-view"] {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .25s;
          animation-delay: .25s; }

[data-view="search-results-view"] > div:not(.mobile) {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .25s;
          animation-duration: .25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="ideas"] > div, [data-view="search-results-view"] > div:not(.mobile) [data-column="people"] > div {
    opacity: 0;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="ideas"] > div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="ideas"] > div:nth-child(2) {
    -webkit-animation-delay: .15s;
            animation-delay: .15s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="ideas"] > div:nth-child(3) {
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="ideas"] > div:nth-child(4) {
    -webkit-animation-delay: .45s;
            animation-delay: .45s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="ideas"] > div:nth-child(5) {
    -webkit-animation-delay: .6s;
            animation-delay: .6s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="people"] > div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="people"] > div:nth-child(2) {
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="people"] > div:nth-child(3) {
    -webkit-animation-delay: .45s;
            animation-delay: .45s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="people"] > div:nth-child(4) {
    -webkit-animation-delay: .6s;
            animation-delay: .6s; }
  [data-view="search-results-view"] > div:not(.mobile) [data-column="people"] > div:nth-child(5) {
    -webkit-animation-delay: .75s;
            animation-delay: .75s; }

[data-view="simple-view-about"] {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

[data-view="simple-view-terms"] {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

#app {
  position: relative; }

#app-container {
  position: relative;
  min-height: 528px; }
  @media screen and (max-width: 641px) {
    #app-container {
      min-height: 440px; } }
  #app-container.tour-mode {
    position: relative;
    z-index: 2000;
    -webkit-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
            transform: translateY(-70px);
    overflow: hidden; }
    @media screen and (max-width: 641px) {
      #app-container.tour-mode {
        -webkit-transform: translateY(-52px);
            -ms-transform: translateY(-52px);
                transform: translateY(-52px); } }

.left-collapse {
  padding-left: 0 !important; }

.right-collapse {
  padding-right: 0 !important; }

.unscrollable {
  overflow: hidden;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%; }

#notify {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 20000; }

.row .clear-negative-margins {
  margin-right: 0;
  margin-left: 0; }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

.overflow-hidden {
  overflow: hidden; }

.view-deactivate {
  position: relative; }
  .view-deactivate:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 100%); }

.relative {
  position: relative; }

.inline-block {
  display: inline-block; }

.lock-right {
  position: absolute;
  right: 0; }

.lock-left {
  position: absolute;
  left: 0; }

.transition {
  -webkit-transition: all .2s;
          transition: all .2s; }

.img-inline-fix {
  position: relative;
  top: -2px; }

.separator {
  display: inline-block;
  vertical-align: middle;
  content: "";
  background-color: #DFE3E5; }

.hover-primary {
  -webkit-transition: color 0.1s linear;
          transition: color 0.1s linear; }
  .hover-primary:hover {
    color: #5199FC !important; }

.hover-opacity-80 {
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-out;
          transition: opacity 0.15s ease-out; }
  .hover-opacity-80:hover {
    opacity: 0.8 !important; }

.nav.main {
  z-index: 1000; }
  .nav.main > div {
    opacity: 0;
    z-index: 1000;
    position: relative; }
  .nav.main.after-render > div {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: .75s;
            animation-duration: .75s;
    -webkit-animation-delay: .15s;
            animation-delay: .15s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.nav.main .link {
  line-height: 22px; }

.anchors-links {
  display: inline-block;
  padding-top: 12px; }

.center-columns .column {
  display: inline-block;
  float: none !important;
  vertical-align: center; }

@media screen and (max-width: 641px) {
  .small-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .small-none {
    display: none !important; } }
.dropdown-icon {
  border: 0;
  background-color: transparent;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 6px;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort.svg");
  position: relative;
  top: -2px; }
  .dropdown-icon.white {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort-white.svg");
    top: 0;
    margin-left: 6px; }

.chevron, .notification-message .read:after {
  height: 10px;
  width: 10px;
  position: relative;
  top: -1px;
  display: inline-block;
  content: "";
  vertical-align: middle;
  margin-left: 2px;
  margin-right: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right-gray.svg"); }

.heart-dark {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 2px;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-dark.svg");
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: -1px; }

.uppercase {
  text-transform: uppercase; }

.centered-image {
  display: block;
  margin: auto; }

.block-icon {
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 auto 20px;
  position: relative;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }
  .block-icon.settings {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-dark.svg"); }
  .block-icon.profile {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/profile.svg"); }
  .block-icon.bulb {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bulb.svg"); }
  .block-icon.favorites:after {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: #EF91AE;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: -8px;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg");
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 58%; }

.content-sort-menu {
  position: relative;
  z-index: 500;
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.clear-me-seymour:after, .search-results-view .search-column-header:after, .settings-content-header:after, .settings-traits:after, .settings-avatars:after, .privacy-view .privacy-rule:after, .tour-view .tour-footer:after {
  clear: both;
  content: " ";
  display: table; }

.heading.medium-small {
  font-size: 1.25rem;
  line-height: 1.5rem; }

.paragraph {
  color: #898E90; }
  .paragraph.secondary, .paragraph .secondary {
    color: #333333; }
  .paragraph.medium-small {
    font-size: 0.875rem;
    line-height: 1.3125rem; }
  .paragraph.small {
    font-weight: 400; }
  .paragraph.smaller {
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    margin: 12px 0; }
  .paragraph.sub-heading {
    margin-top: -16px; }
  .paragraph a {
    text-decoration: none; }
    .paragraph a.anchors-link {
      color: #5199FC; }

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.text-shadow {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); }

.text-light {
  font-weight: 400; }

.capitalize {
  text-transform: capitalize; }

.blue-sub-heading {
  color: #5199FC;
  font-size: 0.875rem;
  margin-top: -16px;
  line-height: 1.0625rem; }
  .blue-sub-heading a {
    color: #5199FC; }
  .blue-sub-heading .secondary-span {
    color: #9EA4A7;
    margin-left: 4px; }

.button {
  -webkit-transition: background-color .15s;
          transition: background-color .15s; }
  .button.loader-padding {
    padding-right: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.small-link {
  margin-top: 6px;
  font-size: 0.8125rem;
  color: #333333;
  -webkit-transition: color 100ms linear;
          transition: color 100ms linear; }
  .small-link.small-link-hover:hover {
    color: #5199FC; }
  .small-link + .small-link {
    margin-left: 24px; }
  .small-link.small-link-cover {
    color: #ffffff; }

.small-link-img {
  height: 12px;
  width: 12px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px; }
  .small-link-img.twitter-white {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/twitter-white.svg"); }
  .small-link-img.twitter-gray-dark {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/twitter-dark.svg"); }
  .small-link-img.twitter-gray {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/twitter-gray.svg"); }
  .small-link-img.globe-white {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/globe-white.svg"); }
  .small-link-img.globe-gray-dark {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/globe-dark.svg"); }
  .small-link-img.globe-gray {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/globe-gray.svg"); }
  .small-link-img.pin-white {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/location-white.svg"); }
  .small-link-img.pin-gray-dark {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/location-dark.svg"); }
  .small-link-img.calendar-gray-dark {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/calendar-dark.svg"); }
  .small-link-img.heart-gray-dark {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-dark.svg"); }
  .small-link-img.heart-gray {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-gray.svg"); }
  .small-link-img.dribbble-gray {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dribbble-gray.svg"); }
  .small-link-img.github-gray {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/github-gray.svg"); }
  .small-link-img.bulb-gray {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bulb-small-gray.svg"); }

.opacity-40 {
  opacity: 0.4; }

.none {
  display: none; }

.avatar {
  background-color: #C9CED0; }
  .avatar.avatar-idea {
    border-radius: 8px;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/default-avatar-idea.svg"); }

.delete-image {
  display: block;
  content: "";
  background-color: #EF91AE;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-close.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #ffffff;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.12, 0.15, 0.55, 1.71), opacity 0.16s linear, background-color 0.16s linear;
          transition: transform 0.25s cubic-bezier(0.12, 0.15, 0.55, 1.71), opacity 0.16s linear, background-color 0.16s linear;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 2; }
  @media screen and (min-width: 1026px) {
    .delete-image {
      -webkit-transform: scale(0.7, 0.7);
          -ms-transform: scale(0.7, 0.7);
              transform: scale(0.7, 0.7);
      opacity: 0; } }
  .delete-image.rectangular {
    top: -12px;
    right: -12px; }
  .delete-image.delete-show-toggle {
    display: none; }
    .delete-image.delete-show-toggle.show {
      display: block; }

.delete-image-trigger:hover .delete-image {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s; }
  .delete-image-trigger:hover .delete-image:hover {
    background-color: #F27494;
    -webkit-transform: scale(1.15, 1.15);
        -ms-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15);
    -webkit-transition-delay: 0;
            transition-delay: 0; }

.button[data-status="success"] {
  background-color: #84ECB2; }
.button[data-status="error"] {
  background-color: #EF91AE; }
.button[data-status="loading"] {
  background-color: #5199FC; }
.button[data-status="disable"], .button.disabled {
  background-color: #C9CED0 !important;
  cursor: default !important;
  border-color: #C9CED0 !important;
  color: rgba(255, 255, 255, 0.7) !important; }
  .button[data-status="disable"]:hover, .button.disabled:hover {
    color: rgba(255, 255, 255, 0.7); }
.button.tiny {
  padding: 1px 9px;
  border-radius: 40px;
  font-size: 0.75rem;
  display: inline-block;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #ffffff;
  background-color: #C9CED0; }
  .button.tiny:hover {
    background-color: #B9BEC0; }
  .button.tiny.active {
    background-color: #5199FC; }
    .button.tiny.active:hover {
      background-color: #3A83E6; }
  .button.tiny.tiny-dark {
    -webkit-transition: background-color 150ms ease-out, -webkit-transform 125ms ease-out;
            transition: background-color 150ms ease-out, transform 125ms ease-out;
    background-color: rgba(38, 40, 40, 0.4); }
    .button.tiny.tiny-dark:hover {
      background-color: rgba(38, 40, 40, 0.6); }

.button.button-secondary-icon {
  padding-left: 22px;
  padding-right: 22px; }
  .button.button-secondary-icon:before {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
    background-size: 100%; }
  .button.button-secondary-icon.edit-idea:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-dark.svg"); }
  .button.button-secondary-icon.search:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/magnifier2.svg");
    margin-right: 4px; }
  .button.button-secondary-icon.upload {
    overflow: hidden; }
    .button.button-secondary-icon.upload:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/upload-dark.svg"); }
    .button.button-secondary-icon.upload.disabled:before {
      opacity: 0.7;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/upload-white.svg"); }
    .button.button-secondary-icon.upload.disabled .hidden-file-input {
      cursor: auto; }
  .button.button-secondary-icon.profile:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/profile.svg"); }

.hidden-file-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 60px;
  opacity: 0;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  width: 100%;
  z-index: 2; }

.false-file-input {
  display: inline-block;
  position: relative;
  z-index: 1; }

.input.text, .input.textarea {
  -webkit-appearance: none; }
.input.text {
  margin-bottom: 24px; }
  .input.text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 10rem #F9F9F9 inset; }
.input.textarea {
  width: 100%;
  height: 120px;
  resize: vertical; }
  .input.textarea.max-100 {
    height: 80px; }
  .input.textarea.max-350 {
    height: 120px; }

.required {
  color: #5199FC;
  padding-left: 2px; }

.input-wrapper {
  position: relative;
  display: table;
  margin-bottom: 22px; }
  @media screen and (max-width: 768px) {
    .input-wrapper.desktop {
      display: block;
      padding-right: 2px; }
      .input-wrapper.desktop .input-transparent {
        display: block;
        left: 1px; }
      .input-wrapper.desktop .pseudo-label {
        display: none; } }
  .input-wrapper .pseudo-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .input-wrapper .input-transparent {
    position: relative;
    top: 1px;
    left: -1px;
    padding: 7px 14px 7px;
    border: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 1rem;
    line-height: 1.5rem;
    background-color: transparent;
    box-shadow: 0 0 0 10rem #ffffff inset;
    display: table-cell;
    width: 100%;
    z-index: 3; }
    .input-wrapper .input-transparent:focus {
      outline: 0;
      background-color: transparent;
      box-shadow: 0 0 0 10rem #ffffff inset;
      border: 0; }
    .input-wrapper .input-transparent:focus + .pseudo-input {
      box-shadow: 0px 0px 5px rgba(81, 153, 252, 0.3);
      border: solid 1px #5199FC; }
    .input-wrapper .input-transparent::-webkit-input-placeholder {
      color: #C9CED0; }
    .input-wrapper .input-transparent:-moz-placeholder {
      color: #C9CED0;
      opacity: 1; }
    .input-wrapper .input-transparent::-moz-placeholder {
      color: #C9CED0;
      opacity: 1; }
    .input-wrapper .input-transparent:-ms-input-placeholder {
      color: #C9CED0; }
  .input-wrapper .pseudo-label {
    position: relative;
    top: 1px;
    left: 1px;
    padding: 7px 14px 7px;
    padding-right: 16px;
    border: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #9EA4A7;
    background-color: #F7F9FA;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    z-index: 2; }

.labeltronic {
  float: right;
  font-size: 0.8125rem;
  display: inline-block;
  line-height: 26px;
  text-align: right;
  color: #9EA4A7; }
  .labeltronic.error {
    color: #EF91AE; }
  @media screen and (max-width: 420px) {
    .labeltronic {
      float: none;
      display: block;
      text-align: left;
      margin-top: -8px; } }

.labeltronic-error-link {
  float: right;
  display: inline-block;
  line-height: 26px;
  text-align: right;
  color: #EF91AE;
  pointer-events: none;
  cursor: default;
  opacity: 0;
  -webkit-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
          transform: translateX(-15px);
  -webkit-transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .labeltronic-error-link.error {
    pointer-events: auto;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .labeltronic-error-link .chevron, .labeltronic-error-link .notification-message .read:after, .notification-message .labeltronic-error-link .read:after {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right-red.svg");
    margin-right: -2px; }

.form-check {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 50; }
  .form-check:before, .form-check:after {
    width: 20px;
    height: 20px;
    display: block;
    content: " ";
    position: absolute;
    top: 10px;
    left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
            transition: opacity 0.2s ease-out, transform 0.3s ease-out; }
  .form-check:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-blue.svg"); }
  .form-check:after {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-red.svg"); }
  .form-check[data-check-valid="true"]:before {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .form-check[data-check-valid="false"]:after {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

.form-question {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 50; }
  .form-question:before, .form-question:after {
    width: 24px;
    height: 24px;
    display: block;
    content: " ";
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 12px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out; }
  .form-question:before {
    background-color: #EAEEF0;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/question-gray.svg");
    opacity: 1; }
  .form-question:after {
    background-color: #EF91AE;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/question-white.svg");
    opacity: 0; }
  .form-question.error:before {
    opacity: 0; }
  .form-question.error:after {
    opacity: 1; }

.form-check-padding, .form-question-padding {
  padding-right: 38px !important; }

.input[data-valid="false"], .input[data-unique="false"] {
  border-color: #EF91AE; }

.switch .switch-input:checked + .switch-label.disabled {
  background-color: #C9CED0;
  border-color: #C9CED0;
  cursor: auto; }
  .switch .switch-input:checked + .switch-label.disabled:after {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: transparent; }

@media screen and (max-width: 1025px) {
  .medium-right {
    float: right !important; }

  .medium-left {
    float: left !important; } }
@media screen and (max-width: 641px) {
  .small-right {
    float: right !important; }

  .small-left {
    float: left !important; } }
.section-block {
  padding-top: 44px; }
  .section-block:last-child {
    padding-bottom: 44px; }
  .section-block.no-page-content {
    padding-top: 120px;
    padding-bottom: 120px; }

.section-block-heading {
  margin-top: 18px;
  margin-bottom: 28px; }

.dotted-block:after {
  height: 2px;
  width: 100%;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dotted-line.svg");
  background-repeat: repeat-x;
  content: "";
  display: block;
  margin-top: 44px; }
.dotted-block.dotted-no-margin-top:after {
  margin-top: 0px; }

@media screen and (max-width: 641px) {
  .section-block:last-child {
    margin-bottom: 0; } }
progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  z-index: 9999; }

progress[value]::-webkit-progress-bar {
  background-color: transparent; }

progress[value]::-webkit-progress-value {
  background-color: #5199FC;
  -webkit-transition: width .4s ease;
          transition: width .4s ease; }

.unsupported {
  padding-top: 84px;
  text-align: center;
  font-size: 14px; }

.unsupported-logo {
  width: 48px;
  height: 48px;
  margin-bottom: 24px; }

.unsupported-name {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.75rem; }

.unsupported-paragraph {
  line-height: 1.75rem;
  margin: 84px auto 84px; }

.unsupported-paragraphs {
  line-height: 1.75rem;
  margin: 84px auto 24px; }

.unsupported-copyright, .unsupported-support {
  color: #9EA4A7;
  margin: 20px 0; }

.unsupported-browsers {
  margin-bottom: 84px; }

.unsupported-browser {
  border: 0;
  display: inline-block;
  padding: 0 18px; }

.unsupported-browser-logo {
  margin-bottom: 12px;
  width: 84px;
  height: 84px; }

.unsupported-browser-name {
  display: block; }

/* add to starterkit */
.square {
  border-radius: 4px !important; }

.modal.theme-gallery .modal-bg:after, .modal.theme-gallery .modal-bg:before {
  cursor: pointer;
  -webkit-transition: opacity .25s;
          transition: opacity .25s; }

.bold {
  font-weight: bolder; }

/* /add to starterkit */
.loader-spinner {
  position: absolute;
  top: -6px;
  left: auto;
  right: 10px; }
  .loader-spinner svg {
    width: 20px !important;
    height: 20px !important; }

.list-view-load-more .button {
  max-width: 250px;
  margin: auto;
  display: block; }

@media only screen and (min-width: 102rem) {
  .enable-xlarge {
    max-width: 82.5rem; }

  .xlarge-1 {
    width: 8.33333%; }

  .xlarge-2 {
    width: 16.66667%; }

  .xlarge-3 {
    width: 25%; }

  .xlarge-4 {
    width: 33.33333%; }

  .xlarge-5 {
    width: 41.66667%; }

  .xlarge-6 {
    width: 50%; }

  .xlarge-7 {
    width: 58.33333%; }

  .xlarge-8 {
    width: 66.66667%; }

  .xlarge-9 {
    width: 75%; }

  .xlarge-10 {
    width: 83.33333%; }

  .xlarge-11 {
    width: 91.66667%; }

  .xlarge-12 {
    width: 100%; } }
@media only screen and (min-width: 120.063rem) {
  .enable-xxlarge {
    max-width: 82.5rem; }

  .xxlarge-1 {
    width: 8.33333%; }

  .xxlarge-2 {
    width: 16.66667%; }

  .xxlarge-3 {
    width: 25%; }

  .xxlarge-4 {
    width: 33.33333%; }

  .xxlarge-5 {
    width: 41.66667%; }

  .xxlarge-6 {
    width: 50%; }

  .xxlarge-7 {
    width: 58.33333%; }

  .xxlarge-8 {
    width: 66.66667%; }

  .xxlarge-9 {
    width: 75%; }

  .xxlarge-10 {
    width: 83.33333%; }

  .xxlarge-11 {
    width: 91.66667%; }

  .xxlarge-12 {
    width: 100%; } }
.icon {
  display: block;
  height: 30px;
  width: 30px;
  margin: auto;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%; }
  .icon.big {
    height: 50px;
    width: 50px; }
  .icon.medium {
    height: 30px;
    width: 30px; }
  .icon.small {
    height: 15px;
    width: 15px; }
  .icon.refresh {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/refresh.svg"); }
  .icon.settings {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-dark.svg"); }
  .icon.profile {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/profile.svg"); }
  .icon.bulb {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bulb.svg"); }
  .icon.bell {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bell.svg"); }
  .icon.bell-hole {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bell-hole.svg"); }
  .icon.flag {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/flag.svg"); }
  .icon.flag-red {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/flag-red.svg"); }

.nav.main {
  position: relative;
  width: 100%; }
  .nav.main.cover-blend {
    position: absolute;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.3); }
    .nav.main.cover-blend .separator {
      background-color: rgba(0, 0, 0, 0.1); }
  .nav.main .link {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    color: #202020; }
    .nav.main .link.nav-burger {
      display: none;
      padding-right: 0;
      padding-left: 12px; }
    .nav.main .link .nav-burger-span {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -1px;
      width: 20px;
      height: 14px;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/nav-burger.svg");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; }

.nav-general {
  position: relative;
  z-index: 1; }

.nav-session {
  position: relative;
  z-index: 2; }

.header-separator {
  width: 3px;
  height: 30px;
  margin: 0 8px 0 10px; }

.logo-link {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .logo-link .logo-span {
    height: 0;
    vertical-align: middle;
    display: inline-block; }
    .logo-link .logo-span .logo {
      width: 26px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }

.no-touch .bottom-nav-effect:hover .link {
  opacity: 0.4; }
.no-touch .bottom-nav-effect .link:hover {
  opacity: 1; }
.no-touch .bottom-nav-effect:not(.no-bottom-bar) .link:hover:after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); }

.bottom-nav-effect .link {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out; }
  .bottom-nav-effect .link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 2;
    content: "";
    margin-top: 0.625rem;
    height: 3px;
    background-color: #5199FC;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.15s ease-out;
            transition: transform 0.15s ease-out;
    border-left: 0;
    border-right: 0;
    left: 15px;
    right: 15px;
    width: auto; }
.bottom-nav-effect:not(.no-bottom-bar) .link.selected:after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); }

.sign-in-up .link.log-in, .sign-in-up .link.sign-up {
  padding-left: 10px;
  padding-right: 10px; }
.sign-in-up .link.sign-up {
  font-weight: 600;
  padding-right: 0; }

@media screen and (max-width: 641px) {
  .nav.main .logo-link {
    margin-right: 8px; }
    .nav.main .logo-link .logo-span .logo {
      width: 22px; }
  .nav.main .link {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .nav.main .small-12 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .nav.main .header-separator {
    margin: 0 8px 0 6px; }
  .nav.main .sign-in-up .log-in {
    display: none; }

  .bottom-nav-effect .link:after {
    border-left: 0;
    border-right: 0;
    left: 10px;
    right: 10px;
    width: auto; }

  .nav.main .link.nav-burger {
    display: inline-block; } }
@media screen and (max-width: 360px) {
  .nav.main .link {
    padding-left: 7px;
    padding-right: 7px; }

  .bottom-nav-effect .link:after {
    left: 7px;
    right: 7px; } }
.menu-mobile {
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1.5rem;
  background-color: #F7F9FA;
  z-index: 10000;
  box-shadow: inset 0px 3px 0px #EAEEF0;
  -webkit-transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .menu-mobile.after-render {
    opacity: 1; }
    .menu-mobile.after-render .menu-mobile-nav, .menu-mobile.after-render .menu-mobile-footer {
      opacity: 1;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .menu-mobile.after-render .menu-mobile-footer {
      -webkit-transition-delay: 0.15s;
              transition-delay: 0.15s; }
  .menu-mobile.before-destroy {
    opacity: 0; }
  .menu-mobile .menu-mobile-nav, .menu-mobile .menu-mobile-footer {
    opacity: 0;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .menu-mobile .menu-mobile-nav {
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
    -webkit-transition: opacity 0.65s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.65s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: opacity 0.65s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.65s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .menu-mobile .menu-mobile-footer {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .menu-mobile .close-link {
    padding-right: 2px !important; }
  .menu-mobile .close {
    width: 16px;
    height: 16px; }
  .menu-mobile .menu-mobile-header {
    position: relative;
    z-index: 3; }
  .menu-mobile .menu-mobile-nav {
    position: absolute;
    top: 26px;
    bottom: 92px;
    left: 0;
    right: 0;
    padding: 0 1.5rem;
    text-align: center;
    z-index: 2; }
    .menu-mobile .menu-mobile-nav.session {
      bottom: 124px; }
    .menu-mobile .menu-mobile-nav .list {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .menu-mobile .menu-mobile-nav .item {
      text-align: center;
      padding: 2px 0px; }
    .menu-mobile .menu-mobile-nav .link {
      display: inline-block;
      text-transform: capitalize;
      font-size: 1.375rem;
      line-height: 1.5rem;
      font-weight: 600;
      padding-top: 6px;
      padding-bottom: 6px;
      text-align: center; }
      .menu-mobile .menu-mobile-nav .link.thin {
        font-weight: 400; }
      .menu-mobile .menu-mobile-nav .link .sub-link {
        font-size: 0.9375rem;
        font-weight: 400;
        position: relative;
        top: -2px;
        text-transform: lowercase; }
    .menu-mobile .menu-mobile-nav .profile-link {
      padding-bottom: 4px; }
    .menu-mobile .menu-mobile-nav .search-link {
      padding-bottom: 8px; }
    .menu-mobile .menu-mobile-nav .search {
      width: 28px;
      height: 28px; }
  .menu-mobile .menu-mobile-footer {
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
    padding: 22px 0 32px;
    text-align: center;
    border-top: 3px solid #EAEEF0; }
    .menu-mobile .menu-mobile-footer a {
      display: inline-block;
      padding: 6px 9px;
      font-size: 0.9375rem; }

.footer {
  border-top: 1px solid #EAEEF0;
  margin-top: 60px; }

.nav-footer {
  padding: 30px 0 42px;
  text-align: center;
  color: #9EA4A7; }
  .nav-footer a {
    color: #9EA4A7;
    margin-top: 12px;
    display: inline-block; }
  .nav-footer .left a {
    margin-right: 24px; }
  .nav-footer .right {
    margin-top: 12px; }

@media screen and (max-width: 641px) {
  .nav-footer .left {
    margin-bottom: 12px; }
    .nav-footer .left a {
      color: #9EA4A7;
      margin-top: 10px;
      display: inline-block; }
  .nav-footer .right {
    margin-top: 24px; }
  .nav-footer .left, .nav-footer .right {
    float: none !important;
    display: block;
    text-align: left; } }
.sign-in-up-wrapper {
  display: inline-block; }

.cover-search.cover-blend {
  background-color: rgba(255, 255, 255, 0.7) !important; }
.cover-search .search-wrapper {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
.cover-search .search-hide {
  opacity: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px); }
.cover-search .bottom-nav-effect .link.selected:after {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: -webkit-transform .35s;
          transition: transform .35s; }

.search-hide {
  -webkit-transition: -webkit-transform 0.65s, opacity 0.4s;
          transition: transform 0.65s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

.testing-search-cards {
  margin-top: 48px; }

.search-card {
  display: block;
  border-radius: 2px;
  position: relative;
  -webkit-transition: box-shadow .25s, -webkit-transform .2s;
          transition: box-shadow .25s, transform .2s;
  margin-top: 30px; }
  .search-card:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    -webkit-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
            transform: translate(0, -3px); }

#search {
  opacity: 1; }

.search-wrapper-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background-color: #fff; }

.search-wrapper {
  position: absolute !important;
  top: 0px;
  width: 100%;
  -webkit-transition: -webkit-transform .15s;
          transition: transform .15s;
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  position: relative;
  z-index: 1200 !important; }

.search-logo {
  position: absolute !important;
  top: 0;
  left: 0;
  margin-right: 0 !important;
  z-index: 2; }

.search-bar {
  padding: 18px 40px 18px 46px;
  background-color: transparent;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 1.5rem;
  color: #1D1D23;
  font-weight: bold;
  z-index: 1; }
  .search-bar::-webkit-input-placeholder {
    font-size: 1.5rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3); }
  .search-bar::-moz-placeholder {
    font-size: 1.5rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3); }
  .search-bar:-ms-input-placeholder {
    font-size: 1.5rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3); }
  .search-bar::placeholder {
    font-size: 1.5rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 641px) {
    .search-bar {
      font-size: 1.125rem;
      line-height: 2.125rem;
      padding-left: 40px;
      padding-top: 9px;
      padding-bottom: 9px; }
      .search-bar::-webkit-input-placeholder {
        font-size: 1.125rem;
        line-height: 2.125rem; }
      .search-bar::-moz-placeholder {
        font-size: 1.125rem;
        line-height: 2.125rem; }
      .search-bar:-ms-input-placeholder {
        font-size: 1.125rem;
        line-height: 2.125rem; }
      .search-bar::placeholder {
        font-size: 1.125rem;
        line-height: 2.125rem; } }
  @media screen and (max-width: 374px) {
    .search-bar {
      font-size: 0.9375rem; }
      .search-bar::-webkit-input-placeholder {
        font-size: 0.9375rem; }
      .search-bar::-moz-placeholder {
        font-size: 0.9375rem; }
      .search-bar:-ms-input-placeholder {
        font-size: 0.9375rem; }
      .search-bar::placeholder {
        font-size: 0.9375rem; } }

.search-bar-view {
  position: relative; }
  .search-bar-view .search-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    margin-right: 0 !important; }
  .search-bar-view .close {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 2px solid #000;
    border-radius: 50%;
    vertical-align: middle;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    cursor: pointer;
    -webkit-transform: translateY(-54%);
        -ms-transform: translateY(-54%);
            transform: translateY(-54%); }
  .search-bar-view .search-bar, .search-bar-view .search-close {
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-transition: -webkit-transform .35s, opacity .2s;
            transition: transform .35s, opacity .2s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: 0; }
  .search-bar-view.animate-in .search-bar, .search-bar-view.animate-in .search-close {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; }
  .search-bar-view.animate-in .search-close {
    -webkit-transition-delay: .15s;
            transition-delay: .15s; }

.search-card-image {
  background-color: #EAEEF0;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
  .search-card-image .avatar {
    margin: 20px;
    height: 60px;
    width: 60px;
    border: 3px solid #ffffff;
    position: relative; }
    .search-card-image .avatar.avatar-idea {
      border-radius: 6px; }

.search-item-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.search-card-content {
  height: 100px;
  width: 100%;
  padding-left: 120px;
  padding-right: 20px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  position: relative;
  z-index: 2; }
  .search-card-content .content-top {
    position: relative; }
  .search-card-content .content-top-left {
    width: 100%;
    padding-right: 60px;
    max-width: 264px; }
  .search-card-content .content-top-right {
    display: block;
    position: absolute;
    top: 14px;
    right: 0; }
    .search-card-content .content-top-right .avatar {
      width: 32px;
      height: 32px; }
  .search-card-content .content-bottom .right .tiny-dark {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 6px; }
  .search-card-content .content-bottom .right .trait, .search-card-content .content-bottom .right .extra-traits {
    width: 20px;
    height: 20px; }
  .search-card-content .content-bottom .right .trait-wrap, .search-card-content .content-bottom .right .extra-traits {
    margin-left: 5px; }
  .search-card-content .content-bottom .trait-wrap, .search-card-content .content-bottom .extra-traits {
    vertical-align: top;
    line-height: 1rem; }
  .search-card-content .text-smaller {
    font-size: 0.6875rem;
    vertical-align: top;
    margin-left: 6px;
    display: inline-block;
    color: #C9CED0;
    font-weight: 500;
    line-height: 20px; }
    .search-card-content .text-smaller .number {
      color: #333333;
      font-size: 0.75rem;
      font-weight: 600; }
    .search-card-content .text-smaller .small-link-img {
      margin-right: 0;
      top: -2px; }
      .search-card-content .text-smaller .small-link-img.dribbble {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dribbble-gray.svg"); }
      .search-card-content .text-smaller .small-link-img.github {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/github-gray.svg"); }
  .search-card-content .tiny.tiny-dark {
    background-color: #C9CED0;
    vertical-align: top;
    line-height: 18px !important; }
    .search-card-content .tiny.tiny-dark:hover {
      background-color: #9EA4A7; }
  .search-card-content .tiny.tiny-follow, .search-card-content .tiny.tiny-contact {
    font-weight: 600; }
    .search-card-content .tiny.tiny-follow:after, .search-card-content .tiny.tiny-contact:after {
      display: inline-block;
      content: "";
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-left: 3px;
      margin-right: -2px;
      position: relative;
      top: -1px;
      background-position: center;
      background-repeat: no-repeat; }
  .search-card-content .tiny.tiny-follow:after {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg"); }
  .search-card-content .tiny.tiny-follow.following {
    background-color: #EF91AE; }
  .search-card-content .tiny.tiny-contact:after {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-gray.svg");
    margin-left: 0;
    margin-right: 0; }
  .search-card-content .heading {
    padding-top: 14px;
    margin-top: 0; }
  .search-card-content .paragraph {
    height: 0.875rem;
    margin-top: -14px;
    margin-bottom: 10px; }

@media screen and (max-width: 948px) {
  .search-card {
    margin-top: 24px; }

  .search-card-image {
    width: 72px;
    height: 72px; }
    .search-card-image .avatar {
      margin: 12px;
      height: 48px;
      width: 48px;
      border: 2px solid #ffffff; }

  .search-card-content {
    height: 72px;
    padding-left: 92px; }
    .search-card-content .content-top-right {
      top: 20px; }
    .search-card-content .content-bottom {
      display: none; } }
@media screen and (max-width: 360px) {
  .search-card-content .content-top-left {
    padding-right: 0; }
  .search-card-content .content-top-right {
    display: none; } }
.search-list-header {
  margin: 60px auto 60px auto;
  font-size: 18px; }
  .search-list-header .alt {
    color: #5199FC;
    text-transform: capitalize; }

.search-list-no-results {
  margin-top: 200px; }

.search-results-view {
  position: fixed;
  z-index: 1000;
  top: 71px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  padding-bottom: 200px; }
  .search-results-view .search-column {
    position: relative;
    min-height: 1px; }
  .search-results-view .search-no-results {
    margin-top: 204px; }
    @media screen and (max-width: 948px) {
      .search-results-view .search-no-results {
        margin-top: 156px; } }
    @media screen and (max-width: 641px) {
      .search-results-view .search-no-results {
        margin-top: 84px; } }
  .search-results-view .search-column-header .heading, .search-results-view .search-column-header .view-all-link {
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 38px 0 -6px; }
  .search-results-view .view-all-link {
    color: #9EA4A7;
    text-transform: capitalize; }
  .search-results-view .view-all {
    margin-top: 36px;
    padding-left: 22px;
    padding-right: 22px; }
    .search-results-view .view-all .chevron, .search-results-view .view-all .notification-message .read:after, .notification-message .search-results-view .view-all .read:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right.svg");
      margin-right: -4px; }
  @media screen and (max-width: 641px) {
    .search-results-view .desktop, .search-results-view .search-column {
      display: none; }
    .search-results-view .mobile, .search-results-view .search-column.mobile-show {
      display: block; } }
  @media screen and (min-width: 642px) {
    .search-results-view .desktop {
      display: block; }
    .search-results-view .mobile {
      display: none; } }

.modal {
  opacity: 0; }
  .modal .modal-bg {
    visibility: visible;
    opacity: 0; }
  .modal .modal-box {
    opacity: 0;
    -webkit-transform: translate(-50%, -48%) scale(0.97);
        -ms-transform: translate(-50%, -48%) scale(0.97);
            transform: translate(-50%, -48%) scale(0.97); }
  .modal .modal-dialog {
    visibility: visible;
    opacity: 1; }
    .modal .modal-dialog .close {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close.svg");
      width: 16px;
      height: 16px;
      display: inline-block;
      background-position: center;
      background-repeat: no-repeat; }
    .modal .modal-dialog .input.text {
      margin-bottom: 16px; }
    .modal .modal-dialog .input.textarea {
      margin-bottom: 0;
      height: 92px; }
    .modal .modal-dialog .button {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
      .modal .modal-dialog .button.twitter {
        background-color: #EAEEF0;
        color: #6CADDE;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
        .modal .modal-dialog .button.twitter:hover {
          background-color: #DFE3E5; }
    .modal .modal-dialog .header-wrap {
      padding: 36px 40px 0;
      box-shadow: inset 0px -2px 0 #F7F9FA;
      position: relative;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
      .modal .modal-dialog .header-wrap .heading {
        display: inline-block;
        margin: 0;
        text-transform: uppercase;
        padding-bottom: 18px;
        box-shadow: inset 0px -2px 0 #181717;
        position: relative; }
    .modal .modal-dialog .form-wrap {
      padding: 40px 40px 24px; }
      .modal .modal-dialog .form-wrap .paragraph {
        margin-top: 0; }
        .modal .modal-dialog .form-wrap .paragraph.sub-heading {
          margin-top: -16px;
          margin-bottom: 20px; }
    .modal .modal-dialog .button-wrap {
      padding: 0;
      display: block; }
    .modal .modal-dialog .modal-extra {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin-top: 16px;
      text-align: center; }
      .modal .modal-dialog .modal-extra .button {
        padding-left: 36px;
        padding-right: 36px; }
        .modal .modal-dialog .modal-extra .button .chevron, .modal .modal-dialog .modal-extra .button .notification-message .read:after, .notification-message .modal .modal-dialog .modal-extra .button .read:after {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right.svg");
          margin-right: -4px; }
  .modal .dialog-content {
    padding: 0; }
    .modal .dialog-content .form-copy-text {
      margin-top: -4px;
      margin-bottom: 24px;
      font-size: 0.875rem;
      line-height: 1.125rem; }
  .modal .header-avatar-wrap {
    display: none; }
  .modal.after-render {
    opacity: 1; }
    .modal.after-render .modal-bg {
      -webkit-transition: all .5s;
              transition: all .5s;
      opacity: 1; }
    .modal.after-render .modal-box {
      opacity: 1;
      -webkit-transition: all 1.15s cubic-bezier(0.075, 0.82, 0.165, 1);
              transition: all 1.15s cubic-bezier(0.075, 0.82, 0.165, 1);
      -webkit-transition-delay: 0.25s;
              transition-delay: 0.25s;
      -webkit-transform: translate(-50%, -50%) scale(1);
          -ms-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
  .modal.before-destroy {
    opacity: 0; }
  .modal.theme-dribbble .modal-dialog .button, .modal.theme-github .modal-dialog .button, .modal.theme-delete-account .modal-dialog .button, .modal.theme-contact .modal-dialog .button {
    border-radius: 2px; }
  .modal.theme-dribbble .modal-dialog .dialog-content, .modal.theme-github .modal-dialog .dialog-content, .modal.theme-delete-account .modal-dialog .dialog-content, .modal.theme-contact .modal-dialog .dialog-content {
    padding: 40px; }
    .modal.theme-dribbble .modal-dialog .dialog-content .form-wrap, .modal.theme-github .modal-dialog .dialog-content .form-wrap, .modal.theme-delete-account .modal-dialog .dialog-content .form-wrap, .modal.theme-contact .modal-dialog .dialog-content .form-wrap {
      padding: 0 0 24px; }
  .modal.theme-dribbble .modal-dialog .close, .modal.theme-github .modal-dialog .close, .modal.theme-delete-account .modal-dialog .close, .modal.theme-contact .modal-dialog .close {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-white.svg"); }
  .modal.theme-dribbble .header-wrap, .modal.theme-github .header-wrap, .modal.theme-delete-account .header-wrap, .modal.theme-contact .header-wrap {
    background-repeat: no-repeat;
    color: #fff;
    box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); }
    .modal.theme-dribbble .header-wrap .heading, .modal.theme-github .header-wrap .heading, .modal.theme-delete-account .header-wrap .heading, .modal.theme-contact .header-wrap .heading {
      box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.2); }
  .modal.theme-dribbble .header-wrap {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/big-dribbble-logo.svg");
    background-position: 12px -36px;
    background-color: #ea4c89; }
  .modal.theme-github .header-wrap {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/big-github-logo.svg");
    background-position: 10px -26px;
    background-color: #3D76C3; }
  .modal.theme-gallery {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; }
    .modal.theme-gallery .modal-bg:after {
      content: "";
      position: absolute;
      top: 20px;
      right: 20px;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-black.svg");
      border: 2px solid #000;
      width: 26px;
      height: 26px;
      display: inline-block;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%;
      vertical-align: middle;
      cursor: pointer; }
    .modal.theme-gallery.after-render .modal-box {
      -webkit-transform: translate(0, 0) scale(1) !important;
          -ms-transform: translate(0, 0) scale(1) !important;
              transform: translate(0, 0) scale(1) !important; }
    .modal.theme-gallery .modal-box {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      -webkit-transform: translate(0, 2%) scale(0.97);
          -ms-transform: translate(0, 2%) scale(0.97);
              transform: translate(0, 2%) scale(0.97);
      width: auto !important;
      max-width: none !important;
      pointer-events: none; }
      .modal.theme-gallery .modal-box .modal-dialog {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: none;
        background: transparent; }
      .modal.theme-gallery .modal-box .close {
        display: none; }
      .modal.theme-gallery .modal-box .dialog-content {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important; }
        .modal.theme-gallery .modal-box .dialog-content img {
          display: block;
          margin: auto;
          box-shadow: 0px 2px 20px 0px rgba(51, 51, 51, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
          max-height: 90% !important;
          max-width: 90% !important;
          -webkit-transform: translate(-50%, -50%) !important;
              -ms-transform: translate(-50%, -50%) !important;
                  transform: translate(-50%, -50%) !important;
          position: absolute !important;
          top: 50% !important;
          left: 50% !important; }
  .modal.theme-delete-account .header-wrap {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/big-skull.svg");
    background-position: 3px -44px;
    background-color: #9EA4A7; }
  .modal.theme-contact .modal-box {
    max-width: 540px; }
  .modal.theme-contact .header-wrap {
    background-position: center;
    background-size: cover;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    background-color: #333333; }
    .modal.theme-contact .header-wrap:before {
      content: "";
      opacity: 0.2;
      background-color: #333333;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 0; }
  .modal.theme-contact .header-avatar-wrap {
    height: 0;
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    bottom: 16px;
    right: 12px; }
    .modal.theme-contact .header-avatar-wrap .avatar {
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%);
      display: inline-block;
      border: 5px solid #fff;
      border-width: 4px; }
  .modal.theme-contact .project-contact-overview {
    padding-bottom: 8px; }
    .modal.theme-contact .project-contact-overview .paragraph {
      margin-top: 0;
      margin-bottom: 0px; }
  .modal.theme-contact .no-traits-overlap {
    display: block;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -40px;
    margin-bottom: 36px;
    padding: 10px 40px;
    background: #F7F9FA;
    color: #EF91AE;
    line-height: 1rem;
    font-size: 0.875rem; }
  @media screen and (max-width: 480px) {
    .modal.theme-contact .modal-dialog .dialog-content {
      padding: 25px; }
    .modal.theme-contact .modal-dialog .no-traits-overlap {
      margin-left: -25px;
      margin-right: -25px;
      margin-top: -25px;
      margin-bottom: 25px;
      padding: 10px 25px; }
    .modal.theme-contact .modal-dialog .header-avatar-wrap {
      bottom: -14px;
      right: 0;
      display: block; }
      .modal.theme-contact .modal-dialog .header-avatar-wrap .avatar {
        width: 60px;
        height: 60px; }
    .modal.theme-contact .modal-dialog .header-wrap {
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 20px; }
      .modal.theme-contact .modal-dialog .header-wrap .heading {
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 24px;
        vertical-align: bottom; }
    .modal.theme-contact .modal-dialog .input.textarea {
      height: 70px; } }

.user .add-idea:before {
  content: "";
  height: 16px;
  width: 16px;
  display: inline-block;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/plus.svg");
  vertical-align: top;
  position: relative;
  top: 2px; }
.user .username-wrap {
  position: relative;
  display: inline-block; }
.user .username.link {
  padding-left: 8px;
  padding-right: 4px; }
.user .username .dropdown-icon {
  margin-left: 0px;
  top: -1px; }
.user .avatar-link.link {
  opacity: 1 !important;
  padding-right: 0;
  padding-left: 0; }
.user .avatar-span {
  height: 0;
  vertical-align: middle;
  display: inline-block; }
  .user .avatar-span .avatar {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: relative;
    top: -1px; }
.user .dropdown, .user .floating-view {
  top: 3.75rem; }
  .user .dropdown.right, .user .right.floating-view {
    right: -0.375rem; }

.nav-right .show {
  visibility: visible;
  opacity: 1; }

@media screen and (min-width: 642px) {
  .nav-right .user .mobile {
    display: none; } }
@media screen and (max-width: 641px) {
  .nav-right .user .desktop {
    display: none; }
  .nav-right .user .avatar-link.link {
    padding-right: 4px;
    padding-left: 4px; }
  .nav-right .user .avatar-span .avatar {
    width: 28px;
    height: 28px; } }
.card {
  border-radius: 3px;
  color: #333333;
  max-width: 290px;
  margin: auto;
  margin-top: 12px;
  margin-bottom: 36px;
  cursor: pointer;
  position: relative;
  display: block; }
  .card .card-main-content {
    background-color: #F7F9FA;
    position: relative;
    display: block;
    width: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .card .card-main-content.card-image {
      padding: 37.5% 50%;
      border-radius: 3px; }
    .card .card-main-content .tiny-dark {
      background-color: #C9CED0; }
      .card .card-main-content .tiny-dark:hover {
        background-color: #C9CED0; }
  .card .card-top-info {
    width: 100%;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    padding: 20px 20px 0;
    font-size: 1px; }
    .card .card-top-info .right {
      position: relative; }
    .card .card-top-info .tiny-envelope:after {
      display: inline-block;
      content: "";
      width: 16px;
      height: 16px;
      vertical-align: middle;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      top: 2px;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-gray.svg"); }
    .card .card-top-info .tiny-dark {
      font-weight: 600;
      position: relative; }
      .card .card-top-info .tiny-dark:hover {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
      .card .card-top-info .tiny-dark:after {
        display: inline-block;
        content: "";
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-left: 3px;
        margin-right: -2px;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        top: -1px; }
      .card .card-top-info .tiny-dark.tiny-follow {
        -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
                transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
        .card .card-top-info .tiny-dark.tiny-follow:after {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg"); }
        .card .card-top-info .tiny-dark.tiny-follow.following {
          background-color: #EF91AE; }
      .card .card-top-info .tiny-dark.tiny-private {
        position: relative;
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-color: white; }
        .card .card-top-info .tiny-dark.tiny-private:hover {
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }
        .card .card-top-info .tiny-dark.tiny-private:after {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chain.svg");
          background-size: 60%;
          background-color: #4423B4;
          margin-left: 2px;
          margin-right: 2px;
          border-radius: 100%;
          border-radius: 100%;
          width: 36px;
          height: 36px;
          position: absolute;
          left: 2px;
          top: 2px;
          margin-left: 0;
          margin-right: 0; }
        .card .card-top-info .tiny-dark.tiny-private.privacy-2:after {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/lock.svg");
          background-size: 44%;
          background-color: #A31C81; }
    .card .card-top-info .avatar {
      border: 2px solid #ffffff;
      position: relative;
      top: -10px;
      right: -10px; }
    .card .card-top-info .featured-card {
      height: 24px;
      width: 24px;
      border-radius: 50%;
      display: inline-block;
      background-color: #FCE588;
      position: relative;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/featured-star.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      vertical-align: top;
      -webkit-transform: translateY(-2px);
          -ms-transform: translateY(-2px);
              transform: translateY(-2px);
      margin-right: 10px; }
  .card .card-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .card .card-content {
    position: relative;
    z-index: 2;
    padding: 20px 24px 16px;
    text-align: center; }
    .card .card-content .avatar {
      border: 4px solid #ffffff;
      margin: 52px auto 0px;
      width: 108px;
      height: 108px; }
    .card .card-content .card-title {
      letter-spacing: 0;
      text-transform: capitalize;
      font-size: 1.25rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      min-height: 1.5rem;
      margin: 15px auto 0; }
    .card .card-content .card-description {
      font-size: 0.8125rem;
      line-height: 1rem;
      height: 2rem;
      overflow: hidden;
      margin: 6px auto; }
  .card .extra-traits {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    line-height: 1.125rem;
    letter-spacing: 0; }
  .card .card-traits {
    height: 96px;
    text-align: center;
    position: relative;
    border: 1px solid #EAEEF0;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    font-size: 0.5rem; }
    .card .card-traits .card-traits-content {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding: 0 20px; }
    .card .card-traits .trait-wrap {
      vertical-align: middle; }
      .card .card-traits .trait-wrap .trait {
        height: 24px;
        width: 24px; }
    .card .card-traits .trait-wrap, .card .card-traits .extra-traits {
      margin: 3px; }
    .card .card-traits .paragraph.smaller:first-child {
      color: #B9BEC0; }
    .card .card-traits .paragraph.smaller + .smaller {
      margin-top: -12px; }
  .card .card-main-content.has-image {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07);
    position: relative; }
    .card .card-main-content.has-image:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-transition: background-color 0.25s;
              transition: background-color 0.25s;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .card .card-main-content.has-image .avatar {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }
    .card .card-main-content.has-image .tiny-dark:not(.following), .card .card-main-content.has-image .tiny-private {
      background-color: rgba(38, 40, 40, 0.4); }
      .card .card-main-content.has-image .tiny-dark:not(.following):hover, .card .card-main-content.has-image .tiny-private:hover {
        background-color: rgba(38, 40, 40, 0.4); }
    .card .card-main-content.has-image .tiny-envelope:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-white.svg"); }
    .card .card-main-content.has-image .card-title, .card .card-main-content.has-image .card-description {
      color: #ffffff; }
    .card .card-main-content.has-image .card-idea-types {
      border-top-color: rgba(255, 255, 255, 0.1); }
      .card .card-main-content.has-image .card-idea-types .extra-traits {
        background: rgba(38, 40, 40, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.4);
        color: #ffffff; }
    .card .card-main-content.has-image .card-user-numbers {
      border-top-color: rgba(255, 255, 255, 0.1); }
      .card .card-main-content.has-image .card-user-numbers .card-user-number + .card-user-number {
        border-left-color: rgba(255, 255, 255, 0.1); }
      .card .card-main-content.has-image .card-user-numbers .card-user-number .heading {
        color: #ffffff; }
      .card .card-main-content.has-image .card-user-numbers .card-user-number .paragraph {
        color: #ffffff;
        opacity: 0.7; }
      .card .card-main-content.has-image .card-user-numbers .card-user-number .small-link-img.dribbble {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dribbble-white.svg"); }
      .card .card-main-content.has-image .card-user-numbers .card-user-number .small-link-img.github {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/github-white.svg"); }
  .card.card-idea {
    opacity: 0;
    -webkit-transition: box-shadow .25s, -webkit-transform .2s;
            transition: box-shadow .25s, transform .2s;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-delay: .15s;
            animation-delay: .15s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .card.card-idea .card-main-content.has-image {
      background-size: 800%; }
    .card.card-idea.privacy-1, .card.card-idea.privacy-2 {
      opacity: .9; }
      .card.card-idea.privacy-1 .card-content, .card.card-idea.privacy-1 .card-idea-types, .card.card-idea.privacy-2 .card-content, .card.card-idea.privacy-2 .card-idea-types {
        -webkit-transition: opacity .35s;
                transition: opacity .35s;
        opacity: 0.5; }
    .card.card-idea .card-top-info {
      -webkit-transition: -webkit-transform .25s;
              transition: transform .25s; }
    .card.card-idea .card-content .card-description {
      height: 1rem;
      margin: -4px auto 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 12px; }
    .card.card-idea .card-idea-types {
      position: relative;
      text-align: center;
      z-index: 3;
      padding: 18px 20px;
      border-top: 1px solid #ECEFF2;
      line-height: 18px;
      min-height: 61px; }
      .card.card-idea .card-idea-types.no-types {
        border-top: 1px solid transparent; }
      .card.card-idea .card-idea-types .tiny-dark, .card.card-idea .card-idea-types .extra-traits {
        margin: 2px;
        vertical-align: middle; }
  .card.card-user {
    opacity: 0;
    -webkit-transition: box-shadow .25s, -webkit-transform .2s;
            transition: box-shadow .25s, transform .2s;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-delay: .15s;
            animation-delay: .15s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .card.card-user .card-main-content.has-image {
      background-size: 400%; }
    .card.card-user .card-top-info {
      -webkit-transition: -webkit-transform .25s;
              transition: transform .25s; }
    .card.card-user .card-content .card-description {
      height: 1rem;
      margin: -5px auto 8px;
      opacity: 0.7;
      font-weight: 500; }
    .card.card-user .card-user-numbers {
      position: relative;
      text-align: center;
      z-index: 3;
      padding: 0;
      border-top: 1px solid #ECEFF2;
      line-height: 18px;
      min-height: 61px; }
      .card.card-user .card-user-numbers.no-numbers {
        border-top-color: transparent; }
      .card.card-user .card-user-numbers .card-user-number {
        float: left;
        text-align: center; }
        .card.card-user .card-user-numbers .card-user-number + .card-user-number {
          border-left: 1px solid #ECEFF2; }
        .card.card-user .card-user-numbers .card-user-number .heading {
          font-size: 1rem;
          margin-top: 13px; }
        .card.card-user .card-user-numbers .card-user-number .paragraph {
          margin-bottom: 13px;
          line-height: 14px;
          opacity: 0.85; }
        .card.card-user .card-user-numbers .card-user-number .small-link-img.dribbble {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dribbble-gray.svg"); }
        .card.card-user .card-user-numbers .card-user-number .small-link-img.github {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/github-gray.svg"); }
      .card.card-user .card-user-numbers .width-1 {
        width: 100%; }
      .card.card-user .card-user-numbers .width-2 {
        width: 50%; }
      .card.card-user .card-user-numbers .width-3 {
        width: 33.3%; }
  .card.github {
    border: 1px solid #EAEEF0; }
    .card.github .card-icons {
      line-height: 36px;
      padding: 12px 20px;
      background-color: #F7F9FA; }
      .card.github .card-icons .left.repository:before, .card.github .card-icons .left.fork:before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        content: "";
        width: 30px;
        height: 30px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .card.github .card-icons .left.repository:before {
        top: 0px;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/git-repository-dark.svg"); }
      .card.github .card-icons .left.fork:before {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/git-fork-dark.svg"); }
      .card.github .card-icons .right {
        font-weight: 600; }
        .card.github .card-icons .right:after {
          display: inline-block;
          vertical-align: middle;
          margin-left: 6px;
          content: "";
          width: 18px;
          height: 18px;
          position: relative;
          top: -1px;
          right: 2px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/git-star.svg"); }
    .card.github .card-details {
      text-align: left;
      padding: 12px 28px;
      background-color: #ffffff; }
      .card.github .card-details .card-title {
        margin-bottom: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .card.github .card-details .heading {
        text-transform: none; }
      .card.github .card-details .sub-heading {
        overflow: hidden;
        text-transform: lowercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 1.5rem; }

.not-touch-device .card.card-idea:hover, .not-touch-device .card.card-user:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  -webkit-transform: translate(0, -3px);
      -ms-transform: translate(0, -3px);
          transform: translate(0, -3px); }
  .not-touch-device .card.card-idea:hover .card-top-info, .not-touch-device .card.card-user:hover .card-top-info {
    -webkit-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
            transform: translate(0, 2px); }
  .not-touch-device .card.card-idea:hover .card-main-content.has-image:before, .not-touch-device .card.card-user:hover .card-main-content.has-image:before {
    background-color: rgba(0, 0, 0, 0.55); }
.not-touch-device .card.card-idea:hover.privacy-1 .card-content, .not-touch-device .card.card-idea:hover.privacy-1 .card-idea-types, .not-touch-device .card.card-idea:hover.privacy-2 .card-content, .not-touch-device .card.card-idea:hover.privacy-2 .card-idea-types {
  opacity: 0.75; }

.profile-cover.page-cover {
  height: 440px;
  text-align: center; }
  @media only screen and (min-width: 102rem) {
    .profile-cover.page-cover {
      height: 540px; } }

.account {
  position: relative; }
  .account.after-render {
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px); }
  .account.before-destroy {
    -webkit-transform: translateY(-140px);
        -ms-transform: translateY(-140px);
            transform: translateY(-140px); }
  .account .settings-traits, .account .settings-connections {
    margin-top: 36px;
    margin-bottom: 36px; }
  .account .settings-traits {
    width: 480px;
    margin-bottom: 12px; }
  .account .settings-connections {
    width: 445px;
    border-bottom: solid 1px #EAEEF0; }
    .account .settings-connections .settings-content-header {
      padding-top: 12px;
      margin-bottom: 12px; }
    .account .settings-connections .settings-content-block.dribbble {
      margin-bottom: 36px; }
    .account .settings-connections .settings-content-block.github {
      margin-bottom: 24px; }

.tour-step-control {
  margin-bottom: 36px; }
  .tour-step-control .right {
    padding-left: 52px;
    padding-right: 52px; }

.timeline-wrapper .timeline {
  width: 6px;
  background-color: #EAEEF0;
  height: 200px;
  position: relative; }
  .timeline-wrapper .timeline .progress {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #5199FC; }
  .timeline-wrapper .timeline .step-icon {
    background-color: #ffffff;
    border: 2px solid #EAEEF0;
    border-radius: 50%;
    display: inline-block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    left: -15px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto; }
    .timeline-wrapper .timeline .step-icon.active {
      border: 2px solid #5199FC; }
    .timeline-wrapper .timeline .step-icon[data-step="1"] {
      top: 0;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check.svg"); }
      .timeline-wrapper .timeline .step-icon[data-step="1"].active {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-selected.svg"); }
    .timeline-wrapper .timeline .step-icon[data-step="2"] {
      top: 0;
      bottom: 0;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check.svg"); }
      .timeline-wrapper .timeline .step-icon[data-step="2"].active {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-selected.svg"); }
    .timeline-wrapper .timeline .step-icon[data-step="3"] {
      bottom: 0;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check.svg"); }
      .timeline-wrapper .timeline .step-icon[data-step="3"].active {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-selected.svg"); }

.settings {
  position: relative; }

.settings-header {
  width: 100%;
  position: absolute;
  top: 0px;
  padding: 15px 0; }
  .settings-header:before {
    content: "";
    display: block;
    background-color: #F7F9FA;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .settings-header.fixed {
    position: fixed;
    top: 0;
    z-index: 9000; }
    .settings-header.fixed:before {
      -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
              transform: scaleY(1); }
    .settings-header.fixed .row {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .settings-header .row {
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out; }
  .settings-header .heading {
    padding-left: 22px;
    line-height: 40px;
    margin: 0; }
  .settings-header .save-button {
    width: 112px;
    text-align: center; }
  .settings-header .update-profile-buttons {
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 3; }
  .settings-header .view-profile {
    color: #9EA4A7;
    font-size: 0.875rem;
    padding-right: 16px; }

.settings-header-padding {
  padding-top: 130px; }

.settings-nav-wrapper {
  width: 40%;
  max-width: 350px; }

.nav.vertical.settings-nav .list {
  background-color: #F7F9FA;
  border-radius: 3px;
  overflow: hidden; }
  .nav.vertical.settings-nav .list.secondary {
    background-color: #ffffff; }
.nav.vertical.settings-nav .item {
  padding: 0; }
  .nav.vertical.settings-nav .item + .item {
    border-top: solid 1px #ffffff; }
  .nav.vertical.settings-nav .item .link {
    padding: 20px 24px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .nav.vertical.settings-nav .item .link:hover {
      background-color: #EAEEF0; }
    .nav.vertical.settings-nav .item .link.selected {
      color: #5199FC;
      font-weight: 600;
      background-color: #ffffff; }
      .nav.vertical.settings-nav .item .link.selected:after {
        display: inline-block;
        content: "";
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        right: 24px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right-blue.svg");
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .nav.vertical.settings-nav .item .link.delete-account {
      color: #C9CED0;
      font-weight: 400;
      text-transform: capitalize;
      letter-spacing: 0;
      font-size: 0.875rem; }
      .nav.vertical.settings-nav .item .link.delete-account:hover {
        background-color: transparent; }

@media screen and (min-width: 1026px) {
  .settings-content {
    padding-left: 0; } }
.settings-content .settings-traits, .settings-content .settings-avatars {
  width: 100%; }

.settings-connections {
  margin-left: 0;
  margin-right: 0; }

.settings-content-header {
  margin-bottom: 24px; }
  .settings-content-header:before {
    height: 2px;
    width: 100%;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dotted-line.svg");
    background-repeat: repeat-x;
    content: "";
    display: block; }
  .settings-content-header .availability-description {
    margin-bottom: 36px; }
  .settings-content-header .heading-username {
    color: #9EA4A7;
    margin-left: 2px;
    font-weight: 400; }
    .settings-content-header .heading-username .avatar {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -2px;
      width: 16px;
      height: 16px; }
  .settings-content-header .switch {
    margin-top: 22px; }

.settings-content-block {
  margin-bottom: 36px; }

.settings-traits, .settings-avatars {
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

.settings-traits {
  max-height: 800px;
  -webkit-transition: max-height 0.3s ease-out;
          transition: max-height 0.3s ease-out;
  overflow: hidden;
  margin: 0 0 36px; }
  @media screen and (min-width: 480px) {
    .settings-traits {
      max-height: 560px; } }
  @media screen and (min-width: 849px) {
    .settings-traits {
      max-height: 400px; } }
  .settings-traits.view-deactivate {
    max-height: 300px;
    overflow: hidden; }
  .settings-traits .traits-group {
    padding-top: 12px;
    position: relative;
    left: -15px;
    margin-right: -30px;
    margin-bottom: -20px; }
  .settings-traits .settings-trait {
    margin: 0 0 32px;
    text-align: center;
    display: inline-block;
    min-width: 0;
    width: 50%;
    vertical-align: top; }
    @media screen and (min-width: 480px) {
      .settings-traits .settings-trait {
        width: 33.33%; } }
    @media screen and (min-width: 849px) {
      .settings-traits .settings-trait {
        width: 25%; } }
    .settings-traits .settings-trait.active .settings-trait-image-wrapper .settings-trait-image {
      box-shadow: inset 0px 0px 0px 5px transparent !important; }
    .settings-traits .settings-trait.active .settings-trait-image-wrapper:before {
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .settings-traits .settings-trait.active .settings-trait-label {
      color: #333333; }
    .settings-traits .settings-trait .settings-trait-image-wrapper {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      cursor: pointer;
      margin: auto;
      position: relative;
      background-color: #C9CED0;
      -webkit-transition: box-shadow 0.3s ease-out;
              transition: box-shadow 0.3s ease-out; }
      .settings-traits .settings-trait .settings-trait-image-wrapper .settings-trait-image {
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        box-shadow: inset 0px 0px 0px 5px transparent;
        -webkit-transition: box-shadow 0.15s ease-out;
                transition: box-shadow 0.15s ease-out; }
      .settings-traits .settings-trait .settings-trait-image-wrapper:hover .settings-trait-image {
        box-shadow: inset 0px 0px 0px 5px #B9BEC0; }
      .settings-traits .settings-trait .settings-trait-image-wrapper:before {
        display: block;
        background-color: #5199FC;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 auto;
        border-radius: 50%;
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
                transform: scale(0, 0);
        -webkit-transition: -webkit-transform 0.4s;
                transition: transform 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
                transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
    .settings-traits .settings-trait .settings-trait-label {
      font-size: 0.875rem;
      line-height: 0.875rem;
      height: 1.75rem;
      color: #9EA4A7;
      margin-top: 10px;
      margin-left: 20px;
      margin-right: 20px;
      text-align: center;
      -webkit-transition: color 0.3s ease-out;
              transition: color 0.3s ease-out; }

.traits-header {
  display: none;
  overflow: hidden; }

.settings-connections {
  text-align: left;
  margin-left: auto;
  margin-right: auto; }
  .settings-connections .settings-content-header {
    padding: 0 0 28px;
    margin-bottom: 0; }
    .settings-connections .settings-content-header:before {
      height: 2px;
      width: 100%;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/dotted-line.svg");
      background-repeat: repeat-x;
      content: "";
      display: block;
      margin-bottom: 24px; }
  .settings-connections .connection-refresh {
    position: absolute;
    right: 60px;
    top: 8px;
    width: 25px;
    height: 25px;
    cursor: pointer; }
    .settings-connections .connection-refresh .loader {
      top: -13px;
      left: 0;
      right: 0; }
      .settings-connections .connection-refresh .loader svg {
        width: 20px !important;
        height: 20px !important; }
  .settings-connections .connection-info {
    width: 100%; }
    .settings-connections .connection-info .avatar {
      display: inline-block;
      vertical-align: middle; }
    .settings-connections .connection-info .connection-logo {
      margin-right: -44px; }
      .settings-connections .connection-info .connection-logo.dribbble {
        background-color: #ea4c89;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-dribbble-logo.svg"); }
      .settings-connections .connection-info .connection-logo.github {
        background-color: #3D76C3;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-github-logo.svg"); }
      .settings-connections .connection-info .connection-logo.notification-follow {
        background-color: #333333;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/notification-follow.svg"); }
      .settings-connections .connection-info .connection-logo.notification-favorite {
        background-color: #333333;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/notification-favorite.svg"); }
      .settings-connections .connection-info .connection-logo.notification-general {
        background-color: #333333;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/notification-general.svg"); }
    .settings-connections .connection-info .connection-info-text {
      display: inline-block;
      vertical-align: middle;
      padding-left: 52px;
      padding-right: 72px;
      width: 100%; }
      .settings-connections .connection-info .connection-info-text .heading {
        margin: 0;
        line-height: 1.25rem;
        font-size: 1.125rem; }
        .settings-connections .connection-info .connection-info-text .heading .heading-username-span {
          max-width: 160px;
          display: inline-block;
          vertical-align: middle;
          top: -2px;
          position: relative;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .settings-connections .connection-info .connection-info-text .paragraph {
        margin: 0;
        font-size: 0.875rem;
        position: relative;
        top: 0px;
        line-height: 1rem; }
  .settings-connections .connection-switch {
    position: absolute;
    top: 0;
    right: 0; }
    .settings-connections .connection-switch .switch {
      margin-top: 7px; }
  @media screen and (max-width: 641px) {
    .settings-connections .connection-info .connection-info-text .heading .heading-username-span {
      max-width: 130px; } }
  @media screen and (max-width: 768px) and (min-width: 642px), screen and (max-width: 480px) {
    .settings-connections .connection-info .connection-info-text {
      margin: 0;
      padding-left: 0; }
      .settings-connections .connection-info .connection-info-text .heading {
        margin: 0;
        font-size: 1rem; }
        .settings-connections .connection-info .connection-info-text .heading .heading-username-span {
          display: none; }
      .settings-connections .connection-info .connection-info-text .sub-heading {
        display: none; }
    .settings-connections .connection-info .connection-logo {
      display: none; }
    .settings-connections .connection-switch .switch {
      margin-top: 2px; }
    .settings-connections .connection-refresh {
      top: 3px; } }
  .settings-connections .settings-content-block {
    margin-bottom: 36px;
    position: relative; }
    .settings-connections .settings-content-block.dribbble {
      margin-bottom: 28px;
      margin-left: -10px;
      margin-right: -10px; }
      .settings-connections .settings-content-block.dribbble .heading {
        margin: -6px auto 24px; }
      .settings-connections .settings-content-block.dribbble .column {
        padding-left: 10px;
        padding-right: 10px; }
      .settings-connections .settings-content-block.dribbble .card {
        margin-top: 0;
        margin-bottom: 20px; }
    .settings-connections .settings-content-block.github .heading {
      margin: -6px auto 24px; }
    .settings-connections .settings-content-block.github .column {
      margin-bottom: 10px; }
    .settings-connections .settings-content-block.github .left:before {
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px;
      margin-left: -5px;
      content: "";
      width: 36px;
      height: 36px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .settings-connections .settings-content-block.github .repo-full-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 240px;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -2px;
      line-height: 1.5rem; }
    .settings-connections .settings-content-block.github .right:after {
      display: inline-block;
      vertical-align: middle;
      margin-left: 6px;
      content: "";
      width: 18px;
      height: 18px;
      position: relative;
      top: -2px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/git-star.svg"); }
    .settings-connections .settings-content-block.github .repository {
      line-height: 36px; }
      .settings-connections .settings-content-block.github .repository .left:before {
        top: 0px;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/git-repository.svg"); }
    .settings-connections .settings-content-block.github .fork {
      line-height: 36px; }
      .settings-connections .settings-content-block.github .fork .left:before {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/git-fork.svg"); }
    @media screen and (max-width: 720px) {
      .settings-connections .settings-content-block.github .repo-full-name {
        max-width: 200px; } }
    @media screen and (max-width: 641px) {
      .settings-connections .settings-content-block.github .left:before {
        margin-right: 6px;
        margin-left: -4px;
        width: 24px;
        height: 24px; }
      .settings-connections .settings-content-block.github .repo-full-name {
        max-width: 180px; } }
    @media screen and (max-width: 420px) {
      .settings-connections .settings-content-block.github .repo-full-name {
        max-width: 150px; } }
    @media screen and (max-width: 360px) {
      .settings-connections .settings-content-block.github .repo-full-name {
        max-width: 110px; } }

.settings-avatars .settings-avatar {
  margin: 0 0 12px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  min-width: 100px; }
  @media screen and (max-width: 720px) and (min-width: 642px), screen and (max-width: 480px) {
    .settings-avatars .settings-avatar {
      width: 50%; }
      .settings-avatars .settings-avatar:nth-child(n+3) {
        margin-top: 12px; } }
  .settings-avatars .settings-avatar .paragraph.sub-heading {
    margin-bottom: 0;
    padding: 0 6px; }
  .settings-avatars .settings-avatar .settings-avatar-image-wrapper {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    cursor: pointer;
    margin: auto;
    position: relative; }
    .settings-avatars .settings-avatar .settings-avatar-image-wrapper .settings-avatar-image {
      position: absolute;
      top: 3px;
      bottom: 3px;
      left: 3px;
      right: 3px;
      border: 2px solid #ffffff;
      z-index: 2;
      width: auto;
      height: auto;
      overflow: visible; }
      .settings-avatars .settings-avatar .settings-avatar-image-wrapper .settings-avatar-image:after {
        display: block;
        content: "";
        background-color: #C9CED0;
        background-repeat: no-repeat;
        background-position: center;
        border: 2px solid #ffffff;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 50%;
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%; }
    .settings-avatars .settings-avatar .settings-avatar-image-wrapper:before {
      display: block;
      content: "";
      background-color: #C9CED0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      z-index: 0;
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(0.8, 0.8);
          -ms-transform: scale(0.8, 0.8);
              transform: scale(0.8, 0.8);
      -webkit-transition: -webkit-transform 0.4s;
              transition: transform 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
              transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
    .settings-avatars .settings-avatar .settings-avatar-image-wrapper:after {
      display: block;
      content: "";
      background-color: #5199FC;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      z-index: 1;
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(0.4, 0.4);
          -ms-transform: scale(0.4, 0.4);
              transform: scale(0.4, 0.4);
      -webkit-transition: -webkit-transform 0.4s;
              transition: transform 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
              transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
    .settings-avatars .settings-avatar .settings-avatar-image-wrapper:hover:before {
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .settings-avatars .settings-avatar.active .settings-avatar-image-wrapper:after {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .settings-avatars .settings-avatar.buildit {
    position: relative; }
    .settings-avatars .settings-avatar.buildit .settings-avatar-image-wrapper .settings-avatar-image:after {
      display: none; }
    .settings-avatars .settings-avatar.buildit .settings-avatar-image-wrapper .settings-avatar-image .delete-avatar {
      display: block;
      content: "";
      background-color: #EF91AE;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-close.svg");
      background-repeat: no-repeat;
      background-position: center;
      border: 2px solid #ffffff;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 50%;
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(0.7, 0.7);
          -ms-transform: scale(0.7, 0.7);
              transform: scale(0.7, 0.7);
      opacity: 0;
      -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.12, 0.15, 0.55, 1.71), opacity 0.16s linear, background-color 0.16s linear;
              transition: transform 0.25s cubic-bezier(0.12, 0.15, 0.55, 1.71), opacity 0.16s linear, background-color 0.16s linear;
      -webkit-transition-delay: 0s;
              transition-delay: 0s;
      z-index: 2; }
    .settings-avatars .settings-avatar.buildit .settings-avatar-image-wrapper:hover .settings-avatar-image .delete-avatar {
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1);
      opacity: 1;
      -webkit-transition-delay: 0.12s;
              transition-delay: 0.12s; }
      .settings-avatars .settings-avatar.buildit .settings-avatar-image-wrapper:hover .settings-avatar-image .delete-avatar:hover {
        background-color: #F27494;
        -webkit-transform: scale(1.15, 1.15);
            -ms-transform: scale(1.15, 1.15);
                transform: scale(1.15, 1.15);
        -webkit-transition-delay: 0;
                transition-delay: 0; }
  .settings-avatars .settings-avatar.dribbble .settings-avatar-image-wrapper .settings-avatar-image:after {
    background-color: #ea4c89;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-dribbble-logo.svg"); }
  .settings-avatars .settings-avatar.github .settings-avatar-image-wrapper .settings-avatar-image:after {
    background-color: #3D76C3;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-github-logo.svg"); }
  .settings-avatars .settings-avatar.twitter .settings-avatar-image-wrapper .settings-avatar-image:after {
    background-color: #6CADDE;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/small-twitter-logo.svg"); }
  .settings-avatars .settings-avatar .settings-avatar-label {
    margin-left: auto;
    margin-right: auto;
    max-width: 120px;
    text-align: center; }
    .settings-avatars .settings-avatar .settings-avatar-label .paragraph {
      font-size: 0.875rem; }
      .settings-avatars .settings-avatar .settings-avatar-label .paragraph.sub-heading {
        color: #C9CED0;
        margin-top: -22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .settings-avatars .settings-avatar .settings-avatar-label .button {
      margin-top: 22px;
      position: relative;
      overflow: hidden; }

.upload-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  overflow: hidden; }

.upload-progress-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 200px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.25s ease-out;
          transition: transform 0.3s ease-out, opacity 0.25s ease-out; }
  .upload-progress-bg.show {
    opacity: 1; }

.card-image .upload-progress-bg {
  top: -33.333%;
  bottom: -33.333%;
  left: -12.5%;
  right: -12.5%;
  padding: 62.5%; }

.upload-progress-value {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 0.75rem;
  color: #ffffff;
  letter-spacing: 0.5px;
  line-height: 1rem;
  font-weight: 600;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out; }
  .upload-progress-value.show {
    opacity: 1; }

.upload-progress-check {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.4);
      -ms-transform: translate(-50%, -50%) scale(0.4);
          transform: translate(-50%, -50%) scale(0.4);
  width: 24px;
  height: 24px;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-white.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  z-index: 3;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.15s ease-out;
          transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.15s ease-out; }
  .upload-progress-check.show {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }

.uploading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: white;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  z-index: 0; }
  .uploading-overlay.show {
    opacity: 0.6; }

.account-profile .paragraph.sub-heading {
  margin-top: -8px;
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 1.4em; }

@media screen and (max-width: 641px) {
  .settings-header:before {
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1); }
  .settings-header .row {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .settings-header .heading {
    padding-left: 0; }

  .settings-header-padding {
    padding-top: 70px; }

  .settings-content-header:first-child:before {
    opacity: 0; }

  .settings-nav-wrapper {
    position: relative;
    width: 100%;
    height: 42px;
    max-width: 641px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 24px; }
    .settings-nav-wrapper:after {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 30px;
      background-image: -webkit-linear-gradient(0deg, rgba(247, 249, 250, 0), #f7f9fa);
      background-image: linear-gradient(90deg, rgba(247, 249, 250, 0), #f7f9fa);
      display: block;
      content: "";
      pointer-events: none; }
    .settings-nav-wrapper .nav.vertical.settings-nav {
      display: block;
      white-space: nowrap;
      width: 100%;
      position: absolute;
      top: 0;
      padding-bottom: 20px;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      background-color: #F7F9FA; }
      .settings-nav-wrapper .nav.vertical.settings-nav .list {
        display: inline-block; }
      .settings-nav-wrapper .nav.vertical.settings-nav .item {
        display: inline-block;
        vertical-align: top; }
        .settings-nav-wrapper .nav.vertical.settings-nav .item:first-child .link {
          padding-left: 24px; }
        .settings-nav-wrapper .nav.vertical.settings-nav .item:last-child .link {
          padding-right: 24px; }
        .settings-nav-wrapper .nav.vertical.settings-nav .item + .item {
          border-top: none; }
        .settings-nav-wrapper .nav.vertical.settings-nav .item .link {
          padding: 12px 18px;
          font-size: 0.75rem; }
          .settings-nav-wrapper .nav.vertical.settings-nav .item .link.selected:after {
            display: none; } }
@media (max-width: 420px) {
  .settings-header .update-profile-buttons .view-profile {
    display: none; } }
@media screen and (max-width: 360px) {
  .settings-header .heading {
    font-size: 1.125rem; } }
.project-cover.page-cover {
  padding: 24px 0 60px;
  height: 510px; }
  @media only screen and (min-width: 102rem) {
    .project-cover.page-cover {
      height: 600px; } }
  @media screen and (max-width: 641px) {
    .project-cover.page-cover {
      height: 460px; } }
  .project-cover.page-cover .floating-view {
    top: 46px; }
    @media screen and (max-width: 1148px) {
      .project-cover.page-cover .floating-view {
        left: 0;
        margin-left: 0; }
        .project-cover.page-cover .floating-view:before, .project-cover.page-cover .floating-view:after {
          left: 126px; } }
    @media screen and (max-width: 641px) {
      .project-cover.page-cover .floating-view {
        left: -24px;
        top: 36px; }
        .project-cover.page-cover .floating-view:before, .project-cover.page-cover .floating-view:after {
          left: 72px; } }
  .project-cover.page-cover .filter-wrapper .cover-image {
    opacity: 0.9; }
  .project-cover.page-cover .filter-wrapper .edit-area {
    position: absolute;
    left: 0;
    right: 0;
    top: 82px; }
    @media screen and (max-width: 641px) {
      .project-cover.page-cover .filter-wrapper .edit-area {
        text-align: center; } }
    .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button, .project-cover.page-cover .filter-wrapper .edit-area .privacy-note {
      background-color: rgba(0, 0, 0, 0.3); }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button:before, .project-cover.page-cover .filter-wrapper .edit-area .privacy-note:before {
        display: inline-block;
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 20px;
        vertical-align: middle;
        margin: -3px 0;
        position: relative;
        left: -6px;
        top: -1px;
        background-repeat: no-repeat;
        background-position: center; }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button[data-privacy='private']:before, .project-cover.page-cover .filter-wrapper .edit-area .privacy-note[data-privacy='private']:before {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/lock.svg");
        background-size: 48%;
        background-color: #A31C81; }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button[data-privacy='hidden']:before, .project-cover.page-cover .filter-wrapper .edit-area .privacy-note[data-privacy='hidden']:before {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chain.svg");
        background-size: 60%;
        background-color: #4423B4; }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button[data-privacy='public']:before, .project-cover.page-cover .filter-wrapper .edit-area .privacy-note[data-privacy='public']:before {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-shadow.svg");
        background-size: 48%;
        background-color: #2578E9; }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button[data-action='edit-idea']:before, .project-cover.page-cover .filter-wrapper .edit-area .privacy-note[data-action='edit-idea']:before {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-white.svg");
        background-size: initial;
        background-color: transparent; }
    .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button:hover {
      background-color: rgba(0, 0, 0, 0.4); }
    .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button.dropdown-toggle {
      padding-right: 60px;
      position: relative;
      text-transform: capitalize; }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button.dropdown-toggle .dropdown-icon {
        content: "";
        height: 100%;
        width: 40px;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort-white.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-size: initial; }
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button.dropdown-toggle .privacy-text {
        min-width: 44px;
        display: inline-block;
        text-align: left; }
    @media screen and (max-width: 641px) {
      .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-right: 4px;
        padding-left: 4px; }
        .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button.dropdown-toggle {
          padding-right: 35px;
          padding-left: 5px; }
          .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button.dropdown-toggle .dropdown-icon {
            width: 30px; }
        .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button .privacy-text {
          display: none !important; }
        .project-cover.page-cover .filter-wrapper .edit-area .cover-action-button:before {
          margin-right: 0;
          left: 0; } }
    .project-cover.page-cover .filter-wrapper .edit-area .privacy-note {
      font-weight: 500;
      text-transform: none;
      cursor: default;
      display: inline-block; }
      @media screen and (max-width: 641px) {
        .project-cover.page-cover .filter-wrapper .edit-area .privacy-note {
          padding-top: 4px;
          padding-bottom: 4px;
          padding-right: 11px;
          padding-left: 8px;
          margin-top: 6px; } }
  @media screen and (max-width: 641px) {
    .project-cover.page-cover .filter-wrapper .cover-data.edit-area-margin {
      margin-top: 100px; } }
  @media screen and (min-width: 642px) {
    .project-cover.page-cover .filter-wrapper .cover-data .username {
      font-size: 2.625rem;
      margin-top: 16px;
      line-height: 2.625rem; } }
  .project-cover.page-cover .filter-wrapper .cover-data .paragraph {
    margin-top: 10px; }
  .project-cover.page-cover .filter-wrapper .cover-data .tiny-tags-wrapper {
    margin-top: 24px;
    margin-bottom: 18px; }
    @media screen and (max-width: 641px) {
      .project-cover.page-cover .filter-wrapper .cover-data .tiny-tags-wrapper {
        margin-top: 12px;
        margin-bottom: 10px; } }

.project .page-overview .page-overview-item-user {
  display: inline-block;
  margin: -20px 0;
  padding: 20px;
  background-color: #F7F9FA;
  border: 1px solid #EAEEF0;
  border-top: 0;
  border-bottom: 0;
  vertical-align: middle;
  -webkit-transition: background-color 150ms ease-out;
          transition: background-color 150ms ease-out; }
  .project .page-overview .page-overview-item-user:hover {
    background-color: #Ecf1F3; }
  @media screen and (min-width: 681px) {
    .project .page-overview .page-overview-item-user .avatar {
      display: inline-block;
      width: 60px;
      height: 60px;
      vertical-align: middle;
      margin: -10px 6px -10px -6px;
      border: 4px solid #ffffff; } }
  .project .page-overview .page-overview-item-user .page-overview-item-username {
    display: inline-block;
    vertical-align: middle; }
    .project .page-overview .page-overview-item-user .page-overview-item-username .heading {
      max-width: 156px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 1.1875rem; }
.project .page-overview .page-overview-item.first {
  padding-left: 22px; }
.project .page-overview .page-overview-text {
  max-width: 168px; }
@media screen and (max-width: 1025px) {
  .project .page-overview .page-overview-item {
    padding: 0 22px; }
  .project .page-overview .page-overview-text {
    max-width: 144px; }
  .project .page-overview .page-overview-item .avatar {
    display: none; } }
@media screen and (max-width: 848px) {
  .project .page-overview .page-overview-item-traits .page-overview-text.has-traits {
    display: none; }
  .project .page-overview .page-overview-item-traits .page-overview-traits {
    margin-left: 0; } }
@media screen and (max-width: 680px) {
  .project .page-overview .page-overview-item-user {
    display: block;
    margin: 0;
    padding: 16px 22px;
    border: 0;
    border-bottom: 1px solid #EAEEF0;
    position: relative; }
    .project .page-overview .page-overview-item-user:after {
      display: inline-block;
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 20px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right.svg");
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .project .page-overview .page-overview-item-user .avatar {
      margin: 0 6px 0 0; }
    .project .page-overview .page-overview-item-user .page-overview-item-username {
      max-width: 80%; }
      .project .page-overview .page-overview-item-user .page-overview-item-username .heading {
        max-width: 100%; }
  .project .page-overview .page-overview-item {
    padding: 12px 0 16px;
    width: 50%; } }
.project .be-a-part-avatar {
  display: inline-block;
  margin-top: 24px; }
.project .be-a-part-traits {
  text-align: center;
  margin-bottom: 16px; }
  .project .be-a-part-traits .trait-wrap {
    vertical-align: middle;
    margin: 5px; }
  .project .be-a-part-traits .line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 40px;
    margin: 0 16px;
    background-color: #EAEEF0; }
.project .be-a-part-signup {
  font-size: 0.8125rem;
  font-weight: 400;
  margin-bottom: 24px; }
  .project .be-a-part-signup .be-a-part-signup-link {
    display: inline;
    font-weight: 600; }
.project .be-a-part-contact {
  margin: 32px 0;
  text-align: center; }
.project .be-a-part-common {
  font-weight: 600;
  margin-top: 20px; }
.project .trait-cards-row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-bottom: 20px; }
  .project .trait-cards-row .trait-cards-column {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: center; }
    .project .trait-cards-row .trait-cards-column .trait-card {
      text-align: center;
      padding: 32px 22px 14px;
      background-color: #F7F9FA;
      border: 1px solid #EAEEF0;
      border-radius: 2px;
      max-width: 200px;
      display: inline-block;
      width: 100%;
      margin: 24px 0 0; }
      .project .trait-cards-row .trait-cards-column .trait-card .trait-card-wrap {
        width: 100%;
        max-width: 80px;
        display: inline-block; }
      .project .trait-cards-row .trait-cards-column .trait-card .trait {
        width: 100%;
        height: auto;
        padding: 50%; }
      .project .trait-cards-row .trait-cards-column .trait-card .paragraph {
        line-height: 1.25rem;
        height: 2.5rem;
        margin: 20px 0;
        overflow: hidden; }
      .project .trait-cards-row .trait-cards-column .trait-card.active {
        background-color: #5199FC;
        border-color: #5199FC; }
        .project .trait-cards-row .trait-cards-column .trait-card.active .trait {
          background-color: #2578E9; }
        .project .trait-cards-row .trait-cards-column .trait-card.active .paragraph {
          color: #ffffff; }
.project .trait-cards-contact strong {
  margin-right: 6px; }
.project .trait-cards-contact .small-contact-wrap {
  margin: 6px 0; }
  .project .trait-cards-contact .small-contact-wrap .small-contact {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 0.875rem;
    padding: 3px 12px 3px 11px; }
    .project .trait-cards-contact .small-contact-wrap .small-contact:before {
      display: inline-block;
      content: "";
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 6px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      top: -2px;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-blue.svg"); }

.type-idea-view {
  margin: 0 auto; }
  .type-idea-view .traits-group {
    margin: 0 -5px; }
  .type-idea-view .settings-trait {
    border-radius: 40px;
    display: inline-block;
    padding: 11px 10px;
    margin: 5px;
    background-color: #C9CED0;
    line-height: 0;
    position: relative;
    cursor: pointer;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    		/* &:first-of-type {
    			
    			margin-left: 0;
    
    		}
    
    		&:last-of-type{
    			
    			margin-right: 0;
    
    		} */ }
    .type-idea-view .settings-trait .settings-trait-label {
      font-size: 0.8125rem;
      color: #ffffff;
      text-transform: none;
      position: relative;
      z-index: 305; }
    .type-idea-view .settings-trait:after {
      display: block;
      background-color: #5199FC;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0 auto;
      border-radius: 40px;
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: scale(0, 0);
          -ms-transform: scale(0, 0);
              transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.175s;
              transition: transform 0.175s;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
    .type-idea-view .settings-trait.active:after {
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.more-info-links {
  margin: -14px 0 16px; }

.paragraph + .more-info-links {
  margin-top: 24px; }

.small-link + .more-info-date {
  margin-top: 6px; }

.more-info-date .small-link-secondary {
  color: #898E90;
  padding-left: 6px; }

.console {
  position: fixed;
  z-index: 30000;
  right: 0;
  bottom: 0;
  width: 400px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #75DF51;
  border-top-left-radius: 2px;
  padding: 10px 25px 20px 25px;
  text-transform: capitalize;
  cursor: default; }
  .console:hover {
    background-color: rgba(0, 0, 0, 0.9); }
  .console .title {
    font-size: 16px;
    margin: auto 0; }
  .console .console-stat {
    font-size: 14px; }

.signup-cover {
  background-color: #000;
  color: #fff;
  padding-top: 48px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover; }

.row-full {
  max-width: 100%; }

[data-view="tour-signuptour-startView"] header {
  opacity: 0; }
[data-view="tour-signuptour-startView"] .cover-logo, [data-view="tour-signuptour-startView"] .cover-title, [data-view="tour-signuptour-startView"] .cover-tag, [data-view="tour-signuptour-startView"] .box, [data-view="tour-signuptour-startView"] .signup-terms {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0; }
[data-view="tour-signuptour-startView"] .box {
  -webkit-transform: translateY(30px) scale(0.97);
      -ms-transform: translateY(30px) scale(0.97);
          transform: translateY(30px) scale(0.97); }
[data-view="tour-signuptour-startView"] .signup-people .avatar {
  opacity: 0; }
[data-view="tour-signuptour-startView"] .people-left .avatar {
  -webkit-transform: translateX(50px) scale(0.95);
      -ms-transform: translateX(50px) scale(0.95);
          transform: translateX(50px) scale(0.95); }
[data-view="tour-signuptour-startView"] .people-right .avatar {
  -webkit-transform: translateX(-50px) scale(0.95);
      -ms-transform: translateX(-50px) scale(0.95);
          transform: translateX(-50px) scale(0.95); }
[data-view="tour-signuptour-startView"].after-render {
  -webkit-transition: all 3s;
          transition: all 3s; }
  [data-view="tour-signuptour-startView"].after-render header {
    -webkit-transition: all 0.5s;
            transition: all 0.5s;
    opacity: 1; }
  [data-view="tour-signuptour-startView"].after-render .box {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.15s;
            transition: transform 0.7s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.15s; }
  [data-view="tour-signuptour-startView"].after-render .cover-logo, [data-view="tour-signuptour-startView"].after-render .cover-title, [data-view="tour-signuptour-startView"].after-render .cover-tag, [data-view="tour-signuptour-startView"].after-render .signup-terms {
    -webkit-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  [data-view="tour-signuptour-startView"].after-render .cover-logo {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
  [data-view="tour-signuptour-startView"].after-render .cover-title {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  [data-view="tour-signuptour-startView"].after-render .cover-tag {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
  [data-view="tour-signuptour-startView"].after-render .box, [data-view="tour-signuptour-startView"].after-render .signup-terms {
    -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  [data-view="tour-signuptour-startView"].after-render .avatar {
    -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: 1; }
  [data-view="tour-signuptour-startView"].after-render .people-left .avatar, [data-view="tour-signuptour-startView"].after-render .people-right .avatar {
    -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1); }
  [data-view="tour-signuptour-startView"].after-render .people-left {
    /* Strip lengths */ }
    [data-view="tour-signuptour-startView"].after-render .people-left .avatar:nth-child(1) {
      -webkit-transition-delay: 1.4s;
              transition-delay: 1.4s; }
    [data-view="tour-signuptour-startView"].after-render .people-left .avatar:nth-child(2) {
      -webkit-transition-delay: 1.3s;
              transition-delay: 1.3s; }
    [data-view="tour-signuptour-startView"].after-render .people-left .avatar:nth-child(3) {
      -webkit-transition-delay: 1.2s;
              transition-delay: 1.2s; }
    [data-view="tour-signuptour-startView"].after-render .people-left .avatar:nth-child(4) {
      -webkit-transition-delay: 1.1s;
              transition-delay: 1.1s; }
    [data-view="tour-signuptour-startView"].after-render .people-left .avatar:nth-child(5) {
      -webkit-transition-delay: 1s;
              transition-delay: 1s; }
  [data-view="tour-signuptour-startView"].after-render .people-right {
    /* Strip lengths */ }
    [data-view="tour-signuptour-startView"].after-render .people-right .avatar:nth-child(1) {
      -webkit-transition-delay: 1.1s;
              transition-delay: 1.1s; }
    [data-view="tour-signuptour-startView"].after-render .people-right .avatar:nth-child(2) {
      -webkit-transition-delay: 1.2s;
              transition-delay: 1.2s; }
    [data-view="tour-signuptour-startView"].after-render .people-right .avatar:nth-child(3) {
      -webkit-transition-delay: 1.3s;
              transition-delay: 1.3s; }
    [data-view="tour-signuptour-startView"].after-render .people-right .avatar:nth-child(4) {
      -webkit-transition-delay: 1.4s;
              transition-delay: 1.4s; }
    [data-view="tour-signuptour-startView"].after-render .people-right .avatar:nth-child(5) {
      -webkit-transition-delay: 1.5s;
              transition-delay: 1.5s; }
[data-view="tour-signuptour-startView"].before-destroy {
  -webkit-transition: opacity .1s;
          transition: opacity .1s;
  opacity: 0; }

.signup-people {
  position: absolute;
  margin-top: -50px;
  width: 100%;
  text-align: center; }
  .signup-people .avatar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -50%;
    margin-right: 3%;
    margin-left: 3%;
    border: 4px solid #fff;
    overflow: visible; }
  .signup-people .people-left {
    text-align: right; }
    .signup-people .people-left .people-list {
      text-align: right;
      float: right; }
  .signup-people .people-right {
    text-align: left; }
    .signup-people .people-right .people-list {
      text-align: left;
      float: left; }
  .signup-people .people-left, .signup-people .people-right {
    white-space: nowrap; }
  .signup-people .people-list {
    display: inline-block;
    width: 140%; }
    .signup-people .people-list .avatar {
      position: relative; }
  @media screen and (max-width: 641px) {
    .signup-people {
      display: none; } }

.signup .box {
  z-index: 100;
  margin-top: -100px; }
.signup .signup-title {
  line-height: 2.5rem;
  margin-top: 84px; }
.signup .input[type="file"] {
  display: none; }
.signup .input.file {
  content: "";
  background-color: #E8EDF0;
  border: 1px solid #DAE0E4;
  color: #333333;
  font-size: 82px;
  border-radius: 50%;
  height: 130px;
  width: 130px;
  display: block;
  margin: 0 auto 20px; }
.signup .submit {
  margin-top: 10px; }
.signup .extra-paragraph {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.user-balloon {
  width: 240px;
  display: block;
  position: absolute;
  top: -180px;
  left: 50%;
  background-color: #F7F9FA;
  border-radius: 2px;
  -webkit-transform: translate(-50%, 20px);
      -ms-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.4s ease-out;
          transition: transform 0.6s ease-out, opacity 0.4s ease-out; }
  .user-balloon:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #F7F9FA;
    border-width: 10px;
    margin-left: -10px; }
  .user-balloon.show {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1; }
  .user-balloon .user-balloon-image {
    background-color: #ffffff;
    padding: 23% 50%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center; }
  .user-balloon .user-balloon-repos table {
    padding: 0;
    font-size: 1rem;
    text-align: left;
    background-color: #fff;
    width: 100%; }
  .user-balloon .user-balloon-repos tr {
    border-bottom: 2px solid #F7F9FA; }
  .user-balloon .user-balloon-repos td {
    padding: 12px; }
  .user-balloon .user-balloon-repos .td-left {
    padding-right: 4px; }
  .user-balloon .user-balloon-repos .td-right {
    text-align: right;
    font-weight: 500;
    padding-left: 4px; }
  .user-balloon .user-balloon-repos img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px; }
  .user-balloon .user-balloon-repos .user-balloon-star {
    margin-left: 2px;
    margin-right: 0; }
  .user-balloon .user-balloon-description {
    margin: 12px 8px;
    text-align: center; }
  .user-balloon .user-balloon-available {
    padding: 6px 12px;
    position: absolute;
    text-transform: capitalize;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0;
    right: -14px;
    top: -18px;
    background-color: #5199FC;
    border-radius: 60px;
    display: inline-block;
    color: #fff;
    line-height: 1rem;
    text-align: center; }

.signup-highlight-blue:before, .signup-highlight-red:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center; }

.signup-highlight-red:before {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-crossed-shadow.svg");
  background-color: #A31C81;
  background-size: 64%; }
.signup-highlight-red .highlight {
  color: #A31C81; }

.signup-highlight-blue:before {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-shadow.svg");
  background-color: #2578E9;
  background-size: 60%; }
.signup-highlight-blue .highlight {
  color: #2578E9; }

@media only screen and (min-width: 102rem) {
  .box .box-content.xlarge {
    padding: 72px 78px; }

  .tour-view .signup-cover.xlarge {
    padding: 96px 0 282px; }
  .tour-view .signup-cover.xlarge2 {
    padding: 96px 0 264px; }

  .xlarge-signup-button {
    margin-top: 24px; } }
.notify {
  background-color: rgba(38, 40, 40, 0.97);
  color: white;
  position: relative;
  padding: 1.25rem 3rem;
  -webkit-transform: translateY(64px);
      -ms-transform: translateY(64px);
          transform: translateY(64px); }
  .notify .notify-title {
    padding-right: 20px;
    color: white;
    font-size: 0.9375rem;
    font-weight: 400; }
  .notify .notify-text {
    color: white; }
  .notify .close {
    width: 1.5rem;
    height: 1.5rem;
    right: 1rem;
    content: "";
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-white.svg");
    background-size: 0.75rem;
    background-position: center;
    background-repeat: no-repeat; }
  .notify.after-render {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px); }
  .notify.before-destroy {
    -webkit-transform: translateY(64px);
        -ms-transform: translateY(64px);
            transform: translateY(64px); }

.dropdown-wrap {
  display: inline-block; }

.dropdown, .floating-view {
  visibility: hidden;
  opacity: 0;
  display: block;
  z-index: 5000;
  font-weight: 400;
  -webkit-transform: translateY(-12px) scale(0.92);
      -ms-transform: translateY(-12px) scale(0.92);
          transform: translateY(-12px) scale(0.92);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.25s;
          transition: transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.25s;
  top: calc(100% + 7px); }
  .dropdown.reverse, .reverse.floating-view {
    -webkit-transform: translateY(12px) scale(0.92);
        -ms-transform: translateY(12px) scale(0.92);
            transform: translateY(12px) scale(0.92); }
  .dropdown.left, .left.floating-view {
    -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
            transform-origin: 0% 0%; }
    .dropdown.left:before, .left.floating-view:before, .dropdown.left:after, .left.floating-view:after {
      left: 8px; }
  .dropdown.right, .right.floating-view {
    -webkit-transform-origin: 90% 0;
        -ms-transform-origin: 90% 0;
            transform-origin: 90% 0; }
    .dropdown.right:before, .right.floating-view:before, .dropdown.right:after, .right.floating-view:after {
      right: 8px; }
  .dropdown.center, .center.floating-view {
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0; }
    .dropdown.center:before, .center.floating-view:before, .dropdown.center:after, .center.floating-view:after {
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
  .dropdown.above, .above.floating-view {
    top: auto;
    bottom: 100%; }
    .dropdown.above:before, .above.floating-view:before, .dropdown.above:after, .above.floating-view:after {
      bottom: auto;
      top: 100%;
      border-bottom-color: transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      -webkit-transition: all .3s;
              transition: all .3s; }
    .dropdown.above:before, .above.floating-view:before {
      border-color: rgba(194, 225, 245, 0);
      border-top-color: #D5DAE0; }
    .dropdown.above:after, .above.floating-view:after {
      border-color: rgba(136, 183, 213, 0);
      border-top-color: white; }
    .dropdown.above.right, .above.right.floating-view {
      -webkit-transform-origin: 90% 100%;
          -ms-transform-origin: 90% 100%;
              transform-origin: 90% 100%; }
    .dropdown.above.left, .above.left.floating-view {
      -webkit-transform-origin: 0% 100%;
          -ms-transform-origin: 0% 100%;
              transform-origin: 0% 100%; }
    .dropdown.above.center, .above.center.floating-view {
      -webkit-transform-origin: 50% 100%;
          -ms-transform-origin: 50% 100%;
              transform-origin: 50% 100%; }
  .dropdown:before, .floating-view:before, .dropdown:after, .floating-view:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .dropdown:before, .floating-view:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #D5DAE0;
    border-width: 11px; }
  .dropdown:after, .floating-view:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: white;
    border-width: 10px;
    margin-right: 1px; }
  .dropdown.after-render, .after-render.floating-view {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  .dropdown.before-destroy, .before-destroy.floating-view {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.25s;
            transition: transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.25s;
    opacity: 0;
    -webkit-transform: translateY(-12px) scale(0.92);
        -ms-transform: translateY(-12px) scale(0.92);
            transform: translateY(-12px) scale(0.92); }
    .dropdown.before-destroy.reverse, .before-destroy.reverse.floating-view {
      -webkit-transform: translateY(12px) scale(0.92);
          -ms-transform: translateY(12px) scale(0.92);
              transform: translateY(12px) scale(0.92); }
  .dropdown .dropdown-item.top-separator:before, .floating-view .dropdown-item.top-separator:before {
    display: block;
    height: 1px;
    content: "";
    background-color: #EAEEF0;
    margin: 6px 20px;
    margin-top: 8px;
    margin-bottom: 8px; }
  .dropdown .dropdown-item.bottom-separator:after, .floating-view .dropdown-item.bottom-separator:after {
    display: block;
    height: 1px;
    content: "";
    background-color: #EAEEF0;
    margin: 6px 20px;
    margin-top: 8px;
    margin-bottom: 8px; }
  .dropdown .dropdown-item .dropdown-link, .floating-view .dropdown-item .dropdown-link {
    position: relative;
    text-transform: capitalize;
    font-size: 0.875rem;
    text-align: left;
    -webkit-transition: all .25s;
            transition: all .25s; }
    .dropdown .dropdown-item .dropdown-link.selected, .floating-view .dropdown-item .dropdown-link.selected {
      padding-right: 34px; }
      .dropdown .dropdown-item .dropdown-link.selected:after, .floating-view .dropdown-item .dropdown-link.selected:after {
        display: block;
        width: 16px;
        height: 16px;
        content: "";
        position: absolute;
        right: 18px;
        top: 49%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-blue.svg");
        background-position: center;
        background-size: cover; }

.floating-view {
  width: 324px;
  max-width: 500px;
  padding: 0px;
  left: 50%;
  margin-left: -162px; }

.large-dropdown-toggle {
  max-width: 320px;
  position: relative;
  cursor: pointer; }
  .large-dropdown-toggle .dropdown-toggle-label {
    margin-right: 34px; }
  .large-dropdown-toggle .floating-view {
    top: 46px; }
  .large-dropdown-toggle .dropdown-icon {
    content: "";
    height: 100%;
    width: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-size: initial; }
  @media screen and (max-width: 641px) {
    .large-dropdown-toggle {
      max-width: 100%; } }

/* .dropdown {

	transform: translate(0, -20px) scale(0.92);
	transition: all .5s $easeOutCirc;

	&.reverse {
		
		transform: translate(0, 20px) scale(0.92);
	
	}

	&.center {

		transform: translate(-50%, -30px) scale(0.92);

		&.reverse {
			
			transform: translate(-50%, 30px) scale(0.92);
		
		}
		
	}

	&.after-render {
		transform: translate(0, 0) scale(1);

		&.center {

			transition: all .35s $easeOutCirc;
			transform: translate(-50%, 0) scale(1);
		}

	}

	&.before-destroy {

		transition: all .2s $easeOutCirc;
		transform: translate(0, -20px) scale(0.92);

		&.reverse {
			
			transform: translate(0, 20px) scale(0.92);
		
		}

		&.center {

			transform: translate(-50%, -30px) scale(0.92);

			&.reverse {
			
				transform: translate(-50%, 30px) scale(0.92);
			
			}

		}

	}

}

 */
.loader {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  text-align: center;
  color: #9EA4A7; }
  .loader span {
    background-color: #FFEDA4;
    font-size: 0.875rem;
    padding: 0px 8px;
    display: inline-block; }
  @media screen and (max-width: 641px) {
    .loader {
      top: 148px; } }

.not-touch-device .hover-tooltip[data-delay]:before, .not-touch-device .hover-tooltip[data-delay]:after {
  -webkit-transition-delay: .1s;
          transition-delay: .1s; }
.not-touch-device .hover-tooltip[data-delay]:hover:before, .not-touch-device .hover-tooltip[data-delay]:hover:after {
  -webkit-transition-delay: attr("data-delay");
          transition-delay: attr("data-delay"); }
.not-touch-device .hover-tooltip[data-delay="fast"]:hover:before, .not-touch-device .hover-tooltip[data-delay="fast"]:hover:after {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s; }
.not-touch-device .hover-tooltip[data-delay="medium"]:hover:before, .not-touch-device .hover-tooltip[data-delay="medium"]:hover:after {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s; }
.not-touch-device .hover-tooltip[data-delay="slow"]:hover:before, .not-touch-device .hover-tooltip[data-delay="slow"]:hover:after {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s; }

.base-tooltip.above-user {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -10px;
  right: -10px;
  z-index: 10; }

/* Add this attribute to the element that needs a tooltip */
.base-tooltip {
  position: relative; }

/* Position tooltip above the element */
.base-tooltip:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 7px;
  padding: 3px 12px;
  border-radius: 3px;
  background-color: rgba(38, 40, 40, 0.97);
  color: #ffffff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  z-index: 11;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

/* Triangle hack to make tooltip look like a speech bubble */
.base-tooltip:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 2px;
  width: 0;
  border-top: 6px solid rgba(38, 40, 40, 0.97);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  z-index: 10; }

/* Hide the tooltip content by default */
.base-tooltip:before,
.base-tooltip:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, 8px);
      -ms-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
  -webkit-transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.6s;
          transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0.6s; }

.base-tooltip.align-left:before {
  left: 0;
  right: auto; }

.base-tooltip.align-right:before {
  left: auto;
  right: 0; }

.base-tooltip.align-left:before,
.base-tooltip.align-right:before {
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px); }

/* Show tooltip content on hover */
.not-touch-device .base-tooltip.hover-tooltip:hover:before,
.not-touch-device .base-tooltip.hover-tooltip:hover:after,
.base-tooltip.show-tooltip:before,
.base-tooltip.show-tooltip:after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, 0) !important;
      -ms-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important; }

.not-touch-device .base-tooltip.align-left.hover-tooltip:hover:before,
.base-tooltip.align-left.show-tooltip:before,
.not-touch-device .base-tooltip.align-right.hover-tooltip:hover:before,
.base-tooltip.align-right.show-tooltip:before {
  -webkit-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
          transform: translateY(0) !important; }

/* Tooltip align bottom */
.base-tooltip.align-bottom:before {
  bottom: auto;
  top: 100%;
  margin-bottom: 0;
  margin-top: 7px;
  -webkit-transform: translate(-50%, -8px);
      -ms-transform: translate(-50%, -8px);
          transform: translate(-50%, -8px); }

.base-tooltip.align-bottom:after {
  bottom: auto;
  top: 100%;
  margin-bottom: 0;
  margin-top: 2px;
  border-bottom: 6px solid rgba(38, 40, 40, 0.97);
  border-top: 0;
  -webkit-transform: translate(-50%, -8px);
      -ms-transform: translate(-50%, -8px);
          transform: translate(-50%, -8px); }

.base-tooltip.align-bottom.align-left:before,
.base-tooltip.align-bottom.align-right:before {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px); }

.fixed-header-wrap {
  position: relative;
  z-index: 9000; }

.fixed-header {
  width: 100%;
  position: fixed;
  top: 0;
  padding: 15px 0;
  -webkit-transform: translateY(-70px);
      -ms-transform: translateY(-70px);
          transform: translateY(-70px);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  background-color: #F7F9FA; }
  .fixed-header.fixed {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
    .fixed-header.fixed .row {
      opacity: 1;
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
  .fixed-header .fixed-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8; }
  .fixed-header .fixed-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .fixed-header .row {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .fixed-header .avatar {
    width: 40px;
    height: 40px;
    top: 0;
    z-index: 2;
    box-shadow: 0px 0px 0px 2px #ffffff; }
  .fixed-header .profile-header-text {
    display: inline-block;
    vertical-align: top;
    padding: 0 108px 0 56px;
    max-width: 100%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    z-index: 1; }
    .fixed-header .profile-header-text .heading, .fixed-header .profile-header-text .paragraph {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      max-width: 540px; }
    .fixed-header .profile-header-text .heading {
      margin-top: -2px;
      line-height: 1.5rem; }
      .fixed-header .profile-header-text .heading.no-paragraph {
        margin-top: 7px;
        margin-bottom: 9px; }
    .fixed-header .profile-header-text .paragraph {
      margin-bottom: 4px;
      height: 0.875rem; }
      .fixed-header .profile-header-text .paragraph.no-paragraph {
        display: none; }
    @media screen and (max-width: 641px) {
      .fixed-header .profile-header-text .heading {
        font-size: 1rem;
        line-height: 1rem;
        margin-top: 2px;
        margin-bottom: 18px; }
        .fixed-header .profile-header-text .heading.no-paragraph {
          margin-top: 12px;
          margin-bottom: 12px; }
      .fixed-header .profile-header-text .paragraph {
        margin-bottom: 6px; } }

.fixed-header-actions {
  top: 0; }
  .fixed-header-actions .base-tooltip {
    display: inline-block; }
    .fixed-header-actions .base-tooltip + .base-tooltip {
      margin-left: 4px; }
  .fixed-header-actions .fixed-header-action {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #333333;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .fixed-header-actions .fixed-header-action.action-follow {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-dark.svg");
      background-size: 56%; }
      .fixed-header-actions .fixed-header-action.action-follow.following {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg");
        background-color: #EF91AE;
        border-color: #EF91AE; }
        .fixed-header-actions .fixed-header-action.action-follow.following:hover {
          background-color: #F17C9E; }
    .fixed-header-actions .fixed-header-action.action-contact {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-dark.svg");
      background-size: 52%; }
    .fixed-header-actions .fixed-header-action.action-settings {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-dark.svg");
      background-size: initial; }
    .fixed-header-actions .fixed-header-action.disabled {
      cursor: default;
      opacity: 0.1; }
      .fixed-header-actions .fixed-header-action.disabled:hover {
        background-color: transparent; }

.fixed-header.cover {
  background-color: #333333;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.04); }
  .fixed-header.cover .heading, .fixed-header.cover .paragraph {
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  .fixed-header.cover .fixed-header-action {
    border-color: #ffffff; }
    .fixed-header.cover .fixed-header-action.action-follow {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg"); }
      .fixed-header.cover .fixed-header-action.action-follow.following {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-pink.svg");
        background-color: #ffffff;
        border-color: #ffffff; }
        .fixed-header.cover .fixed-header-action.action-follow.following:hover {
          background-color: #FFF5F9; }
    .fixed-header.cover .fixed-header-action.action-contact {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-white.svg"); }
    .fixed-header.cover .fixed-header-action.action-settings {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-white.svg"); }

.not-touch-device .fixed-header-actions .fixed-header-action:hover {
  background-color: rgba(0, 0, 0, 0.2); }
.not-touch-device .fixed-header.cover .fixed-header-action:hover {
  background-color: rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 360px) {
  .fixed-header .profile-header-text {
    padding: 0 90px 0 52px; }

  .fixed-header-actions .base-tooltip {
    position: relative;
    top: 2px; }
    .fixed-header-actions .base-tooltip + .base-tooltip {
      margin-left: 2px; }
  .fixed-header-actions .fixed-header-action {
    height: 36px;
    width: 36px; } }
.trait-bubbles {
  display: inline-block;
  position: relative; }
  .trait-bubbles:hover .trait-group {
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 1; }
  .trait-bubbles .trait-displayer {
    padding-left: 10px;
    padding-top: 6px;
    color: #ffffff;
    cursor: default; }
  .trait-bubbles .trait-group {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    display: inline-block;
    opacity: 0; }

.trait-wrap {
  display: inline-block; }
  .trait-wrap + .trait-wrap {
    margin-left: 20px; }

.extra-traits {
  background: #F7F9FA;
  border: 1px solid #EAEEF0;
  font-size: 0.6875rem;
  color: #9EA4A7;
  letter-spacing: 0.3px;
  line-height: 1.25rem;
  border-radius: 24px;
  height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
  vertical-align: middle; }

.trait {
  background-color: #9EA4A7;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  vertical-align: top; }
  .trait.active {
    background-color: #5199FC; }
  .trait + .trait {
    margin-left: 20px; }
  .trait.small {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    position: initial; }
    .trait.small + .small {
      margin-left: 6px; }

.trait-1 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/designer.svg"); }

.trait-2 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/developer.svg"); }

.trait-3 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/front-end-developer.svg"); }

.trait-4 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/backend-developer.svg"); }

.trait-5 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/ios-developer.svg"); }

.trait-6 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/android-developer.svg"); }

.trait-7 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/ui-ux-designer.svg"); }

.trait-8 {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/graphic-designer.svg"); }

.privacy-view {
  text-align: center; }
  .privacy-view .row {
    margin-left: 0;
    margin-right: 0; }
  .privacy-view .column {
    padding-left: 0;
    padding-right: 0; }
  .privacy-view .heading {
    text-transform: none;
    color: #333333;
    cursor: default; }
    .privacy-view .heading.small {
      margin: 0;
      padding: 24px 0; }
  .privacy-view .privacy-wrapper {
    display: block;
    overflow: hidden;
    max-height: 200px; }
    .privacy-view .privacy-wrapper .column {
      box-shadow: 1px 0px 0px 0px #EAEEF0; }
      .privacy-view .privacy-wrapper .column:first-of-type {
        border-bottom-left-radius: 2px; }
      .privacy-view .privacy-wrapper .column:last-of-type {
        border-bottom-right-radius: 2px;
        box-shadow: none; }
  .privacy-view .privacy-rule {
    cursor: pointer;
    border-top: 1px solid #EAEEF0;
    padding-top: 20px;
    padding-left: 14px;
    padding-right: 14px;
    height: 200px;
    -webkit-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out; }
    .privacy-view .privacy-rule .heading {
      cursor: pointer; }
      .privacy-view .privacy-rule .heading.smallest {
        margin-bottom: 14px;
        line-height: 1rem;
        letter-spacing: 0; }
    .privacy-view .privacy-rule .paragraph {
      margin-top: -8px;
      font-size: 0.8125rem;
      line-height: 1rem; }
    .privacy-view .privacy-rule .heading, .privacy-view .privacy-rule .paragraph {
      -webkit-transition: color 0.1s ease-out;
              transition: color 0.1s ease-out; }
    .privacy-view .privacy-rule.active .heading, .privacy-view .privacy-rule.active .paragraph, .privacy-view .privacy-rule:hover .heading, .privacy-view .privacy-rule:hover .paragraph {
      color: #fff; }
  .privacy-view .privacy-shape {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center; }
    .privacy-view .privacy-shape.private {
      background-color: #A31C81;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/lock.svg");
      background-size: 46%; }
    .privacy-view .privacy-shape.hidden {
      background-color: #4423B4;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chain.svg");
      background-size: 50%; }
    .privacy-view .privacy-shape.public {
      background-color: #2578E9;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-shadow.svg");
      background-size: 46%; }
    .privacy-view .privacy-shape.envelope-crossed {
      background-color: #A31C81;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-crossed-shadow.svg"); }
    .privacy-view .privacy-shape.envelope {
      background-color: #2578E9;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-shadow.svg"); }
  .privacy-view .privacy-hidden.active, .privacy-view .privacy-hidden:hover {
    background-color: #6A38C0 !important; }
  .privacy-view .privacy-private.active, .privacy-view .privacy-private:hover {
    background-color: #CC61B0 !important; }
  .privacy-view .privacy-public.active, .privacy-view .privacy-public:hover {
    background-color: #5199FC !important; }
  .privacy-view.no-dropdown {
    width: 100%; }
    .privacy-view.no-dropdown .row {
      margin-left: -12px;
      margin-right: -12px; }
    .privacy-view.no-dropdown .column {
      padding-left: 12px;
      padding-right: 12px;
      box-shadow: none; }
    .privacy-view.no-dropdown .heading.small {
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 0;
      padding: 0 0 14px;
      margin: 0;
      text-align: left; }
    .privacy-view.no-dropdown .privacy-wrapper {
      overflow: visible;
      max-height: none; }
    .privacy-view.no-dropdown .privacy-rule {
      box-shadow: none;
      border: 0;
      background-color: #F7F9FA;
      padding-left: 14px;
      padding-right: 14px;
      border-radius: 2px;
      height: 200px; }
    @media screen and (max-width: 700px) and (min-width: 642px), screen and (max-width: 520px) {
      .privacy-view.no-dropdown .column {
        width: 100%;
        height: auto;
        text-align: left;
        float: none; }
        .privacy-view.no-dropdown .column + .column .privacy-rule {
          box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.06); }
        .privacy-view.no-dropdown .column:first-of-type .privacy-rule {
          border-top-left-radius: 2px;
          border-top-right-radius: 2px; }
        .privacy-view.no-dropdown .column:last-of-type .privacy-rule {
          border-bottom-left-radius: 2px;
          border-bottom-right-radius: 2px; }
      .privacy-view.no-dropdown .privacy-rule {
        height: auto;
        padding: 24px;
        border-radius: 0; }
      .privacy-view.no-dropdown .privacy-shape {
        margin: 0;
        height: 36px;
        width: 36px;
        background-size: 46%;
        float: left;
        margin-right: -50px; }
      .privacy-view.no-dropdown .privacy-text {
        margin-left: 50px; }
        .privacy-view.no-dropdown .privacy-text .heading {
          margin-top: 0; }
        .privacy-view.no-dropdown .privacy-text .paragraph {
          margin-top: -12px;
          margin-bottom: 4px; } }

.dropdown-longer .privacy-wrapper, .dropdown-longer .privacy-rule {
  max-height: 216px; }

.privacy-contact-status {
  margin: -34px 0 -36px; }
  .privacy-contact-status .paragraph + .paragraph {
    margin-top: -2px; }
  .privacy-contact-status .hidden:before, .privacy-contact-status .private:before, .privacy-contact-status .public:before, .privacy-contact-status .envelope-crossed:before, .privacy-contact-status .envelope:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center; }
  .privacy-contact-status .private:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/lock.svg");
    background-size: 50%;
    background-color: #A31C81; }
  .privacy-contact-status .private .highlight {
    color: #A31C81; }
  .privacy-contact-status .hidden:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chain.svg");
    background-size: 60%;
    background-color: #4423B4; }
  .privacy-contact-status .hidden .highlight {
    color: #4423B4; }
  .privacy-contact-status .public:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-shadow.svg");
    background-size: 50%;
    background-color: #2578E9; }
  .privacy-contact-status .public .highlight {
    color: #2578E9; }
  .privacy-contact-status .envelope-crossed:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-crossed-shadow.svg");
    background-color: #A31C81;
    background-size: 64%; }
  .privacy-contact-status .envelope-crossed .highlight {
    color: #A31C81; }
  .privacy-contact-status .envelope:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-shadow.svg");
    background-color: #2578E9;
    background-size: 60%; }
  .privacy-contact-status .envelope .highlight {
    color: #2578E9; }

.terms .paragraph, .about .paragraph {
  margin: 24px 0; }
.terms .heading.biggest, .about .heading.biggest {
  line-height: 3rem;
  margin-top: 0;
  margin-bottom: 40px; }
.terms .heading.medium, .about .heading.medium {
  line-height: 1.875rem; }

.terms .section-block:first-child {
  padding-top: 84px; }

.about .section-block {
  padding: 108px 0; }
@media screen and (max-width: 641px) {
  .about .section-block {
    padding: 84px 0; } }
.about .about-mail, .about .about-twitter {
  padding-left: 18px;
  padding-right: 20px;
  margin: 10px 12px; }
  .about .about-mail:before, .about .about-twitter:before {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -2px; }
.about .about-mail:before {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-blue.svg"); }
.about .about-twitter:before {
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/twitter-blue.svg");
  top: -1px; }

.about-top .button {
  width: 196px;
  margin-bottom: 28px; }
.about-top .about-top-buttons {
  margin-top: 48px; }
.about-top .how-it-works {
  display: inline-block; }
  .about-top .how-it-works span {
    display: inline-block; }
  .about-top .how-it-works:after {
    display: inline-block;
    content: " ";
    width: 20px;
    height: 20px;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: -2px;
    -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: transform 0.32s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .about-top .how-it-works:hover:after {
    -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
            transform: translateY(8px); }
@media screen and (max-width: 600px) {
  .about-top {
    padding: 72px 0 42px !important; }
    .about-top .heading.biggest {
      margin-bottom: 28px; }
    .about-top .about-top-buttons {
      margin-top: 36px; } }

.about-story-nav {
  background-color: #F7F9FA; }
  .about-story-nav .row {
    display: table;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .about-story-nav a {
    display: table-cell;
    width: 50%;
    padding: 16px 40px;
    position: relative;
    -webkit-transition: background-color 0.125s ease-out;
            transition: background-color 0.125s ease-out; }
    .about-story-nav a:hover {
      background-color: #F0F3F5; }
    .about-story-nav a.active {
      background-color: #EAEEF0; }
    .about-story-nav a .avatar {
      border: 5px solid #ffffff;
      vertical-align: middle;
      display: inline-block; }
  .about-story-nav .story-button-text {
    position: absolute;
    top: 50%;
    left: 144px;
    right: 40px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 1.25rem;
    line-height: 1.3125rem; }
    .about-story-nav .story-button-text span {
      display: block; }
  @media screen and (max-width: 900px) {
    .about-story-nav .row {
      padding-left: 0;
      padding-right: 0; }
    .about-story-nav a {
      padding: 24px 1.5rem 28px;
      text-align: center; }
      .about-story-nav a .avatar {
        border: 4px solid #ffffff;
        width: 68px;
        height: 68px; }
    .about-story-nav .story-button-text {
      margin-top: 4px;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0);
      font-size: 1rem;
      line-height: 1.125rem; } }
  @media screen and (max-width: 600px) {
    .about-story-nav {
      margin-top: 36px; }
      .about-story-nav a {
        padding: 24px 1.25rem 24px; }
        .about-story-nav a .avatar {
          width: 60px;
          height: 60px;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .about-story-nav .story-button-text {
        margin-top: 10px;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        font-size: 0.875rem;
        line-height: 1rem; } }

.about-story {
  background-color: #EAEEF0;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #ffffff;
  overflow: hidden;
  position: relative; }
  .about-story span {
    display: inline-block;
    vertical-align: middle;
    border-radius: 60px;
    background-color: #181717;
    padding: 14px 24px;
    margin: 4px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); }
  .about-story .story-next-icon {
    display: inline-block;
    vertical-align: middle;
    border-radius: 60px;
    background-color: #181717;
    padding: 14px 24px;
    margin: 4px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
    height: 48px;
    width: 48px;
    position: relative; }
    .about-story .story-next-icon:after {
      position: absolute;
      top: 12px;
      left: 12px;
      display: block;
      content: " ";
      height: 24px;
      width: 24px;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/sort-white.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .about-story .story-next-icon.check:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-blue.svg"); }
  @media screen and (max-width: 600px) {
    .about-story {
      font-size: 1rem; } }

.about-stories {
  position: relative;
  background-color: #EAEEF0;
  z-index: 1; }

.story-1, .story-2 {
  width: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.5s ease-out;
          transition: opacity 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  top: 0;
  z-index: 1; }
  .story-1.show, .story-2.show {
    z-index: 2;
    opacity: 1;
    position: relative;
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s; }

/* ########################## Story 1 */
.story-1-1 {
  padding: 90px 0 354px;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/card-section-bg.jpg");
  background-size: cover;
  background-position: center 252px;
  background-repeat: no-repeat; }
  .story-1-1:before {
    width: 594px;
    height: 510px;
    content: " ";
    position: absolute;
    top: 168px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-1-1.svg");
    background-position: top center;
    background-repeat: no-repeat; }
  @media screen and (max-width: 600px) {
    .story-1-1 {
      padding: 60px 0 286px; }
      .story-1-1:before {
        width: 96%;
        background-size: contain;
        top: 144px; } }
  @media screen and (max-width: 388px) {
    .story-1-1 {
      padding: 60px 0 216px; }
      .story-1-1:before {
        top: 204px; } }

.story-1-2 {
  padding: 266px 0;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-1-2.svg");
  background-size: auto 684px;
  background-position: center;
  background-repeat: no-repeat; }
  .story-1-2:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #181717;
    opacity: 0.92; }
  .story-1-2 .story-next-icon {
    margin: 10px 4px; }
  @media screen and (max-width: 600px) {
    .story-1-2 {
      padding: 204px 0;
      background-size: auto 540px; } }

.story-1-3 {
  padding: 74px 0 462px;
  background-color: #F7F9FA;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-bg-1-3.jpg");
  background-size: auto;
  background-position: center 180px;
  background-repeat: no-repeat; }
  .story-1-3:before {
    width: 296px;
    height: 438px;
    content: " ";
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-1-3-2x.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .story-1-3:after {
    height: 16px;
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: repeat-x;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bottom-shadow.png"); }
  @media screen and (max-width: 600px) {
    .story-1-3 {
      padding: 60px 0 438px;
      background-size: auto  444px;
      background-position: center 162px; }
      .story-1-3:before {
        top: 156px; } }
  @media screen and (max-width: 451px) {
    .story-1-3 {
      padding: 60px 0 438px;
      background-position: center 212px; }
      .story-1-3:before {
        top: 208px; } }

/* ########################## Story 2 */
.story-2-1 {
  padding: 90px 0 354px;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-bg-2-1.svg");
  background-size: 1124px auto;
  background-position: center 252px;
  background-repeat: no-repeat; }
  @media screen and (max-width: 600px) {
    .story-2-1 {
      padding: 60px 0 286px;
      background-size: 756px auto;
      background-position: center 204px; } }
  @media screen and (max-width: 380px) {
    .story-2-1 {
      padding: 60px 0 202px;
      background-size: 696px auto; } }

.story-2-2 {
  padding: 266px 0;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-bg-2-2-2x.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .story-2-2:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #181717;
    opacity: 0.92; }
  .story-2-2 .story-next-icon {
    margin: 10px 4px; }
  @media screen and (max-width: 600px) {
    .story-2-2 {
      padding: 204px 0; } }

.story-2-3 {
  padding: 74px 0 462px;
  background-color: #F7F9FA;
  background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-bg-2-3.jpg");
  background-size: auto;
  background-position: center 180px;
  background-repeat: no-repeat; }
  .story-2-3:before {
    width: 296px;
    height: 438px;
    content: " ";
    position: absolute;
    top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/about-story-2-3-2x.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .story-2-3:after {
    height: 16px;
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: repeat-x;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bottom-shadow.png"); }
  @media screen and (max-width: 600px) {
    .story-2-3 {
      padding: 60px 0 438px;
      background-size: auto  444px;
      background-position: center 162px; }
      .story-2-3:before {
        top: 156px; } }
  @media screen and (max-width: 415px) {
    .story-2-3 {
      padding: 60px 0 438px;
      background-position: center 212px; }
      .story-2-3:before {
        top: 208px; } }

.about-story-end {
  padding: 60px 0 72px;
  background-color: #fff; }
  .about-story-end .avatar {
    border: 5px solid #ffffff;
    vertical-align: middle;
    display: inline-block; }
  .about-story-end .story-end-text {
    margin-top: 20px;
    font-size: 1.25rem;
    line-height: 1.3125rem; }
    .about-story-end .story-end-text span {
      display: block; }
  .about-story-end .paragraph {
    margin: 16px 0; }
  .about-story-end .story-end-buttons {
    margin-top: 24px; }
    .about-story-end .story-end-buttons .button {
      width: 196px; }
  .about-story-end .story-button-separator {
    display: block;
    margin: 22px 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
    color: #C9CED0; }
    .about-story-end .story-button-separator:before, .about-story-end .story-button-separator:after {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 1px;
      width: 24px;
      margin: 0 10px;
      background-color: #DFE3E5;
      position: relative;
      top: -2px; }

.about-funding {
  color: #fff;
  background-color: #181717; }
  .about-funding .heading.medium {
    margin-top: 0;
    margin-bottom: 36px; }
  .about-funding .paragraph {
    color: #fff; }
  .about-funding .button {
    margin-top: 16px; }

.about-team .paragraph.secondary {
  margin: 2px 0; }
.about-team .small-link-wrap {
  line-height: 1rem; }
.about-team .small-link {
  color: #898E90;
  margin-top: 0; }
  .about-team .small-link:hover {
    color: #5199FC; }
.about-team .avatar-fold {
  margin-bottom: 6px; }
.about-team .dotted-block:after {
  margin-top: 72px; }

.about-faq {
  padding: 6px 0 24px !important; }
  .about-faq .about-faq-border {
    border-top: 1px solid #EAEEF0;
    padding-top: 60px; }
  .about-faq .heading.small {
    font-size: 1rem; }
  .about-faq .paragraph {
    font-size: 0.875rem;
    line-height: 1.325rem; }

@media screen and (max-width: 1025px) {
  .about-funding img {
    margin-top: 0px;
    margin-bottom: 72px; } }
@media screen and (max-width: 641px) {
  .terms .heading.biggest, .about .heading.biggest {
    font-size: 2rem;
    line-height: 2.5rem; }
  .terms .heading.big, .about .heading.big {
    font-size: 1.75rem; } }
@media only screen and (min-width: 102rem) {
  .about-top.xlarge {
    padding: 168px 0; }

  .story-1-1.xlarge {
    padding: 126px 0 500px;
    background-position: center 354px; }
    .story-1-1.xlarge:before {
      top: 252px; }

  .story-1-2.xlarge {
    padding: 346px 0;
    background-size: auto 840px; }

  .story-1-3.xlarge {
    padding: 108px 0 596px;
    background-position: center 240px; }
    .story-1-3.xlarge:before {
      top: 240px; }

  .story-2-1.xlarge {
    padding: 126px 0 500px;
    background-size: 1424px auto;
    background-position: center 306px; }

  .story-2-2.xlarge {
    padding: 346px 0; }

  .story-2-3.xlarge {
    padding: 108px 0 596px;
    background-position: center 240px; }
    .story-2-3.xlarge:before {
      top: 240px; }

  .about-story-end.xlarge {
    padding: 108px 0 120px; }

  .about-funding.xlarge {
    padding: 168px 0 180px; } }
@media only screen and (min-width: 120.063rem) {
  .about-top.xxlarge {
    padding: 204px 0; }

  .story-1-1.xxlarge {
    padding: 156px 0 612px;
    background-position: center 424px; }
    .story-1-1.xxlarge:before {
      top: 300px;
      width: 642px;
      height: 558px;
      background-size: cover; }

  .story-1-2.xxlarge {
    padding: 418px 0;
    background-size: auto 960px; }

  .story-1-3.xxlarge {
    padding: 152px 0 696px;
    background-position: center 318px; }
    .story-1-3.xxlarge:before {
      top: 318px; }

  .story-2-1.xxlarge {
    padding: 180px 0 588px;
    background-size: 1724px auto;
    background-position: center 366px; }

  .story-2-2.xxlarge {
    padding: 418px 0; }

  .story-2-3.xxlarge {
    padding: 152px 0 696px;
    background-position: center 318px; }
    .story-2-3.xxlarge:before {
      top: 318px; }

  .about-story-end.xxlarge {
    padding: 144px 0 156px; }

  .about-funding.xxlarge {
    padding: 204px 0 216px; } }
.cover-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden; }
  .cover-full .cover-image, .cover-full .cover-canvas, .cover-full .cover-temp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .cover-full .cover-canvas {
    z-index: 3;
    -webkit-transition: opacity .75s;
            transition: opacity .75s;
    opacity: 0; }
    .cover-full .cover-canvas.active {
      opacity: 1; }
  .cover-full .cover-image, .cover-full .cover-temp {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 20%;
    z-index: 1; }
  .cover-full .cover-image {
    -webkit-transition: opacity .5s;
            transition: opacity .5s;
    opacity: 0; }
    .cover-full .cover-image.active {
      opacity: 0.84; }
  .cover-full .cover-temp {
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .5s;
            transition: opacity .5s; }

.signup-cover {
  position: relative; }

.page-cover {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0; }
  .page-cover .filter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }
    .page-cover .filter-wrapper.dark-cover {
      background-color: #333333; }
    .page-cover .filter-wrapper .cover-image {
      position: absolute;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center 20%;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px; }
      @media screen and (max-width: 1026px) {
        .page-cover .filter-wrapper .cover-image {
          background-size: 200%; } }
      @media screen and (max-width: 641px) {
        .page-cover .filter-wrapper .cover-image {
          background-size: 500%; } }
    .page-cover .filter-wrapper .cover-canvas {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .page-cover .filter-wrapper .cover-data {
      margin-top: 70px; }
      .page-cover .filter-wrapper .cover-data .avatar {
        border: 4px solid #ffffff;
        margin: auto;
        width: 108px;
        height: 108px;
        -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
                transform: translateY(30px);
        opacity: 0;
        -webkit-transition-delay: .35s;
                transition-delay: .35s;
        -webkit-transition-duration: 1s;
                transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        overflow: initial; }
        .page-cover .filter-wrapper .cover-data .avatar.after-render {
          opacity: 1;
          -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px);
                  transform: translateY(0px); }
      .page-cover .filter-wrapper .cover-data .cover-action {
        margin-top: 28px;
        height: 42px;
        width: 42px;
        border-radius: 50%;
        border: 2px solid #ffffff;
        -webkit-transition: background-color 0.3s;
                transition: background-color 0.3s; }
        .page-cover .filter-wrapper .cover-data .cover-action .action-trigger {
          display: block;
          height: 100%;
          width: 100%;
          background-repeat: no-repeat;
          background-position: 50%; }
        .page-cover .filter-wrapper .cover-data .cover-action.disabled {
          cursor: default !important;
          border: 2px solid rgba(255, 255, 255, 0.2); }
          .page-cover .filter-wrapper .cover-data .cover-action.disabled .action-trigger {
            opacity: 0.2; }
          .page-cover .filter-wrapper .cover-data .cover-action.disabled:hover {
            background-color: transparent !important; }
      .page-cover .filter-wrapper .cover-data .action-follow .action-trigger {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg");
        background-size: 56%; }
      .page-cover .filter-wrapper .cover-data .action-follow.following {
        background-color: #ffffff; }
        .page-cover .filter-wrapper .cover-data .action-follow.following .action-trigger {
          background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-pink.svg"); }
      .page-cover .filter-wrapper .cover-data .action-contact .action-trigger {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-white.svg");
        background-size: 48%; }
      .page-cover .filter-wrapper .cover-data .action-edit .action-trigger {
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-white.svg"); }
      .page-cover .filter-wrapper .cover-data .action-left {
        float: left;
        margin-left: -66px; }
      .page-cover .filter-wrapper .cover-data .action-right {
        float: right;
        margin-right: -66px; }
      .page-cover .filter-wrapper .cover-data .privacy-note {
        border-radius: 40px;
        background-color: rgba(0, 0, 0, 0.4);
        color: #fff;
        padding: 8px 15px 8px 15px;
        font-size: 12px;
        margin-top: -60px; }
      .page-cover .filter-wrapper .cover-data .cover-info {
        -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
                transform: translateY(30px);
        opacity: 0;
        -webkit-transition-delay: .5s;
                transition-delay: .5s;
        -webkit-transition-duration: 1s;
                transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        text-align: center; }
        .page-cover .filter-wrapper .cover-data .cover-info.after-render {
          opacity: 1;
          -webkit-transform: translateY(0px);
              -ms-transform: translateY(0px);
                  transform: translateY(0px); }
        .page-cover .filter-wrapper .cover-data .cover-info .extra-info-block {
          display: inline-block;
          margin-left: 10px;
          margin-right: 10px;
          opacity: 0.6; }
          .page-cover .filter-wrapper .cover-data .cover-info .extra-info-block:not(.no-hover) {
            -webkit-transition: opacity 0.15s ease-out;
                    transition: opacity 0.15s ease-out; }
            .page-cover .filter-wrapper .cover-data .cover-info .extra-info-block:not(.no-hover):hover {
              opacity: 1; }
      .page-cover .filter-wrapper .cover-data .username {
        color: #ffffff;
        margin-top: 14px;
        margin-bottom: 2px;
        line-height: 1.625rem;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
      .page-cover .filter-wrapper .cover-data .handle {
        font-size: 0.875rem;
        font-weight: 600;
        margin-top: 0; }
      .page-cover .filter-wrapper .cover-data .link {
        color: rgba(255, 255, 255, 0.6);
        position: relative; }
      .page-cover .filter-wrapper .cover-data .paragraph {
        margin: 12px auto;
        font-size: 1.125rem;
        line-height: 1.25rem;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
        @media screen and (max-width: 641px) {
          .page-cover .filter-wrapper .cover-data .paragraph {
            max-width: 90%; } }
        .page-cover .filter-wrapper .cover-data .paragraph a {
          color: #ffffff;
          font-weight: 600; }
      .page-cover .filter-wrapper .cover-data .extra-info {
        font-size: 12px;
        text-align: center; }

.not-touch-device .page-cover .filter-wrapper .cover-data .cover-action:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.35); }
.not-touch-device .page-cover .filter-wrapper .cover-data .action-follow.following:hover {
  cursor: pointer;
  background-color: #FFF5F9; }

.page-overview-block {
  display: block;
  border-bottom: solid 1px #EAEEF0;
  padding: 20px 0; }
  .page-overview-block .avatar {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle; }
  .page-overview-block .heading {
    font-size: 1.125rem;
    margin-top: 0;
    margin-bottom: 0; }
  .page-overview-block .sub-heading {
    margin-top: -4px;
    margin-bottom: 2px; }

.page-overview-item {
  display: inline-block;
  padding: 0 30px;
  vertical-align: middle;
  border-right: solid 1px #EAEEF0; }
  .page-overview-item:first-child {
    padding-left: 0; }

.page-overview-item-traits {
  display: inline-block;
  vertical-align: middle;
  float: right;
  text-align: right; }
  .page-overview-item-traits .page-overview-text .secondary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 0.875rem; }
  .page-overview-item-traits .page-overview-text .sub-heading {
    margin-bottom: 4px; }
  .page-overview-item-traits .page-overview-traits {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px; }
    .page-overview-item-traits .page-overview-traits .trait-wrap {
      vertical-align: middle;
      display: inline-block;
      margin-left: 6px; }

.page-overview-text {
  max-width: 204px;
  display: inline-block;
  vertical-align: middle; }
  .page-overview-text:not(:first-child) {
    margin-left: 4px; }

@media screen and (max-width: 948px) {
  .page-overview-item {
    padding: 0 22px; }
    .page-overview-item:first-child {
      padding-left: 0; }

  .page-overview-text {
    max-width: 144px; } }
@media screen and (max-width: 848px) {
  .page-overview-item {
    padding: 0 30px; }
    .page-overview-item .avatar {
      display: none; }
    .page-overview-item:first-child {
      padding-left: 0; }
    .page-overview-item.last {
      border-right: 0; }

  .page-overview-text:not(:first-child) {
    margin-left: 0px; } }
@media screen and (max-width: 680px) {
  .page-overview {
    padding: 0; }

  .page-overview-block {
    padding: 0; }

  .page-overview-item-traits {
    display: block;
    float: none;
    text-align: center;
    padding: 16px 0;
    border-top: solid 1px #EAEEF0; }
    .page-overview-item-traits .page-overview-text.has-traits {
      display: none; }
    .page-overview-item-traits .page-overview-traits {
      margin-left: 0; }

  .page-overview-item {
    display: inline-block;
    padding: 12px 0 16px;
    width: 33.333%;
    text-align: center; } }
.contact-section {
  display: table;
  width: 100%; }
  .contact-section .contact-section-user, .contact-section .contact-section-buttons {
    display: table-cell;
    width: 50%;
    vertical-align: middle; }

.contact-section-user {
  padding-right: 8px; }
  .contact-section-user .contact-section-avatar {
    width: 80px;
    display: table-cell;
    vertical-align: middle; }
  .contact-section-user .contact-section-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px; }
    .contact-section-user .contact-section-info .heading.medium {
      font-size: 1.125rem;
      margin-top: 12px; }
    .contact-section-user .contact-section-info .blue-sub-heading {
      margin-bottom: 16px; }

.contact-section-buttons {
  text-align: right; }
  .contact-section-buttons .base-tooltip {
    margin-top: 4px;
    margin-bottom: 4px; }
    .contact-section-buttons .base-tooltip + .base-tooltip {
      margin-left: 8px; }
  .contact-section-buttons .button.follow:before, .contact-section-buttons .button.contact:before {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -2px; }
  .contact-section-buttons .button.follow:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-pink.svg");
    margin-right: 2px;
    top: -1px;
    left: -2px; }
  .contact-section-buttons .button.follow.followed {
    background-color: #EF91AE;
    color: #ffffff;
    border-color: #EF91AE; }
    .contact-section-buttons .button.follow.followed:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg"); }
    .contact-section-buttons .button.follow.followed:hover {
      background-color: #F17C9E;
      border-color: #F17C9E; }
  .contact-section-buttons .button.contact:before {
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-white.svg"); }

@media screen and (max-width: 641px) {
  .contact-section {
    display: block;
    width: 100%; }
    .contact-section .contact-section-user, .contact-section .contact-section-buttons {
      display: table;
      width: 100%; }
    .contact-section .contact-section-user .contact-section-avatar {
      width: 60px; }
      .contact-section .contact-section-user .contact-section-avatar .avatar {
        width: 60px;
        height: 60px; }
    .contact-section .contact-section-buttons .button, .contact-section .contact-section-buttons .base-tooltip {
      display: block;
      width: 100%;
      margin: 16px 0 !important; } }
.gallery-cover {
  margin-top: 36px;
  padding-bottom: 28px;
  text-align: center; }
  .gallery-cover .filter-wrapper {
    top: 32px; }
    .gallery-cover .filter-wrapper .cover-image {
      opacity: 0.6; }
  .gallery-cover .row {
    position: relative;
    top: 0;
    z-index: 2; }

.card.gallery {
  margin: 0 auto 48px;
  background-color: transparent; }
  .card.gallery + .paragraph {
    color: rgba(255, 255, 255, 0.6);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    margin: 8px auto 36px;
    max-width: 290px;
    text-align: left;
    font-size: 0.75rem;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden; }

.project-row-gallery .heading.small {
  margin-bottom: 8px; }

.preview-image {
  background-color: #F7F9FA;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 105px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 2px;
  margin-bottom: 15px;
  cursor: pointer; }
  .preview-image.active {
    border: 2px solid red; }

.gallery-preview .card .card-image:after {
  position: absolute;
  content: "Set image as Cover";
  color: #fff;
  display: block;
  background: rgba(0, 0, 0, 0.95);
  font-size: .85em;
  border-radius: 100px;
  padding: 1px 8px 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.95);
      -ms-transform: translate(-50%, -50%) scale(0.95);
          transform: translate(-50%, -50%) scale(0.95);
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.gallery-preview .card:hover .card-image:after {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1; }
.gallery-preview .card.active .card-image:after, .gallery-preview .card.uploading .card-image:after {
  -webkit-transform: translate(-50%, -50%) scale(0.95) !important;
      -ms-transform: translate(-50%, -50%) scale(0.95) !important;
          transform: translate(-50%, -50%) scale(0.95) !important;
  opacity: 0 !important; }
.gallery-preview .card.active .card-image:after {
  -webkit-transition-delay: .35s;
          transition-delay: .35s; }
.gallery-preview .gallery-upload .row {
  margin-left: -10px;
  margin-right: -10px; }
.gallery-preview .gallery-upload .column {
  padding-left: 10px;
  padding-right: 10px; }
.gallery-preview .gallery-upload .heading {
  margin-top: -2px; }
.gallery-preview .gallery-upload .paragraph {
  margin-top: -18px;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.25rem; }
.gallery-preview .gallery-upload .button-upload-wrap {
  text-align: right; }
  @media screen and (max-width: 520px) {
    .gallery-preview .gallery-upload .button-upload-wrap .upload {
      padding-left: 16px;
      padding-right: 16px; }
      .gallery-preview .gallery-upload .button-upload-wrap .upload:before {
        width: 20px;
        height: 20px;
        margin-right: 0; }
      .gallery-preview .gallery-upload .button-upload-wrap .upload .false-file-input {
        display: none; } }
.gallery-preview .gallery-row .row {
  margin-left: -10px;
  margin-right: -10px; }
.gallery-preview .gallery-row .column {
  padding-left: 10px;
  padding-right: 10px; }
.gallery-preview .gallery-row .card {
  margin-top: 0;
  margin-bottom: 20px;
  box-shadow: none;
  border-radius: 1px;
  -webkit-transition: box-shadow 0.15s ease-out;
          transition: box-shadow 0.15s ease-out; }
  .gallery-preview .gallery-row .card:hover {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #EAEEF0; }
  .gallery-preview .gallery-row .card.active {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #5199FC; }
.gallery-preview .gallery-row .gallery-no-images {
  display: none;
  margin: 24px 0 36px;
  text-align: center;
  /*font-size: 0.875rem;
  line-height: 1.25rem;
   */ }
  .gallery-preview .gallery-row .gallery-no-images.show {
    display: block; }
  .gallery-preview .gallery-row .gallery-no-images .image-icon {
    height: 73px;
    width: 92px;
    display: inline-block;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/image-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; }

.tour-logo {
  position: absolute;
  left: 0;
  padding: 20px 24px;
  z-index: 10; }
  .tour-logo .logo {
    width: 24px; }
  @media screen and (max-width: 641px) {
    .tour-logo {
      padding: 14px 24px; }
      .tour-logo .logo {
        width: 22px;
        height: 22px; } }

.tour-control {
  position: absolute;
  right: 0;
  padding: 20px 24px;
  z-index: 10; }
  @media screen and (max-width: 641px) {
    .tour-control {
      padding: 15px 24px; } }
  .tour-control .tour-close {
    color: #ffffff;
    cursor: pointer; }
    .tour-control .tour-close .close {
      display: inline-block;
      width: 26px;
      height: 26px;
      border: 2px solid white;
      border-radius: 50%;
      vertical-align: middle;
      position: relative;
      top: -1px;
      margin-left: 8px;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-white.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }

.cover-logo {
  width: 41px;
  height: 39px;
  display: inline-block; }

.cover-title {
  line-height: 1.5rem;
  line-height: 1.875rem; }

.cover-tag {
  font-size: 1.125rem;
  line-height: 1.5rem; }

.cover-extra-paragraph {
  font-size: 0.875rem;
  line-height: 1.125rem; }

.box {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 0 20px rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  border-radius: 3px;
  position: relative;
  z-index: 100;
  background-color: #fff; }
  .box .box-content {
    padding: 40px 48px; }
    @media screen and (max-width: 641px) {
      .box .box-content {
        padding: 32px 36px 36px; } }

.box-row.row {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
.box-row.form-input {
  margin-top: 8px; }
.box-row .box-column {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.tour-view {
  position: relative; }
  .tour-view.tour-last-step .tour-timeline, .tour-view.tour-last-step .signup-terms, .tour-view.tour-last-step .cover-tag {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .tour-view.tour-last-step.animate-out .tour-timeline {
    -webkit-transition: all .4s;
            transition: all .4s;
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px); }
  .tour-view.tour-last-step.animate-out .cover-tag {
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px); }
  .tour-view.tour-last-step.animate-out .signup-terms {
    -webkit-transition: all .4s;
            transition: all .4s;
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px); }
  .tour-view .settings-traits {
    margin: 0; }
    .tour-view .settings-traits.view-deactivate {
      border-bottom: 1px solid #EAEEF0;
      max-height: 276px; }
  .tour-view .step-counter {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    height: 40px;
    width: 40px;
    background-color: #F7F7F7;
    padding-top: 11px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #F1F1F1;
    color: #C3C3C3; }
  .tour-view .signup-cover {
    padding-top: 50px;
    padding-bottom: 240px;
    overflow: hidden; }
  .tour-view .box {
    margin-top: -204px; }
  .tour-view .tour-timeline {
    margin-bottom: 32px; }
    @media screen and (max-width: 641px) {
      .tour-view .tour-timeline {
        margin-top: 24px;
        margin-bottom: 24px; } }
    .tour-view .tour-timeline.tour-timeline-idea {
      position: relative;
      left: 13px; }
      .tour-view .tour-timeline.tour-timeline-idea .step-looking-for {
        padding-right: 26px; }
    .tour-view .tour-timeline .tour-step {
      text-transform: capitalize;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      width: 33.33%;
      display: inline-block; }
      .tour-view .tour-timeline .tour-step:after {
        content: "";
        display: block;
        position: absolute;
        width: 60%;
        height: 2px;
        top: 10px;
        right: 70%;
        background-color: rgba(0, 0, 0, 0.4); }
      @media screen and (max-width: 528px) {
        .tour-view .tour-timeline .tour-step:after {
          width: 44%;
          right: 78%; } }
      .tour-view .tour-timeline .tour-step:first-child:after {
        display: none; }
      .tour-view .tour-timeline .tour-step a {
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1); }
      .tour-view .tour-timeline .tour-step.before-active-step:after, .tour-view .tour-timeline .tour-step.active-step:after {
        background-color: rgba(255, 255, 255, 0.6); }
      .tour-view .tour-timeline .tour-step.active-step a {
        color: #fff; }
  .tour-view .tour-content {
    box-shadow: inset 0px -1px 0px 0px #EAEEF0; }
    .tour-view .tour-content .tour-looking-for {
      padding: 30px;
      border-bottom: 1px solid #EAEEF0; }
      .tour-view .tour-content .tour-looking-for .input {
        margin: 0 auto; }
  .tour-view .tour-footer {
    padding: 36px 48px; }
    .tour-view .tour-footer .skip-label {
      margin: 8px 0;
      font-size: 0.875rem;
      line-height: 1.25rem;
      float: left;
      -webkit-transition: color 0.15s ease-out;
              transition: color 0.15s ease-out; }
      .tour-view .tour-footer .skip-label:hover {
        color: #333333; }
    .tour-view .tour-footer .continue-button {
      width: 156px;
      float: right; }
    @media screen and (max-width: 641px) {
      .tour-view .tour-footer {
        padding: 30px; }
        .tour-view .tour-footer .skip-label, .tour-view .tour-footer .continue-button {
          float: none;
          display: block;
          width: 100%;
          text-align: center; }
        .tour-view .tour-footer .skip-label {
          margin: 20px 0 0; } }

.tour-finish-view .signup-cover {
  -webkit-transition: opacity .35s;
          transition: opacity .35s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.tour-finish-view .cover-data, .tour-finish-view .signup-terms, .tour-finish-view .cover-info, .tour-finish-view .avatar {
  -webkit-transition: all .35s;
          transition: all .35s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
.tour-finish-view.animate-out {
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.35s;
          transition: transform 0.35s; }
  .tour-finish-view.animate-out .cover-data, .tour-finish-view.animate-out .signup-terms, .tour-finish-view.animate-out .box, .tour-finish-view.animate-out .cover-info, .tour-finish-view.animate-out .avatar {
    opacity: 0;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px); }
  .tour-finish-view.animate-out .signup-cover {
    opacity: 0; }
.tour-finish-view .avatar {
  border: 4px solid #ffffff;
  margin: auto;
  width: 108px;
  height: 108px;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  overflow: initial; }
  .tour-finish-view .avatar.after-render {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px); }
.tour-finish-view .cover-info {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  text-align: center; }
  .tour-finish-view .cover-info.after-render {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px); }
  .tour-finish-view .cover-info .extra-info-block {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.6; }
.tour-finish-view .username {
  color: #ffffff;
  margin-top: 14px;
  margin-bottom: 2px;
  line-height: 1.625rem; }
.tour-finish-view .idea-name {
  font-size: 2.625rem;
  margin-top: 26px;
  line-height: 2.625rem; }
.tour-finish-view .handle {
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0px; }
.tour-finish-view .idea-description {
  color: #ffffff; }
.tour-finish-view .tiny-tags-wrapper {
  margin-bottom: 24px; }
.tour-finish-view .link {
  color: rgba(255, 255, 255, 0.6);
  position: relative; }
.tour-finish-view .privacy-contact-status {
  margin-top: 20px;
  margin-bottom: 0; }
  .tour-finish-view .privacy-contact-status .paragraph + .paragraph {
    margin-top: -8px; }
.tour-finish-view .box {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap; }
  .tour-finish-view .box.after-render {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px); }
.tour-finish-view .action-block {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  border-top: 1px solid #EAEEF0;
  border-left: 1px solid #EAEEF0;
  -webkit-transition: background-color 0.2s ease-out;
          transition: background-color 0.2s ease-out; }
  .tour-finish-view .action-block:first-child {
    border-left: 0; }
  .tour-finish-view .action-block .action-block-icon {
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto 16px;
    position: relative; }
    .tour-finish-view .action-block .action-block-icon:before, .tour-finish-view .action-block .action-block-icon:after {
      content: "";
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: opacity 0.2s ease-out;
              transition: opacity 0.2s ease-out; }
    .tour-finish-view .action-block .action-block-icon:before {
      opacity: 1; }
    .tour-finish-view .action-block .action-block-icon:after {
      opacity: 0; }
    .tour-finish-view .action-block .action-block-icon.settings:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-dark.svg"); }
    .tour-finish-view .action-block .action-block-icon.settings:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-blue.svg"); }
    .tour-finish-view .action-block .action-block-icon.profile:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/profile.svg"); }
    .tour-finish-view .action-block .action-block-icon.profile:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/profile-blue.svg"); }
    .tour-finish-view .action-block .action-block-icon.bulb:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bulb.svg"); }
    .tour-finish-view .action-block .action-block-icon.bulb:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bulb-blue.svg"); }
  .tour-finish-view .action-block .action-block-text {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: color 0.2s ease-out;
            transition: color 0.2s ease-out; }
    .tour-finish-view .action-block .action-block-text .action-chevron {
      height: 10px;
      width: 10px;
      position: relative;
      top: -1px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 4px;
      margin-right: -2px; }
      .tour-finish-view .action-block .action-block-text .action-chevron:before, .tour-finish-view .action-block .action-block-text .action-chevron:after {
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: opacity 0.25s ease-out;
                transition: opacity 0.25s ease-out; }
      .tour-finish-view .action-block .action-block-text .action-chevron:before {
        opacity: 1;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right.svg"); }
      .tour-finish-view .action-block .action-block-text .action-chevron:after {
        opacity: 0;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right-blue.svg"); }
  .tour-finish-view .action-block:hover {
    background-color: #F7F9FA; }
    .tour-finish-view .action-block:hover .action-block-text {
      color: #5199FC; }
      .tour-finish-view .action-block:hover .action-block-text .action-chevron:before {
        opacity: 0; }
      .tour-finish-view .action-block:hover .action-block-text .action-chevron:after {
        opacity: 1; }
    .tour-finish-view .action-block:hover .action-block-icon:before {
      opacity: 0; }
    .tour-finish-view .action-block:hover .action-block-icon:after {
      opacity: 1; }
  @media screen and (max-width: 641px) {
    .tour-finish-view .action-block {
      padding-top: 24px;
      padding-bottom: 24px;
      border-left: 0; }
      .tour-finish-view .action-block .action-block-icon {
        height: 32px;
        width: 32px;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        margin-right: 12px; }
      .tour-finish-view .action-block .action-block-text {
        display: inline-block;
        vertical-align: middle;
        margin: 0; } }
.tour-finish-view .tour-header {
  white-space: normal;
  padding: 24px 32px; }
.tour-finish-view .tour-content {
  box-shadow: none;
  white-space: normal; }

.tour-looking-for .input {
  margin: 0 0 36px; }

.tour-form-wrap {
  padding: 30px 48px 18px; }
  @media screen and (max-width: 641px) {
    .tour-form-wrap {
      padding: 24px 30px 18px; } }

.tour-modifier.settings-avatars {
  padding: 32px 36px 24px;
  border-bottom: solid 1px #EAEEF0; }
  @media screen and (max-width: 641px) {
    .tour-modifier.settings-avatars {
      padding: 28px 24px 20px; } }
.tour-modifier.settings-traits {
  max-height: 860px; }
  @media screen and (min-width: 480px) {
    .tour-modifier.settings-traits {
      max-height: 600px; } }
  @media screen and (min-width: 849px) {
    .tour-modifier.settings-traits {
      max-height: 440px; } }
  .tour-modifier.settings-traits .traits-group {
    padding-top: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: 0; }
  .tour-modifier.settings-traits .traits-header {
    display: block;
    padding: 24px 48px;
    border-bottom: 1px solid #EAEEF0; }
    .tour-modifier.settings-traits .traits-header .traits-header-content-wrap {
      color: #9EA4A7;
      height: 24px;
      -webkit-transition: height 0.15s ease-out;
              transition: height 0.15s ease-out; }
      .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content {
        color: #9EA4A7; }
        .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content.active {
          color: #5199FC; }
        .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait] {
          -webkit-transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                  transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          opacity: 0;
          -webkit-transform: translate(0, 10px);
              -ms-transform: translate(0, 10px);
                  transform: translate(0, 10px);
          overflow: visible;
          width: auto;
          white-space: nowrap;
          max-width: 0;
          display: inline-block;
          vertical-align: middle; }
          .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait]:first-child {
            padding-left: 1px;
            padding-right: 1px; }
          .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait].default:after {
            display: none; }
          .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait]:after {
            -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            display: inline-block;
            content: ",";
            width: auto;
            max-width: 0;
            opacity: 0; }
          .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait].reveal {
            opacity: 1;
            -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
            max-width: 300px;
            padding-left: 4px;
            padding-right: 0; }
            .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait].reveal:after {
              max-width: 10px;
              opacity: 1; }
            .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait].reveal:not(.default) {
              color: #5199FC; }
            .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait].reveal.last:after {
              max-width: 0;
              opacity: 0; }
          .tour-modifier.settings-traits .traits-header .traits-header-content-wrap .traits-header-content [data-trait].remove {
            opacity: 0;
            -webkit-transform: translate(0, 10px);
                -ms-transform: translate(0, 10px);
                    transform: translate(0, 10px);
            max-width: 0; }
  .tour-modifier.settings-traits .settings-trait {
    cursor: pointer;
    border-right: 1px solid #EAEEF0;
    border-bottom: 1px solid #EAEEF0;
    margin: 0;
    padding: 20px 0;
    -webkit-transition: background-color 0.25s ease-out;
            transition: background-color 0.25s ease-out; }
    .tour-modifier.settings-traits .settings-trait:nth-child(2n) {
      border-right: 0; }
    @media screen and (min-width: 480px) {
      .tour-modifier.settings-traits .settings-trait:nth-child(3n) {
        border-right: 0; }
      .tour-modifier.settings-traits .settings-trait:nth-child(2n), .tour-modifier.settings-traits .settings-trait:last-child {
        border-right: 1px solid #EAEEF0; } }
    @media screen and (min-width: 849px) {
      .tour-modifier.settings-traits .settings-trait:hover {
        background-color: #F7F9FA; }
        .tour-modifier.settings-traits .settings-trait:hover .settings-trait-image-wrapper .settings-trait-image {
          box-shadow: inset 0px 0px 0px 5px #B9BEC0; }
      .tour-modifier.settings-traits .settings-trait:nth-child(3n) {
        border-right: 1px solid #EAEEF0; }
      .tour-modifier.settings-traits .settings-trait:nth-child(4n) {
        border-right: 0; } }
.tour-modifier.settings-connections .settings-content-header {
  padding: 24px 48px;
  margin: 0;
  border-top: 1px solid #EAEEF0; }
  .tour-modifier.settings-connections .settings-content-header:before {
    display: none; }
  .tour-modifier.settings-connections .settings-content-header:first-child {
    border-top: 0; }
.tour-modifier.settings-connections .settings-content-block {
  padding: 6px 48px 16px;
  margin-bottom: 0; }
@media screen and (max-width: 641px) {
  .tour-modifier.settings-connections .settings-content-header {
    padding: 24px 30px 20px; }
  .tour-modifier.settings-connections .settings-content-block {
    padding: 6px 30px 16px; } }
.tour-modifier.gallery-preview .gallery-upload {
  padding: 24px 48px;
  border-bottom: 1px solid #EAEEF0; }
.tour-modifier.gallery-preview .gallery-row {
  padding: 36px 48px 16px; }
@media screen and (max-width: 641px) {
  .tour-modifier.gallery-preview .gallery-upload {
    padding: 24px 30px; }
  .tour-modifier.gallery-preview .gallery-row {
    padding: 30px 30px 10px; } }
.tour-modifier.privacy-view {
  padding: 28px 48px 28px;
  border-bottom: 1px solid #EAEEF0; }
  @media screen and (max-width: 641px) {
    .tour-modifier.privacy-view {
      padding: 30px; } }
  @media screen and (max-width: 360px) {
    .tour-modifier.privacy-view {
      padding-bottom: 0px; }
      .tour-modifier.privacy-view .privacy-wrapper {
        margin-left: -30px;
        margin-right: -30px; }
        .tour-modifier.privacy-view .privacy-wrapper .column .privacy-rule {
          border-radius: 0;
          padding: 24px 30px; } }

.tour-box {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px); }
  .tour-box.transition {
    -webkit-transition: all .35s;
            transition: all .35s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
  .tour-box.after-render {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  .tour-box.before-destroy {
    -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
            transform: translate(0, 20px);
    opacity: 0; }

.tour-start-view.animate-out [data-action="animator"] {
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
  opacity: 0; }

[data-view="tour-ideacreatetour-startView"] .signup-cover {
  opacity: 0;
  -webkit-transition: all .6s;
          transition: all .6s;
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }
[data-view="tour-ideacreatetour-startView"] .cover-title, [data-view="tour-ideacreatetour-startView"] .cover-tag, [data-view="tour-ideacreatetour-startView"] .box {
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px); }
[data-view="tour-ideacreatetour-startView"] .cover-title {
  -webkit-transition: all .35s;
          transition: all .35s;
  -webkit-transition-delay: .4s;
          transition-delay: .4s; }
[data-view="tour-ideacreatetour-startView"] .cover-tag {
  -webkit-transition: all .35s;
          transition: all .35s;
  -webkit-transition-delay: .6s;
          transition-delay: .6s; }
[data-view="tour-ideacreatetour-startView"] .box {
  -webkit-transition: all .35s;
          transition: all .35s;
  -webkit-transition-delay: .8s;
          transition-delay: .8s; }
[data-view="tour-ideacreatetour-startView"].animate-in .signup-cover {
  opacity: 1; }
[data-view="tour-ideacreatetour-startView"].animate-in .cover-title, [data-view="tour-ideacreatetour-startView"].animate-in .cover-tag, [data-view="tour-ideacreatetour-startView"].animate-in .box {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

@media only screen and (min-width: 102rem) {
  .tour-view .tour-footer.xlarge {
    padding: 42px 60px; }

  .tour-modifier.settings-connections .settings-content-header {
    padding: 42px 60px; }
  .tour-modifier.gallery-preview .gallery-upload {
    padding: 42px 60px; }
  .tour-modifier.privacy-view {
    padding: 42px 60px 48px; }

  .tour-form-wrap {
    padding: 36px 60px 24px; }

  .tour-finish-view .tour-header.xlarge {
    padding: 36px 48px; }
  .tour-finish-view .action-block.xlarge {
    padding-top: 60px;
    padding-bottom: 72px; } }
.card-sort-menu {
  margin: 54px 0 36px;
  display: block; }
  .card-sort-menu .lists {
    float: left;
    text-align: left; }
  .card-sort-menu .button {
    font-size: 1.125rem;
    text-transform: capitalize;
    line-height: 1.5rem;
    padding: 8px 20px; }
    .card-sort-menu .button:not(.selected) {
      background-color: transparent;
      color: #333333; }
      .card-sort-menu .button:not(.selected):hover {
        background-color: #F7F9FA; }
  .card-sort-menu .filters {
    float: right;
    text-align: right;
    padding: 7px 0; }
  .card-sort-menu .dropdown, .card-sort-menu .floating-view {
    margin-left: -90px;
    width: 180px;
    left: 50%;
    -webkit-transform: translateY(-12px) scale(0.92);
        -ms-transform: translateY(-12px) scale(0.92);
            transform: translateY(-12px) scale(0.92); }
    .card-sort-menu .dropdown.after-render, .card-sort-menu .after-render.floating-view {
      -webkit-transform: translateY(0) scale(1);
          -ms-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1); }
    .card-sort-menu .dropdown.before-destroy, .card-sort-menu .before-destroy.floating-view {
      -webkit-transform: translateY(-12px) scale(0.92);
          -ms-transform: translateY(-12px) scale(0.92);
              transform: translateY(-12px) scale(0.92); }
  .card-sort-menu .link {
    margin-top: 4px;
    margin-bottom: 4px; }
    .card-sort-menu .link + .link {
      margin-left: 20px; }
    .card-sort-menu .link [data-type="title"] {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
      position: relative;
      top: -1px; }
    .card-sort-menu .link.selected .circle {
      background-color: #5199FC; }
    .card-sort-menu .link.selected .dropdown-icon.check {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check-blue.svg"); }
    .card-sort-menu .link .dropdown-text {
      display: inline-block;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.15s cubic-bezier(0.075, 0.82, 0.165, 1), width 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
              transition: opacity 0.3s, transform 0.15s cubic-bezier(0.075, 0.82, 0.165, 1), width 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
      text-align: center;
      opacity: 1;
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
      .card-sort-menu .link .dropdown-text.loading {
        opacity: 0;
        -webkit-transform: translate(0, 2px);
            -ms-transform: translate(0, 2px);
                transform: translate(0, 2px); }
    .card-sort-menu .link .circle {
      background-color: #EAEEF0;
      height: 8px;
      width: 8px;
      display: inline-block;
      content: "";
      vertical-align: middle;
      position: relative;
      top: -1px;
      border-radius: 50%;
      margin-right: 6px;
      -webkit-transition: all 0.25s;
              transition: all 0.25s; }
    .card-sort-menu .link .dropdown-icon {
      top: -1px; }
      .card-sort-menu .link .dropdown-icon.check {
        width: 24px;
        height: 24px;
        border: 1px solid #EAEEF0;
        border-radius: 2px;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/check.svg");
        background-position: 0px;
        background-size: 92%;
        background-repeat: no-repeat;
        margin-left: 8px; }
  @media screen and (max-width: 1025px) {
    .card-sort-menu {
      margin: 36px 0 12px; }
      .card-sort-menu .lists, .card-sort-menu .filters {
        float: none;
        text-align: center; }
      .card-sort-menu .lists {
        margin-bottom: 16px; }
      .card-sort-menu .button {
        font-size: 0.875rem;
        line-height: 1.125rem;
        border-radius: 0;
        border: 1px solid transparent; }
        .card-sort-menu .button:not(.selected) {
          border: 1px solid #EAEEF0; }
        .card-sort-menu .button:first-child {
          border-top-left-radius: 2px;
          border-bottom-left-radius: 2px; }
          .card-sort-menu .button:first-child + .button {
            border-left: 0; }
            .card-sort-menu .button:first-child + .button:not(:last-child) {
              border-right: 0; }
        .card-sort-menu .button:last-child {
          border-top-right-radius: 2px;
          border-bottom-right-radius: 2px; } }
  @media screen and (max-width: 641px) {
    .card-sort-menu .button {
      font-size: 0.8125rem;
      line-height: 1rem; }
    .card-sort-menu .dropdown-text {
      max-width: 84px; }
    .card-sort-menu .link + .link {
      margin-left: 8px; }
    .card-sort-menu .link [data-type="title"] {
      max-width: 84px;
      font-size: 0.625rem; }
    .card-sort-menu .link .circle {
      margin-right: 4px;
      height: 6px;
      width: 6px; }
      .card-sort-menu .link .circle.check {
        display: none; }
    .card-sort-menu .link .dropdown-icon {
      margin-left: 1px;
      width: 13px;
      height: 13px;
      background-size: 100%; }
      .card-sort-menu .link .dropdown-icon.check {
        width: 12px;
        height: 12px;
        border-radius: 1px;
        margin-left: 3px;
        border: 0;
        background-size: 110%; } }

.no-content-view {
  margin-top: 120px;
  margin-bottom: 84px; }
  @media screen and (max-width: 641px) {
    .no-content-view {
      margin-top: 60px;
      margin-bottom: 12px; } }
  .no-content-view .paragraph {
    margin-bottom: 24px; }
  .no-content-view .highlight {
    color: #5199FC;
    text-transform: capitalize; }
  .no-content-view .button {
    padding-left: 32px;
    padding-right: 32px; }
  .no-content-view .or-login {
    margin-top: 10px;
    font-size: 0.875rem;
    color: #C9CED0; }

.update-idea-header {
  width: 100%;
  position: absolute;
  top: 0px;
  padding: 15px 0;
  z-index: 1; }
  .update-idea-header:before {
    content: "";
    display: block;
    background-color: #F7F9FA;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .update-idea-header.fixed {
    position: fixed;
    top: 0;
    z-index: 9000; }
    .update-idea-header.fixed:before {
      -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
              transform: scaleY(1); }
    .update-idea-header.fixed .row {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .update-idea-header.fixed .avatar {
      -webkit-transform: scale(0.666);
          -ms-transform: scale(0.666);
              transform: scale(0.666);
      box-shadow: 0px 0px 0px 2px #ffffff; }
    .update-idea-header.fixed .update-idea-text {
      -webkit-transform: translateX(-26px);
          -ms-transform: translateX(-26px);
              transform: translateX(-26px); }
      .update-idea-header.fixed .update-idea-text .favs-counter {
        height: 0;
        opacity: 0; }
  .update-idea-header .row {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out; }
  .update-idea-header .avatar {
    width: 60px;
    height: 60px;
    top: 0;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
    z-index: 2; }
    .update-idea-header .avatar:after {
      display: block;
      content: "";
      margin: 9px;
      width: 42px;
      height: 42px;
      opacity: 0;
      -webkit-transform: scale(0.84);
          -ms-transform: scale(0.84);
              transform: scale(0.84);
      background: rgba(0, 0, 0, 0.8);
      box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/pencil.svg");
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out;
              transition: transform 0.15s ease-out, opacity 0.15s ease-out; }
    .update-idea-header .avatar:hover:after {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
  .update-idea-header .update-idea-text {
    display: inline-block;
    vertical-align: top;
    padding: 0 240px 0 80px;
    max-width: 100%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
    z-index: 1; }
    .update-idea-header .update-idea-text .heading, .update-idea-header .update-idea-text .paragraph {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .update-idea-header .update-idea-text .heading {
      margin-top: -4px;
      line-height: 1.75rem;
      display: inline-block;
      vertical-align: top;
      max-width: 100%; }
    .update-idea-header .update-idea-text .paragraph {
      margin-bottom: 0;
      height: 0.875rem;
      display: block; }
    .update-idea-header .update-idea-text .favs-counter {
      color: #333333;
      font-weight: 600;
      font-size: 0.75rem;
      display: block;
      padding-top: 2px;
      -webkit-transition: opacity 0.15s ease-out, height 0.15s ease-out;
              transition: opacity 0.15s ease-out, height 0.15s ease-out;
      height: 22px;
      line-height: 1rem; }
  .update-idea-header .update-idea-buttons {
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 3; }
  .update-idea-header .view-idea {
    color: #9EA4A7;
    font-size: 0.875rem;
    padding-right: 16px; }
  .update-idea-header .save-button {
    padding-left: 22px;
    padding-right: 22px; }

.update-idea-header-padding {
  padding-top: 130px; }

.privacy-contact-status.privacy-contact-update-idea .paragraph {
  position: relative; }
  .privacy-contact-status.privacy-contact-update-idea .paragraph:before {
    margin-right: -28px;
    vertical-align: top;
    top: -2px; }
  .privacy-contact-status.privacy-contact-update-idea .paragraph .status-message {
    display: inline-block;
    margin: 0 60px 0 34px;
    vertical-align: top; }
  .privacy-contact-status.privacy-contact-update-idea .paragraph .status-change {
    font-weight: 600;
    color: #9EA4A7;
    top: 0; }

.gallery-preview .gallery-upload {
  padding: 8px 0 16px; }
.gallery-preview .gallery-row {
  padding: 36px 0 0px; }

.idea-delete-paragraph {
  font-size: 0.875rem;
  color: #C9CED0;
  margin: 0; }
  .idea-delete-paragraph .idea-delete {
    color: #EF91AE;
    cursor: pointer; }

@media screen and (max-width: 641px) {
  .update-idea-header .update-idea-text .heading {
    font-size: 1rem;
    line-height: 1.125rem;
    margin-top: 2px;
    margin-bottom: 18px; }
  .update-idea-header .update-idea-text .paragraph {
    margin-bottom: 4px; } }
.custom-col-medium-80 {
  width: 100%;
  padding-left: 104px;
  padding-right: 104px; }
  @media screen and (max-width: 641px) {
    .custom-col-medium-80 {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

@media screen and (max-width: 680px) {
  .update-idea-header .row {
    -webkit-transform: translateY(12px);
        -ms-transform: translateY(12px);
            transform: translateY(12px); }
  .update-idea-header .avatar {
    -webkit-transform: scale(0.666);
        -ms-transform: scale(0.666);
            transform: scale(0.666); }
  .update-idea-header .update-idea-text {
    padding-right: 180px;
    -webkit-transform: translateX(-26px);
        -ms-transform: translateX(-26px);
            transform: translateX(-26px); }
    .update-idea-header .update-idea-text .favs-counter {
      display: none; }
  .update-idea-header .save-button {
    padding-left: 12px;
    padding-right: 12px; }

  .update-idea-header-padding {
    padding-top: 90px; } }
@media (max-width: 540px) {
  .update-idea-header .update-idea-text {
    padding-right: 72px; }
    .update-idea-header .update-idea-text .view-idea-mobile {
      position: relative;
      padding-right: 20px;
      vertical-align: top; }
      .update-idea-header .update-idea-text .view-idea-mobile:after {
        height: 18px;
        width: 14px;
        display: block;
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right-gray.svg");
        position: absolute;
        top: 0;
        right: 0; }
  .update-idea-header .update-idea-buttons .view-idea {
    display: none; } }
.password-recovery .avatar {
  width: 100px;
  height: 100px;
  margin: 0 auto; }
.password-recovery .heading.big {
  font-size: 2.5rem; }
.password-recovery .paragraph + .paragraph {
  margin-top: 26px; }
.password-recovery .button.secondary {
  padding-left: 32px;
  padding-right: 32px;
  margin-top: 16px; }
.password-recovery .button {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.4s, background-color 0.1s;
          transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.4s, background-color 0.1s;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0; }
.password-recovery .avatar, .password-recovery .heading, .password-recovery .paragraph, .password-recovery .input, .password-recovery .input-label {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.4s;
          transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.4s;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0; }
.password-recovery.animate-in .avatar, .password-recovery.animate-in .heading, .password-recovery.animate-in .paragraph, .password-recovery.animate-in .button, .password-recovery.animate-in .input, .password-recovery.animate-in .input-label {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1; }

.password-reset-requested .avatar, .password-reset-requested .heading, .password-reset-requested .paragraph, .password-reset-requested .button, .password-reset-requested .input, .password-reset-requested .input-label {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0; }
.password-reset-requested.animate-in .avatar, .password-reset-requested.animate-in .heading, .password-reset-requested.animate-in .paragraph, .password-reset-requested.animate-in .button, .password-reset-requested.animate-in .input, .password-reset-requested.animate-in .input-label {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1; }

.password-reset-success .avatar, .password-reset-success .heading, .password-reset-success .paragraph, .password-reset-success .button, .password-reset-success .input, .password-reset-success .input-label {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0; }
.password-reset-success.animate-in .avatar, .password-reset-success.animate-in .heading, .password-reset-success.animate-in .paragraph, .password-reset-success.animate-in .button, .password-reset-success.animate-in .input, .password-reset-success.animate-in .input-label {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1; }
.password-reset-success .reset-login {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.central-news-view {
  overflow: hidden;
  background-color: #F7F9FA;
  padding: 30px 0 0;
  max-height: 320px;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 0; }
  .central-news-view .box {
    position: relative;
    display: block;
    position: relative;
    padding: 24px 30px;
    background-color: #333333;
    color: #fff;
    margin: 0;
    z-index: 1;
    -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }
    .central-news-view .box .heading, .central-news-view .box .paragraph {
      margin: 0; }
  .central-news-view .central-icon-wrapper {
    display: block;
    width: auto; }
  .central-news-view .central-icon {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px #fff;
    background-color: rgba(255, 255, 255, 0.9);
    background-repeat: no-repeat;
    background-position: center; }
    .central-news-view .central-icon.blog {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/blog.svg"); }
  .central-news-view .central-text-wrapper {
    padding-right: 198px; }
  .central-news-view .central-text {
    padding-top: 6px;
    padding-bottom: 8px;
    min-height: 64px; }
  .central-news-view .central-headline.has-copy .heading {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .central-news-view .central-headline:not(.has-copy) {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .central-news-view .central-headline .heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600; }
  .central-news-view .central-copy {
    position: relative;
    font-size: 0.8125rem;
    line-height: 1.375rem; }
    .central-news-view .central-copy.has-info {
      padding-right: 184px; }
    .central-news-view .central-copy .paragraph {
      color: #fff;
      line-height: 1.375rem; }
  .central-news-view .central-infos {
    width: 172px;
    display: inline-block;
    line-height: inherit; }
    .central-news-view .central-infos.has-description {
      position: absolute;
      top: 0;
      right: 0; }
  .central-news-view .central-info {
    display: inline-block;
    line-height: inherit; }
    .central-news-view .central-info + .central-info {
      margin-left: 10px; }
    .central-news-view .central-info.central-hour:before, .central-news-view .central-info.central-date:before {
      display: inline-block;
      content: "";
      width: 12px;
      height: 12px;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      position: relative;
      top: -2px;
      margin-right: 4px; }
    .central-news-view .central-info.central-hour:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/clock.svg"); }
    .central-news-view .central-info.central-date:before {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/calendar.svg"); }
  .central-news-view .central-buttons {
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 3; }
  .central-news-view .button {
    color: #333333;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
    min-width: 114px; }
    .central-news-view .button:hover {
      background-color: #EAEEF0; }
  .central-news-view .box.central-learn-more {
    padding: 30px 30px; }
    .central-news-view .box.central-learn-more .central-headline .heading {
      font-size: 1.125rem;
      line-height: 1.25rem;
      font-weight: 500;
      white-space: normal;
      text-overflow: initial;
      overflow: visible; }
    .central-news-view .box.central-learn-more .central-copy .paragraph {
      color: #9EA4A7;
      line-height: 1.25rem; }
    .central-news-view .box.central-learn-more .button {
      color: #fff;
      background-color: #5199FC; }
      .central-news-view .box.central-learn-more .button:hover {
        background-color: #3A83E6; }
    .central-news-view .box.central-learn-more .learn-more {
      color: #fff;
      margin-right: 16px;
      display: inline-block;
      vertical-align: middle; }
    .central-news-view .box.central-learn-more .chevron, .central-news-view .box.central-learn-more .notification-message .read:after, .notification-message .central-news-view .box.central-learn-more .read:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right-white.svg"); }
  .central-news-view .close {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.3s;
            transition: transform 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.3s;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/close-white.svg");
    background-position: center;
    background-repeat: no-repeat; }
    .central-news-view .close:hover {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
  .central-news-view.dismiss {
    max-height: 0;
    opacity: 0;
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
    padding-top: 0;
    padding-bottom: 0; }
    .central-news-view.dismiss .box {
      opacity: 0;
      -webkit-transform: translate(0, -180px);
          -ms-transform: translate(0, -180px);
              transform: translate(0, -180px);
      -webkit-transition-delay: .35s;
              transition-delay: .35s; }
    .central-news-view.dismiss .close, .central-news-view.dismiss .close:hover {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
              transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0); }

@media screen and (max-width: 848px) {
  .central-news-view .box .central-icon-wrapper {
    display: none; }
  .central-news-view .box .central-text {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 52px; }
  .central-news-view .box .central-text-wrapper {
    padding-right: 144px; }
  .central-news-view .box .central-headline .heading {
    font-size: 1.125rem; }
  .central-news-view .box.central-learn-more .central-headline {
    width: 100%;
    padding-right: 1.5rem; }
  .central-news-view .box.central-learn-more .central-copy {
    display: none; } }
@media screen and (max-width: 641px) {
  .central-news-view {
    padding: 0; }
    .central-news-view .box-wrapper {
      padding: 0; }
    .central-news-view .box {
      border-radius: 0;
      padding: 24px 20px 30px; }
      .central-news-view .box .central-text {
        min-height: 0px; }
      .central-news-view .box .central-text-wrapper {
        padding-right: 1.5rem;
        text-align: center; }
      .central-news-view .box .central-copy {
        padding-right: 0; }
        .central-news-view .box .central-copy .paragraph {
          display: none; }
      .central-news-view .box .central-infos {
        position: relative;
        width: auto;
        display: block;
        text-align: center;
        margin-top: 10px; }
      .central-news-view .box .central-headline {
        text-align: center; }
        .central-news-view .box .central-headline .heading {
          line-height: 1.5rem;
          white-space: normal;
          text-overflow: initial;
          overflow: visible; }
        .central-news-view .box .central-headline:not(.has-copy) {
          position: relative;
          top: 0;
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0); }
      .central-news-view .box .central-buttons {
        margin-top: 16px;
        position: relative;
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
        text-align: center;
        top: 0; }
      .central-news-view .box .button {
        font-size: 0.75rem;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 18px;
        padding-left: 18px;
        border-width: 0;
        border-radius: 2px; } }
.notifications-wrap {
  position: relative;
  display: inline-block; }
  .notifications-wrap .floating-view {
    width: 300px;
    margin-left: -150px; }
  .notifications-wrap .notifications-hub.link {
    padding-left: 8px;
    padding-right: 8px; }
  .notifications-wrap .notifications-hub .bell-hole {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    top: -1px;
    background-size: 0; }
    .notifications-wrap .notifications-hub .bell-hole:before {
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      left: 0px;
      top: 0px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 50%;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bell.svg");
      opacity: 1; }
  .notifications-wrap .notifications-hub.active .bell-hole {
    background-size: 100%; }
    .notifications-wrap .notifications-hub.active .bell-hole:before {
      opacity: 0; }
    .notifications-wrap .notifications-hub.active .bell-hole:after {
      content: "";
      background-color: #EA4C89;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: block;
      position: absolute;
      right: -1px;
      top: 0px; }
  .notifications-wrap .notifications-list {
    padding: 15px 25px; }
  .notifications-wrap .notification-item {
    position: relative;
    min-height: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 16px;
    margin-bottom: 5px; }
    .notifications-wrap .notification-item:last-index {
      margin-bottom: 0; }
    .notifications-wrap .notification-item:after {
      background-color: #5199FC;
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 28px;
      width: 7px;
      height: 7px;
      border-radius: 100%;
      margin-top: -3px; }
    .notifications-wrap .notification-item.seen {
      padding-right: 0px; }
      .notifications-wrap .notification-item.seen:after {
        display: none; }
    .notifications-wrap .notification-item.has-message:after {
      top: 50px; }
    .notifications-wrap .notification-item .avatar {
      position: absolute;
      width: 36px;
      height: 36px;
      top: 10px;
      left: 0;
      overflow: visible; }
  .notifications-wrap .notification-action {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -3px;
    right: -9px; }
    .notifications-wrap .notification-action.has-idea {
      box-shadow: 0 0 0 3px #fff;
      border-radius: 3px;
      background-color: #EAEEF0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .notifications-wrap .notification-action:after {
      display: block;
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      top: 2px;
      right: 2px;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 60%; }
    .notifications-wrap .notification-action.action-follow:after {
      background-color: #EF91AE;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg"); }
    .notifications-wrap .notification-action.action-contact:after {
      background-color: #5199FC;
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/envelope-white.svg");
      background-position: center 44%; }
  .notifications-wrap .notification-text {
    padding-top: 2px;
    padding-left: 54px;
    font-size: 0.8125rem;
    line-height: 1rem;
    color: #898E90; }
    .notifications-wrap .notification-text a {
      color: #898E90;
      -webkit-transition: color .275s ease-in-out;
              transition: color .275s ease-in-out; }
      .notifications-wrap .notification-text a:hover {
        color: #5199FC; }
        .notifications-wrap .notification-text a:hover .highlight {
          color: #5199FC; }
    .notifications-wrap .notification-text .highlight {
      color: #333333;
      font-weight: 500;
      -webkit-transition: color .275s ease-in-out;
              transition: color .275s ease-in-out; }
  .notifications-wrap .notification-user, .notifications-wrap .notification-message {
    display: block; }
  .notifications-wrap .notification-numbers {
    display: none;
    margin-top: 6px; }
    .notifications-wrap .notification-numbers .tiny.tiny-dark {
      background-color: #C9CED0;
      vertical-align: top;
      line-height: 18px !important; }
      .notifications-wrap .notification-numbers .tiny.tiny-dark:hover {
        background-color: #9EA4A7; }
    .notifications-wrap .notification-numbers .tiny.tiny-follow {
      font-weight: 600; }
      .notifications-wrap .notification-numbers .tiny.tiny-follow:after {
        display: inline-block;
        content: "";
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-left: 3px;
        margin-right: -2px;
        position: relative;
        top: -1px;
        background-position: center;
        background-repeat: no-repeat; }
    .notifications-wrap .notification-numbers .tiny.tiny-follow:after {
      background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/heart-white.svg"); }
    .notifications-wrap .notification-numbers .tiny.tiny-follow.following {
      background-color: #EF91AE; }
    .notifications-wrap .notification-numbers .text-smaller {
      font-size: 0.75rem;
      line-height: 1rem;
      vertical-align: top;
      margin-right: 6px;
      display: inline-block;
      color: #9EA4A7;
      font-weight: 500;
      line-height: 1rem; }
      .notifications-wrap .notification-numbers .text-smaller .number {
        color: #333333;
        font-size: 0.75rem;
        font-weight: 600; }
      .notifications-wrap .notification-numbers .text-smaller .small-link-img {
        margin-right: 0;
        top: -2px; }
  .notifications-wrap .to-reply {
    margin-top: 10px;
    position: relative;
    line-height: 34px; }
  .notifications-wrap .to-reply-text {
    font-size: 0.875rem;
    line-height: 1.625rem;
    color: #5199FC;
    padding-right: 56px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px; }
  .notifications-wrap .to-reply-flag {
    position: absolute;
    top: 0;
    right: 0; }
    .notifications-wrap .to-reply-flag .button {
      padding-top: 7px;
      padding-bottom: 7px;
      padding-right: 7px;
      padding-left: 7px; }
    .notifications-wrap .to-reply-flag .flag, .notifications-wrap .to-reply-flag .flag-red {
      width: 16px;
      height: 16px;
      -webkit-transition: opacity 0.2s ease-out;
              transition: opacity 0.2s ease-out; }
    .notifications-wrap .to-reply-flag .flag {
      opacity: 1; }
    .notifications-wrap .to-reply-flag .flag-red {
      opacity: 0;
      position: absolute;
      top: 7px;
      left: 7px; }
    .notifications-wrap .to-reply-flag .flagged:hover {
      background-color: #fff;
      cursor: default; }
    .notifications-wrap .to-reply-flag .flagged .flag {
      opacity: 0; }
    .notifications-wrap .to-reply-flag .flagged .flag-red {
      opacity: 1; }
  .notifications-wrap .notification-buttons {
    width: 100%;
    position: relative; }
    .notifications-wrap .notification-buttons:hover .notification-see-all {
      background-color: #EAEEF0; }
  .notifications-wrap .notification-see-all {
    text-transform: capitalize;
    font-size: 0.875rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 400;
    padding: 16px;
    background-color: #F7F9FA;
    color: #5199FC;
    position: relative; }
  .notifications-wrap .notification-settings {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 9px;
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/settings-dark.svg");
    opacity: 0.35;
    -webkit-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out; }
    .notifications-wrap .notification-settings:hover {
      opacity: 0.6; }

.notification-item.attention {
  position: relative;
  -webkit-animation-delay: .75s;
          animation-delay: .75s; }
  .notification-item.attention:before {
    content: "";
    position: absolute;
    top: 20px;
    left: -24px;
    bottom: 22px;
    width: 4px;
    background-color: #5199FC;
    border-radius: 2px; }

.notifications-feed-header {
  margin: 84px auto 36px; }
  .notifications-feed-header .bell {
    position: relative;
    margin: 0 auto;
    width: 36px;
    height: 36px; }
    .notifications-feed-header .bell:after {
      content: "";
      background-color: #EA4C89;
      box-shadow: 0 0 0 3px #fff;
      width: 19px;
      height: 19px;
      border-radius: 50%;
      display: block;
      position: absolute;
      right: -3px;
      top: -1px; }

.notifications-wrap.notifications-feed-view {
  display: block; }
  .notifications-wrap.notifications-feed-view .notifications-list {
    padding: 0; }
  .notifications-wrap.notifications-feed-view .notification-item {
    min-height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px; }
    .notifications-wrap.notifications-feed-view .notification-item:after {
      top: 50px; }
    .notifications-wrap.notifications-feed-view .notification-item.seen {
      padding-right: 0px; }
    .notifications-wrap.notifications-feed-view .notification-item .avatar {
      width: 60px;
      height: 60px;
      top: 20px; }
  .notifications-wrap.notifications-feed-view .notification-action {
    width: 40px;
    height: 40px;
    top: -6px;
    right: -14px; }
    .notifications-wrap.notifications-feed-view .notification-action:after {
      width: 34px;
      height: 34px;
      top: 3px;
      right: 3px; }
  .notifications-wrap.notifications-feed-view .notification-text {
    padding-left: 86px;
    font-size: 1.125rem;
    line-height: 1.5rem; }
    .notifications-wrap.notifications-feed-view .notification-text .highlight {
      font-weight: 600; }
  .notifications-wrap.notifications-feed-view .notification-user, .notifications-wrap.notifications-feed-view .notification-message {
    display: inline; }
  .notifications-wrap.notifications-feed-view .notification-numbers {
    display: block; }
  .notifications-wrap.notifications-feed-view .notification-date-margin {
    margin-right: 10px; }
  .notifications-wrap.notifications-feed-view .notification-date {
    font-size: 0.875rem; }

.notification-message .read {
  white-space: nowrap; }
  .notification-message .read:after {
    content: "";
    margin-left: 1px;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/chevron-right.svg");
    width: 9px; }

.message--bubble {
  background: #EAEEF0;
  border: 1px solid #DFE3E5;
  display: block;
  max-width: 100%;
  color: #333333;
  position: relative;
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 20px 30px;
  margin-top: 10px;
  border-radius: 3px; }
  .message--bubble:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("https://s3.amazonaws.com/buildit-storage/webapp/interface/bubble-tip.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
    width: 18px;
    height: 18px;
    left: -14px;
    top: 4px;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .message--bubble .bubble--text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block; }

a.message--bubble {
  -webkit-transition: color .275s ease-in-out !important;
          transition: color .275s ease-in-out !important; }
  a.message--bubble:hover {
    color: #5199FC; }

.notifications-wrap .floating-view .notification-item {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: .15s;
          animation-delay: .15s; }
.notifications-wrap .floating-view .message--bubble {
  padding: 5px 15px;
  text-align: center;
  margin-top: 10px;
  border-radius: 20px;
  font-size: 0.8125rem;
  line-height: 1rem;
  min-width: 110px;
  display: inline-block; }
  .notifications-wrap .floating-view .message--bubble:before {
    width: 12px;
    height: 11px;
    left: 35px;
    top: -10px;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0); }
  .notifications-wrap .floating-view .message--bubble .bubble--text {
    white-space: nowrap; }
.notifications-wrap .floating-view .notification-date {
  display: block;
  font-size: 0.75rem; }

@media screen and (max-width: 1100px) {
  .notifications-wrap .floating-view {
    margin-left: auto;
    left: initial;
    right: -0.4375rem;
    -webkit-transform-origin: 75% 0;
        -ms-transform-origin: 75% 0;
            transform-origin: 75% 0; }
    .notifications-wrap .floating-view:before, .notifications-wrap .floating-view:after {
      right: 12px;
      left: initial;
      -webkit-transform: translate(0);
          -ms-transform: translate(0);
              transform: translate(0); } }
@media screen and (max-width: 641px) {
  .notifications-wrap .floating-view {
    top: 3.125rem; }

  .notifications-wrap.notifications-feed-view .notification-text {
    padding-left: 62px;
    font-size: 0.875rem;
    line-height: 1.125rem; }
  .notifications-wrap.notifications-feed-view .notification-item {
    min-height: 66px;
    padding-top: 12px;
    border-bottom: 1px dashed #EAEEF0;
    padding-bottom: 40px;
    margin-bottom: 30px; }
    .notifications-wrap.notifications-feed-view .notification-item:after {
      top: 33px; }
    .notifications-wrap.notifications-feed-view .notification-item:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
    .notifications-wrap.notifications-feed-view .notification-item.attention:before {
      top: 12px;
      bottom: 44px;
      width: 5px; }
    .notifications-wrap.notifications-feed-view .notification-item .avatar {
      width: 42px;
      height: 42px;
      top: 12px; }
  .notifications-wrap.notifications-feed-view .notification-action {
    width: 28px;
    height: 28px;
    top: -4px;
    right: -9px; }
    .notifications-wrap.notifications-feed-view .notification-action:after {
      width: 24px;
      height: 24px;
      top: 2px;
      right: 2px; }
  .notifications-wrap.notifications-feed-view .notification-user, .notifications-wrap.notifications-feed-view .notification-message {
    display: block; }
  .notifications-wrap.notifications-feed-view .notification-numbers {
    display: none; }
  .notifications-wrap.notifications-feed-view .message--bubble {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 8px 13px 9px; }
  .notifications-wrap.notifications-feed-view .to-reply {
    margin-top: 8px; }
  .notifications-wrap.notifications-feed-view .to-reply-text {
    font-size: 0.75rem;
    line-height: 1rem;
    padding-right: 36px; }
  .notifications-wrap.notifications-feed-view .to-reply-flag .button {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px; }
  .notifications-wrap.notifications-feed-view .to-reply-flag .flag, .notifications-wrap.notifications-feed-view .to-reply-flag .flag-red {
    width: 12px;
    height: 12px; }
  .notifications-wrap.notifications-feed-view .to-reply-flag .flag-red {
    top: 5px;
    left: 5px; }

  .notifications-feed-header {
    margin: 48px auto 12px; } }
@media screen and (max-width: 480px) {
  .notifications-wrap .floating-view {
    right: -76px;
    top: 3.125rem;
    width: 288px; }
    .notifications-wrap .floating-view:before, .notifications-wrap .floating-view:after {
      right: 81px; }

  .notifications-wrap.notifications-feed-view .message--bubble {
    margin-left: -62px;
    width: calc(100% + 62px);
    max-width: initial;
    margin-top: 14px; }
    .notifications-wrap.notifications-feed-view .message--bubble:before {
      width: 12px;
      height: 11px;
      left: 35px;
      top: -10px;
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0); }
  .notifications-wrap.notifications-feed-view .to-reply {
    margin-left: -62px;
    width: calc(100% + 62px); } }
@media only screen and (min-width: 102rem) {
  .notifications-wrap .floating-view {
    width: 360px;
    margin-left: -180px; }
    .notifications-wrap .floating-view .notifications-list {
      padding: 22px 30px; }
  .notifications-wrap .notification-item {
    margin-bottom: 10px; }
    .notifications-wrap .notification-item:last-child {
      margin-bottom: 0; } }
@media only screen and (max-width: 102rem) {
  .notifications-wrap .floating-view .message--bubble {
    display: none; } }