@charset "utf-8";
html {
    -webkit-text-size-adjust: none;
}

body {
    margin: 0px auto;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #666;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #007aff;
    text-decoration: none;
}

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

a:active {
    color: #0055b2;
    text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    margin: 0;
    text-align: left;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
}

.pointer-events-none {
    pointer-events: none;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-75 {
    opacity: 0.75;
}

h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

h2 {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    color: #000;
}

h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    color: #000;
}

h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

hr {
    background-color: #ccc;
    height: 1px;
    border: 0;
}

ul {
    padding-bottom: 5px;
    list-style-position: inside;
    list-style-type: disc;
}

ul li {
    margin-bottom: 5px;
}

ol {
    padding-bottom: 5px;
    list-style-position: inside;
    list-style-type: decimal;
}

ol li {
    margin-bottom: 5px;
}

table {
    width: 100%;
}

table tr,
table th,
table td {
    padding: 8px 8px;
    text-align: left;
}

table thead tr {
    border-bottom: 1px solid #d7d7d7;
}

table thead tr th {
    font-weight: normal;
}

table tbody tr {
    border-top: 1px solid #eee;
}

table td,
table th {
    border: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

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

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

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

.align-top {
    vertical-align: top!important;
}

.align-middle {
    vertical-align: middle!important;
}

.align-bottom {
    vertical-align: bottom!important;
}

.pad-0 {
    padding: 0px;
}

.pad-5 {
    padding: 5px;
}

.pad-10 {
    padding: 10px;
}

.pad-15 {
    padding: 15px;
}

.pad-20 {
    padding: 20px;
}

.pad-30 {
    padding: 30px;
}

.mrg-0 {
    margin: 0px;
}

.mrg-5 {
    margin: 5px;
}

.mrg-10 {
    margin: 10px;
}

.mrg-15 {
    margin: 15px;
}

.mrg-20 {
    margin: 20px;
}

.mrg-30 {
    margin: 30px;
}

.mrg-t-5 {
    margin-top: 5px;
}

.mrg-t-10 {
    margin-top: 10px;
}

.mrg-t-15 {
    margin-top: 15px;
}

.mrg-t-20 {
    margin-top: 20px;
}

.mrg-t-30 {
    margin-top: 30px;
}

.mrg-l-5 {
    margin-left: 5px;
}

.mrg-l-10 {
    margin-left: 10px;
}

.mrg-l-15 {
    margin-left: 15px;
}

.mrg-l-20 {
    margin-left: 20px;
}

.mrg-l-30 {
    margin-left: 30px;
}

.mrg-r-5 {
    margin-right: 5px;
}

.mrg-r-10 {
    margin-right: 10px;
}

.mrg-r-15 {
    margin-right: 15px;
}

.mrg-r-20 {
    margin-right: 20px;
}

.mrg-r-30 {
    margin-right: 30px;
}

.mrg-b-5 {
    margin-bottom: 5px;
}

.mrg-b-10 {
    margin-bottom: 10px;
}

.mrg-b-15 {
    margin-bottom: 15px;
}

.mrg-b-20 {
    margin-bottom: 20px;
}

.mrg-b-30 {
    margin-bottom: 30px;
}

.pad-t-5 {
    padding-top: 5px;
}

.pad-t-10 {
    padding-top: 10px;
}

.pad-t-15 {
    padding-top: 15px;
}

.pad-t-20 {
    padding-top: 20px;
}

.pad-t-30 {
    padding-top: 30px;
}

.pad-l-5 {
    padding-left: 5px;
}

.pad-l-10 {
    padding-left: 10px;
}

.pad-l-15 {
    padding-left: 15px;
}

.pad-l-20 {
    padding-left: 20px;
}

.pad-l-30 {
    padding-left: 30px;
}

.pad-r-5 {
    padding-right: 5px;
}

.pad-r-10 {
    padding-right: 10px;
}

.pad-r-15 {
    padding-right: 15px;
}

.pad-r-20 {
    padding-right: 20px;
}

.pad-r-30 {
    padding-right: 30px;
}

.pad-b-5 {
    padding-bottom: 5px;
}

.pad-b-10 {
    padding-bottom: 10px;
}

.pad-b-15 {
    padding-bottom: 15px;
}

.pad-b-20 {
    padding-bottom: 20px;
}

.pad-b-30 {
    padding-bottom: 30px;
}

.brd {
    border: 1px solid #ccc;
}

.brd-t {
    border-top: 1px solid #ccc;
}

.brd-b {
    border-bottom: 1px solid #ccc;
}

.brd-r {
    border-right: 1px solid #ccc;
}

.brd-l {
    border-left: 1px solid #ccc;
}

.brd-smoke {
    border: 1px solid #f3f3f3;
}

.brd-smoke-t {
    border-top: 1px solid #f3f3f3;
}

.brd-smoke-b {
    border-bottom: 1px solid #f3f3f3;
}

.brd-smoke-r {
    border-right: 1px solid #f3f3f3;
}

.brd-smoke-l {
    border-left: 1px solid #f3f3f3;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.capitalize {
    text-transform: capitalize;
}

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

sup {
    font-size: 50%;
    top: -0.75em;
}

.black,
.hover-black:hover {
    color: #000!important;
}
.darkgrey,
.hover-darkgrey:hover {
    color: #333!important;
}
.grey,
.hover-grey:hover {
    color: #666!important;
}
.lightgrey,
.hover-lightgrey:hover {
    color: #999!important;
}
.darksmoke,
.hover-darksmoke:hover {
    color: #ccc!important;
}
.smoke,
.hover-smoke:hover {
    color: #ddd!important;
}
.lightsmoke,
.hover-lightsmoke:hover {
    color: #eee!important;
}
.whitesmoke,
.hover-whitesmoke:hover {
    color: #f3f3f3!important;
}
.clearsmoke,
.hover-clearsmoke:hover {
    color: #f9f9f9!important;
}
.white,
.hover-white:hover {
    color: #fff!important;
}
.blue,
.hover-blue:hover {
    color: #007aff!important;
}
.red,
.hover-red:hover {
    color: #ff3b30!important;
}
.orange,
.hover-orange:hover {
    color: #ff9500!important;
}
.yellow,
.hover-yellow:hover {
    color: #ffcc00!important;
}
.lightgreen,
.hover-lightgreen:hover {
    color: #4cd964!important;
}
.green,
.hover-green:hover {
    color: #00a651!important;
}
.tealblue,
.hover-tealblue:hover {
    color: #5ac8fa!important;
}
.purple,
.hover-purple:hover {
    color: #5856d6!important;
}
.darkpink,
.hover-darkpink:hover {
    color: #ff2d55!important;
}

.bg-black {
    background: #000;
}
.bg-darkgrey {
    background: #333;
}
.bg-grey {
    background: #666;
}
.bg-lightgrey {
    background: #999;
}
.bg-darksmoke {
    background: #ccc;
}
.bg-smoke {
    background: #ddd;
}
.bg-lightsmoke {
    background: #eee;
}
.bg-whitesmoke {
    background: #f3f3f3;
}
.bg-clearsmoke {
    background: #f9f9f9;
}
.bg-white {
    background: #fff;
}
.bg-blue {
    background: #007aff;
}
.bg-red {
    background: #ff3b30;
}
.bg-orange {
    background: #ff9500;
}
.bg-yellow {
    background: #ffcc00;
}
.bg-lightgreen {
    background: #4cd964;
}
.bg-green {
    background: #00a651;
}
.bg-tealblue {
    background: #5ac8fa;
}
.bg-purple {
    background: #5856d6;
}
.bg-darkpink {
    background: #ff2d55;
}

.tiny-font {
    font-size: 10px;
    line-height: 1.5em;
}

.small-font {
    font-size: 12px;
    line-height: 1.5em;
}

.normal-font {
    font-size: 14px;
    line-height: 1.5em;
}

.medium-font {
    font-size: 16px;
    line-height: 1.5em;
}

.big-font {
    font-size: 18px;
    line-height: 1.5em;
}

.bigger-font {
    font-size: 20px;
    line-height: 1.5em;
}

.huge-font {
    font-size: 24px;
    line-height: 1.5em;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-300 {
    font-weight: 300;
}

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

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

.spacing-1 {
    letter-spacing: 1px;
}

.spacing-2 {
    letter-spacing: 2px;
}

.spacing-3 {
    letter-spacing: 3px;
}

.spacing-4 {
    letter-spacing: 4px;
}

.spacing-5 {
    letter-spacing: 5px;
}

.spacing-6 {
    letter-spacing: 6px;
}

.spacing-7 {
    letter-spacing: 7px;
}

.spacing-8 {
    letter-spacing: 8px;
}

.spacing-9 {
    letter-spacing: 9px;
}

.spacing-10 {
    letter-spacing: 10px;
}

.spacing-11 {
    letter-spacing: 11px;
}

.spacing-12 {
    letter-spacing: 12px;
}

.visible {
    visibility: visible!important;
}

.invisible {
    visibility: hidden!important;
}

.shown-block {
    display: block!important;
}

.shown {
    display: inline-block!important;
}

.hidden {
    display: none!important;
}

[draggable] {
    cursor: move;
}

img {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

img.emoji {
    display: inline !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .05em 0 .1em !important;
    vertical-align: -0.1em !important;
}

#preload {
    display: none;
}

.block-y-scroll {
    overflow-y: hidden;
}

.highlight {
    color: #000;
    background-color: cyan;
}

mark {
    color: #000;
    background-color: cyan;
}

iframe {
    max-width: 100%;
}


/* Prefabs */

.avatar {
    width: 36px;
    height: 36px;
    display: block;
    background-image: url(../images/avatar.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.avatar-square {
    border-radius: 4px;
}

.avatar-xs {
    width: 12px;
    height: 12px;
}

.avatar-sm {
    width: 24px;
    height: 24px;
}

.avatar-md {
    width: 36px;
    height: 36px;
}

.avatar-lg {
    width: 48px;
    height: 48px;
}

.avatar-xl {
    width: 60px;
    height: 60px;
}

.avatar-xxl {
    width: 72px;
    height: 72px;
}

.avatar-xxxl {
    width: 84px;
    height: 84px;
}


/* Forms & Buttons */

a.button, button.button {
    display: block;
    width: auto;
    height: auto;
    min-width: 38px;
    min-height: 38px;
    margin: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 4px;
}

a.button:hover {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

a.button:active {
    background: #0055b2;
    border: 1px solid #0055b2;
    color: #fff;
}

a.button.fixed-loader img.loading {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
}

a.button.inline-button, button.button.inline-button {
    display: inline-block;
}

a.button .icon {
    display: inline;
    font-size: 16px;
    line-height: normal;
    vertical-align: middle;
}

a.button.icon-only .icon {
    display: inline-block;
    margin: 2px 0 0 0;
}

a.button.button-ouline {
    background: #fff;
    border: 1px solid #007aff;
    color: #007aff;
}

a.button.button-ouline:hover {
    background: #fff;
    border: 1px solid #0066d5;
    color: #0066d5;
}

a.button.button-ouline:active {
    background: #fff;
    border: 1px solid #0055b2;
    color: #0055b2;
}

a.button.button-transparent {
    background: transparent;
    border: 1px solid transparent;
    color: #666;
}

a.button.button-transparent:hover {
    background: rgba(0,0,0,0.05);
    color: #000;
}

a.button.button-transparent:active {
    background: rgba(0,0,0,0.1);
    color: #000;
}

a.button.button-ghost {
    background: #fff;
    border: 1px solid #eee;
    color: #666;
}

a.button.button-ghost:hover {
    background: #eee;
    border: 1px solid #eee;
    color: #000;
}

a.button.button-ghost:active {
    background: #ddd;
    border: 1px solid #ddd;
    color: #000;
}

a.button.button-green {
    background: #00a651;
    border: 1px solid #00a651;
    color: #fff;
}

a.button.button-green:hover {
    background: #008b39;
    border: 1px solid #008b39;
    color: #fff;
}

a.button.button-green:active {
    background: #008b39;
    border: 1px solid #008b39;
    color: #fff;
}

a.button-following {
    background: #fff!important;
    border: 1px solid #eee!important;
    color: #666!important;
}

a.button-following:hover {
    background: #ff3b30!important;
    border: 1px solid #ff3b30!important;
    color: #fff!important;
}

a.button-following:active {
    background: #ff3b30!important;
    border: 1px solid #ff3b30!important;
    color: #fff!important;
}

a.button-following .normal {
    display: inline;
}

a.button-following .hover {
    display: none;
}

a.button-following:hover .normal {
    display: none;
}

a.button-following:hover .hover {
    display: inline;
}

a.button-following:active .normal {
    display: none;
}

a.button-following:active .hover {
    display: inline;
}

a.follow {
    min-width: 96px;
}

a.follow img.loading {
    width: 20px;
    height: 20px;
}

a.idle-follow {
    background: #007aff!important;
    border: 1px solid #007aff!important;
    color: #007aff!important;
    cursor: default;
}

a.idle-follow img.loading {
    width: 20px;
    height: 20px;
}

a.idle-submit {
    background: #007aff!important;
    border: 1px solid #007aff!important;
    color: #007aff!important;
    cursor: default!important;
}

a.idle-submit img.loading {
    width: 20px;
    height: 20px;
}

a.button-disabled {
    background: #ccc!important;
    border: 1px solid #ccc!important;
    color: #fff!important;
    cursor: default;
}

a.idle-normal {
    background: #007aff;
    border: 1px solid #007aff;
    color: #007aff;
    cursor: default;
}

a.idle-normal img.loading {
    width: 20px;
    height: 20px;
}

a.active-normal {
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
}

a.active-normal:hover {
    background: #fff;
    border: 1px solid #ff3b30;
    color: #ff3b30;
}

a.active-normal:active {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #fff;
}

a.negative-button {
    background: #fff;
    border: 1px solid #eee;
    color: #666;
}

a.negative-button:hover {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #fff;
}

a.negative-button:active {
    background: #e0061b;
    border: 1px solid #e0061b;
    color: #fff;
}

a.idle-negative {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #ff3b30;
    cursor: default;
}

a.idle-negative img.loading {
    width: 16px;
    height: 16px;
}

a.active-negative {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #fff;
}

a.active-negative:hover {
    background: #e0061b;
    border: 1px solid #e0061b;
    color: #fff;
}

a.active-negative:active {
    background: #e0061b;
    border: 1px solid #e0061b;
    color: #fff;
}

a.green-button {
    background: #fff;
    border: 1px solid #00a651;
    color: #00a651;
}

a.green-button:hover {
    background: #00a651;
    border: 1px solid #00a651;
    color: #fff;
}

a.green-button:active {
    background: #008b39;
    border: 1px solid #008b39;
    color: #fff;
}

a.idle-green {
    background: #00a651;
    border: 1px solid #00a651;
    color: #00a651;
    cursor: default;
}

a.idle-green img.loading {
    width: 16px;
    height: 16px;
}

a.active-green {
    background: #00a651;
    border: 1px solid #00a651;
    color: #fff;
}

a.active-green:hover {
    background: #008b39;
    border: 1px solid #008b39;
    color: #fff;
}

a.active-green:active {
    background: #008b39;
    border: 1px solid #008b39;
    color: #fff;
}

a.gray-button {
    display: block;
    width: auto;
    height: auto;
    min-width: 36px;
    min-height: 36px;
    margin: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #999;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 4px;
}

a.gray-button:hover {
    background: #999;
    border: 1px solid #999;
    color: #fff;
}

a.gray-button:active {
    background: #666;
    border: 1px solid #666;
    color: #fff;
}

a.gray-button .icon {
    display: inline;
    font-size: 16px;
    line-height: normal;
    vertical-align: middle;
}

a.idle-gray {
    background: #999;
    border: 1px solid #999;
    color: #999;
    cursor: default;
}

a.idle-gray img.loading {
    width: 16px;
    height: 16px;
}

a.boxless-button {
    display: block;
    width: auto;
    height: auto;
    min-width: 48px;
    min-height: 48px;
    margin: 0;
    padding: 0 16px;
    box-sizing: border-box;
    background: transparent;
    border: 1px solid transparent;
    color: #999;
    font-size: 14px;
    line-height: 46px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 4px;
}

a.boxless-button:hover {
    background: #999;
    border: 1px solid #999;
    color: #fff;
}

a.boxless-button:active {
    background: #666;
    border: 1px solid #666;
    color: #fff;
}

a.boxless-button .icon {
    display: inline;
    font-size: 16px;
    line-height: normal;
    vertical-align: middle;
}

a.boxless-blue-button {
    color: #007aff;
}

a.boxless-blue-button:hover {
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
}

a.boxless-blue-button:active {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

a.boxless-button-disabled {
    background: transparent!important;
    border: 1px solid transparent!important;
    color: #ccc!important;
    cursor: default;
}

a.boxless-negative-button {
    display: block;
    width: auto;
    height: auto;
    min-width: 48px;
    min-height: 48px;
    margin: 0;
    padding: 0 16px;
    box-sizing: border-box;
    background: transparent;
    border: 1px solid transparent;
    color: #999;
    font-size: 14px;
    line-height: 46px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 4px;
}

a.boxless-negative-button:hover {
    background: #fff;
    border: 1px solid #ff3b30;
    color: #ff3b30;
}

a.boxless-negative-button:active {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #fff;
}

a.boxless-negative-button .icon {
    display: inline;
    font-size: 16px;
    line-height: normal;
    vertical-align: middle;
}

a.boxless-idle {
    background: #007aff;
    border-color: #007aff;
    color: #007aff;
}

a.boxless-idle img.loading {
    width: 16px;
    height: 16px;
}

.popup a.ngbtn img.loading {
    position: absolute;
    display: none;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
}

.popup a.ngbtn.loading {
    color: transparent;
    cursor: default;
}

.popup a.ngbtn.loading img.loading {
    display: block;
}

input,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #000;
    font-size: 14px;
    line-height: 46px;
    transition: none;
}

textarea {
    line-height: 1.5em;
    padding: 12px 16px 16px 16px;
}

input:placeholder-shown {
    color: #aaa;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aaa;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #aaa;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
    color: #aaa;
}

input:focus,
select:focus,
textarea:focus {
    background-color: #fff;
    border: 1px solid #007aff;
    color: #000;
}

input.error,
select.error,
textarea.error {
    background: #fff;
    border: 1px solid #ff3b30;
}

input[type=submit] {
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
    font-weight: 500;
}

input[type=submit]:hover {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

input[type=submit]:active {
    background: #0055b2;
    border: 1px solid #0055b2;
    color: #fff;
}

input[type=submit]:disabled {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: default;
}

input[type=search] {
    padding: 0 0 0 40px;
    background-image: url(../images/input-search.png);
    background-repeat: no-repeat;
    background-size: 34px 34px;
    background-position: 6px 6px;
}

input[type=search]:focus {
    background-image: url(../images/input-search.png);
}

input[type=radio] {
    display: inline-block;
    width: 24px;
    height: 24px;
    min-height: auto;
    margin: 12px 6px 12px 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 12px;
}

input[type=radio]:hover {
    border: 1px solid #007aff;
}

input[type=radio]:after {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
    background-color: #fcfcfc;
    border-radius: 6px;
    content: '';
}

input[type=radio]:checked:after {
    background: #007aff;
}

input[type=radio] + label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 14px 14px 14px 0;
    color: #333;
    font-size: 14px;
    transition: none;
}

input[type=radio]:hover + label {
    color: #000;
}

input[type=radio]:checked + label {
    color: #000;
}

input[type=checkbox] {
    width: 24px;
    height: 24px;
    min-height: auto;
    margin: 12px 6px 12px 0;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    padding: 0;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}

input[type=checkbox]:hover {
    border: 1px solid #007aff;
}

input[type=checkbox]:active,
input[type=checkbox]:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox]:checked {
    background-color: #007aff;
    border: 1px solid #007aff;
    color: #fff;
}

input[type=checkbox]:checked:after {
    font-family: "gusher-icons";
    content: '\e16d';
    font-size: 14px;
    position: absolute;
    top: -12px;
    left: 4px;
    color: #fff;
}

input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 14px 14px 14px 0;
    color: #999;
    font-size: 14px;
    transition: none;
}

input[type=checkbox]:hover + label {
    color: #000;
}

input[type=checkbox]:checked + label {
    color: #000;
}

select {
    background-image: url(../images/select-arrow-button.png);
    background-repeat: no-repeat;
    background-size: 34px 34px;
    background-position: top 6px right 6px;
    text-indent: 0.01px;
    text-overflow: "";
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: vertical;
}

.searchbox {
    display: block;
    width: auto;
    height: 32px;
    margin: 0;
    padding: 0;
}

::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    top: 0;
    right: 6px;
    display: block;
    position: relative;
    background-image: url(../images/search-cancel-button.png);
    background-repeat: no-repeat;
    background-size: 34px 34px;
    background-position: top right;
}

input[type=file] {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
}

input[type=file] + label {
    display: block;
    cursor: pointer;
    width: 100%;
    min-height: 34px;
    margin: 0;
    padding: 16px 16px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    border: 1px dashed #e3e3e3;
    color: #aaa;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    transition: none;
}

input[type=file] + label .icon {
    color: #999;
    font-size: 24px;
    transition: none;
    vertical-align: middle;
}

input[type=file] + label .title {
    color: #999;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 500;
    transition: none;
}

input[type=file] + label:hover,
input[type=file] + label.dragover {
    color: #666;
    background-color: #f7fbff;
    border-color: #007aff;
}

input[type=file] + label:hover .icon,
input[type=file] + label.dragover .icon {
    color: #007aff;
}

input[type=file] + label:hover .title,
input[type=file] + label.dragover .title {
    color: #007aff;
}

input[type=range] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 34px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    font-size: 14px;
    line-height: 36px;
    border-radius: 4px;
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3px;
    background-color: #e3e3e3;
    border: 1px solid #fff;
    border-radius: 2px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
}

input[type=range]:focus::-webkit-slider-thumb {
    background-color: #fff;
    border: 1px solid #007aff;
}

tags-input > .host,
tags-input > .host > .tags {
    height: auto !important;
}

tags-input > .host > .tags {
    min-height: 48px;
    margin: 0;
    padding: 6px 6px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #000;
    font-size: 14px;
    line-height: 46px;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

tags-input > .host > .tags.focused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

tags-input > .host > .tags .tag-item,
tags-input > .host > .tags input,
tags-input auto-complete .autocomplete .suggestion-item,
tags-input auto-complete .autocomplete .suggestion-item em {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

tags-input > .host > .tags .tag-item {
    margin: 2px;
    padding: 0 6px;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    background: #f3f3f3;
}

tags-input > .host > .tags .tag-item.selected {
    color: #ff3b30;
    background: #fff8f8;
    border-color: #fff8f8;
}

tags-input > .host > .tags .tag-item .remove-button {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    opacity: .5;
}

tags-input > .host > .tags .tag-item .remove-button:hover {
    opacity: 1;
}

tags-input > .host > .tags .tag-item.selected .remove-button {
    color: #ff3b30;
}

tags-input > .host > .tags input {
    border: 0;
    outline: none;
    margin: 0;
    margin-left: 8px;
    padding: 0;
    padding-left: 0;
    float: left;
    width: 68px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    min-height: auto;
}

tags-input auto-complete .autocomplete {
    margin-top: 0px;
    padding: 6px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

tags-input auto-complete .autocomplete .suggestion-list {
    margin: 0;
    padding: 0;
    max-height: 280px;
}

tags-input auto-complete .autocomplete .suggestion-item {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
}

tags-input auto-complete .autocomplete .suggestion-item.selected {
    color: #fff;
    background-color: #007aff;
}

tags-input auto-complete .autocomplete .suggestion-item.selected em {
    color: #fff;
    background-color: #007aff;
}

tags-input auto-complete .autocomplete .suggestion-item em {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    background-color: #fff;
}

ul.checklist {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

ul.checklist > li {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f3f3;
}

ul.checklist > li:last-child {
    border-bottom: none
}

ul.checklist > li > label {
    float: left;
}

ul.checklist > li > [type=checkbox] {
    float: right;
}

ul.checklist > li > [type=checkbox] + label {
    display: block;
}

ul.checklist.multi > li > label {
    float: none;
}

ul.checklist.multi > li > [type=checkbox] {
    float: none;
}

ul.checklist.multi > li > [type=checkbox] + label {
    display: inline-block;
}

ul.checklist.multi > li > .shared-label {
    display: inline-block;
    vertical-align: top;
    padding: 14px 14px 14px 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #000;
}

ul.settings-list {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

ul.settings-list > li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f3f3;
}

ul.settings-list > li:last-child {
    border-bottom: none
}

ul.settings-list > li > label {
    display: block;
    float: left;
    min-height: 38px;
    margin: 0;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

ul.settings-list > li > .setting {
    display: block;
    float: right;
}

.field .overlapped-error-message {
    position: absolute;
    display: none;
    bottom: 16px;
    right: 0;
    height: 48px;
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 48px;
    text-align: right;
    color: #ff3b30;
}

.field a.overlapped-icon-button {
    position: absolute;
    display: none;
    bottom: 16px;
    right: 0;
    width: 48px;
    height: 48px;
    margin: 0 4px;
    padding: 12px 0;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    color: #999;
}

.field a.overlapped-icon-button .icon {
    vertical-align: middle;
}

.field a.overlapped-icon-button .inactive {
    color: #aaa;
}

.field a.overlapped-icon-button .active {
    color: #007aff;
}

.field a.overlapped-icon-button:hover {
    color: #000;
}

.field a.overlapped-icon-button:hover .inactive {
    color: #999;
}

.field a.overlapped-icon-button:hover .active {
    color: #0066d5;
}

.field ul.radio-flex {
    position: relative;
    display: block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.field ul.radio-flex::after {
    content: ' ';
    display: block;
    clear: both;
}

.field ul.radio-flex > li {
    position: relative;
    display: block;
    float: left;
    width: 10%;
    margin: 12px 0;
    padding: 0;
    text-align: center;
}

.field ul.radio-flex > li > input[type=radio] {
    display: block;
    margin: 0 auto;
}

.field ul.radio-flex > li > input[type=radio] + label {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.field ul.radio-flex > li > input[type=radio]:hover + label,
.field ul.radio-flex > li > input[type=radio]:active + label,
.field ul.radio-flex > li > input[type=radio]:focus + label,
.field ul.radio-flex > li > input[type=radio]:checked + label {
    color: #007aff;
}
.field ul.radio-flex > li > input[type=radio]:checked + label {
    font-weight: 600;
}

.form-box {
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px 0px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.form-box .form-title {
    position: relative;
    margin: 0 0 0 0;
    padding: 8px 16px 16px 16px;
    border-bottom: 1px solid #f3f3f3;
}

.form-box .form-title .icon {
    display: inline;
    vertical-align: middle;
    padding-right: 8px;
}

.form-box .field {
    position: relative;
    padding: 16px 16px 16px 16px;
}

.form-box .field .label {
    position: relative;
    color: #000;
    font-weight: 500;
    padding-bottom: 6px;
}

.form-box .field .label a.muted {
    color: #bcbcbc;
}

.form-box .field .label a.muted:hover {
    color: #999;
}

.form-box .field .label .icon {
    display: inline;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
}

.form-box .field .label .instructions {}

.form-box .field .label .instructions p {
    color: #999;
    padding: 4px 0;
}

.form-box .field .label img.loading {
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    top: 2px;
    right: 2px;
}

.form-box .linked-accounts {
    padding: 8px;
}

.form-box .linked-account {
    margin: 8px;
}

.form-box .linked-account a.trigger {
    position: relative;
    height: 48px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    margin: 0;
    padding: 14px 8px;
}

.form-box .linked-account a.trigger.connected {
    min-height: 48px;
    height: auto;
    line-height: normal;
}

.form-box .linked-account a.trigger .icon,
.form-box .linked-account a.trigger .fa {
    position: absolute;
    top: 13px;
    left: 13px;
    font-size: 20px;
}

.form-box .linked-account a.linkedin {
    background: #0274b3;
    border: 1px solid #0274b3;
    color: #fff;
}

.form-box .linked-account a.linkedin:hover {
    background: #005c98;
    border: 1px solid #005c98;
}

.form-box .linked-account a.google {
    background: #4885ed;
    border: 1px solid #4885ed;
    color: #fff;
}

.form-box .linked-account a.idle img.loading {
    width: 32px;
    height: 32px;
    margin-top: -6px;
}

.form-box .linked-account a.google:hover {
    background: #4178d6;
    border: 1px solid #4178d6;
}

.form-box .linked-account a.light {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #000;
}

.form-box .linked-account a.light:hover {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #000;
}

.form-box .linked-account a.light .icon,
.form-box .linked-account a.light .fa {
    color: #999;
}

.form-box .linked-account a.light:hover .icon,
.form-box .linked-account a.light:hover .fa {
    color: #666;
}

.form-box .linked-account a.light.linkedin .icon,
.form-box .linked-account a.light.linkedin .fa {
    color: #0274b3;
}

.form-box .linked-account a.light.linkedin:hover .icon,
.form-box .linked-account a.light.linkedin:hover .fa {
    color: #005c98;
}

.form-box .linked-account a.light.google .icon,
.form-box .linked-account a.light.google .fa {
    color: #4885ed;
}

.form-box .linked-account a.light.google:hover .icon,
.form-box .linked-account a.light.google:hover .fa {
    color: #4178d6;
}

.form-box .linked-account a.button .img-icon {
    position: absolute;
    display: block;
    top: 13px;
    left: 13px;
    max-width: 20px;
    max-height: 20px;
}

.form-box .linked-account a.connected {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #000;
}

.form-box .linked-account a.connected:hover {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #000;
}

.form-box .linked-account a.connected .avatar {
    margin: 0 auto;
    margin-bottom: 8px;
    background-color: #fff;
}

.form-box .linked-account a.connected-linkedin .icon,
.form-box .linked-account a.connected-linkedin .fa {
    color: #0274b3;
}

.form-box .linked-account a.connected-google .icon,
.form-box .linked-account a.connected-google .fa {
    color: #4885ed;
}

.form-box .linked-account a.connected .icon,
.form-box .linked-account a.connected .fa {
    top: 21px;
}

.form-box .linked-account a.connected .avatar {
    position: absolute;
    top: 13px;
    right: 13px;
}

.form-box .linked-account a.connected .reference {
    display: block;
    padding: 4px 0 0 0;
    color: #666;
    transition: none;
    font-size: 12px!important;
    line-height: normal!important;
    font-weight: 400!important;
}

.form-box .linked-account a.url:hover {
    color: #54565b;
}

.form-box .field .overlap-chars {
    padding-right: 36px;
}

.form-box .field .overlapped-error-message {
    top: 40px;
    right: 16px;
}

.form-box .field a.overlapped-icon-button {
    top: 40px;
    right: 16px;
}

.form-box .field.field-with-label .overlapped-error-message,
.form-box .field.field-with-label a.overlapped-icon-button {
    top: auto;
}

.form-box .field .chars {
    position: absolute;
    width: 48px;
    height: 48px;
    right: 18px;
    margin: -48px 0 0 0;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: right;
    font-size: 14px;
    line-height: 48px;
    color: #bcbcbc;
}

.form-box .field .chars-warning {
    color: #f7941d;
}

.form-box .field .chars-error {
    color: #ff3b30;
}

.form-box .field .number-and-inline-label {}

.form-box .field .number-and-inline-label input[type=number] {
    float: left;
    width: 72px;
}

.form-box .field .number-and-inline-label .inline-label {
    float: left;
    margin: 0;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    font-weight: 300;
    padding: 0 16px;
}

.form-box .fields-pane-1 {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.form-box .fields-pane-1 .field {
    padding: 8px 8px 8px 16px;
}

.form-box .fields-pane-2 {
    float: right;
    width: 50%;
    box-sizing: border-box;
}

.form-box .fields-pane-2 .field {
    padding: 8px 16px 8px 8px;
}

.form-box .fields-pane-1-for-3 {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
}

.form-box .fields-pane-1-for-3 .field {
    padding: 8px 8px 8px 16px;
}

.form-box .fields-pane-2-for-3 {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
}

.form-box .fields-pane-2-for-3 .field {
    padding: 8px 8px 8px 8px;
}

.form-box .fields-pane-3-for-3 {
    float: right;
    width: 33.3%;
    box-sizing: border-box;
}

.form-box .fields-pane-3-for-3 .field {
    padding: 8px 16px 8px 8px;
}

.form-box .buttons {
    margin: 8px 0 0 0;
    padding: 16px 16px 8px 16px;
    border-top: 1px solid #f3f3f3;
}

.form-box .buttons a.button {
    min-width: 48px;
    min-height: 48px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 46px;
}

.form-box .buttons-pane-1 {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 8px;
    box-sizing: border-box;
}

.form-box .buttons-pane-2 {
    position: relative;
    float: right;
    width: 50%;
    padding-left: 8px;
    box-sizing: border-box;
}

.form-box .field ul.items {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.form-box .field ul.items > li {
    position: relative;
    margin: 8px 0 16px 0;
    padding: 0 48px;
    box-sizing: border-box;
}

.form-box .field ul.items > li.single {
    padding-right: 0;
}

.form-box .field ul.items > li.verifiable {
    padding-left: 0;
    padding-right: 48px;
}

.form-box .field ul.items > li input {
    border-radius: 0;
}

.form-box .field ul.items > li.single input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-box .field ul.items > li.verifiable input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-box .field ul.items > li a {
    display: block;
    transition: none;
}

.form-box .field ul.items > li a.action {
    position: absolute;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 13px 13px;
    box-sizing: border-box;
    font-size: 20px;
    color: #ccc;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.form-box .field ul.items > li a.action.loading {
    color: transparent !important;
}

.form-box .field ul.items > li a.action > img.loading {
    position: absolute;
    display: none;
    width: 20px;
    height: 20px;
}

.form-box .field ul.items > li a.action.loading > img.loading {
    display: block;
}

.form-box .field ul.items > li a.action:hover {
    background: #fcfcfc;
    color: #aaa;
}

.form-box .field ul.items > li a.first {
    top: 0;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

.form-box .field ul.items > li a.after-first {
    top: 0;
    left: 48px;
    border-radius: 0;
    border-right-width: 0;
}

.form-box .field ul.items > li a.last {
    top: 0;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}

.form-box .field ul.items > li a.before-last {
    top: 0;
    right: 48px;
    border-radius: 0;
    border-left-width: 0;
}

.form-box .field ul.items > li a.blue {
    color: #007aff;
}

.form-box .field ul.items > li a.blue:hover {
    color: #0066d5;
}

.form-box .field ul.items > li a.red {
    color: #ff3b30;
}

.form-box .field ul.items > li a.red:hover {
    color: #e0061b;
}

.form-box .field ul.items > li a.green {
    color: #00a651;
}

.form-box .field ul.items > li a.green:hover {
    color: #008b39;
}

.form-box .field ul.items > li a.title {
    min-height: 48px;
    font-size: 14px;
    line-height: 48px;
}

.form-box .field ul.items > li .overlapped-error-message {
    top: 0;
    right: 48px;
}

.form-box .field ul.items > li.single .overlapped-error-message {
    right: 0;
}

.form-box .field ul.items > li.email {
    padding: 0 96px 0 48px;
}

.form-box .field ul.items > li.email .overlapped-error-message {
    top: 0;
    right: 96px;
}

.form-box .field ul.items > li.phone {
    padding: 0 96px 0 96px;
}

.form-box .field ul.items > li.phone a.selector {
    width: 48px;
    padding: 0 12px 0 12px;
    font-size: 14px;
    line-height: 48px;
    font-weight: normal;
    color: #999;
}

.form-box .field ul.items > li.phone a.selector .flag {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 11px;
    left: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.form-box .field ul.items > li.phone a.selector .code {
    display: block;
}

.form-box .field ul.items > li.phone .overlapped-error-message {
    top: 0;
    right: 96px;
}

.form-box .field .add-item {
    position: relative;
    margin: 8px 0 16px 0;
    padding: 0;
    box-sizing: border-box;
}

.form-box .field .add-item a {
    position: relative;
    display: block;
    min-height: 48px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 48px;
    font-weight: 500;
    color: #007aff;
    border: 1px dashed #eee;
    border-radius: 4px;
    transition: none;
}

.form-box .field .add-item a:hover {
    background: #fcfcfc;
    border-color: #0066d5;
    color: #0066d5;
}

.form-box .field .add-item a .icon {
    position: absolute;
    min-height: 48px;
    padding: 14px 14px;
    font-size: 20px;
}

.form-box .field .add-item a span {
    display: block;
    margin: 0;
    padding: 0 16px 0 52px;
}

.form-box .tooltip {
    position: relative;
}

.form-box .tooltip:hover:after,
.form-box .tooltip:active:after {
    position: absolute;
    bottom: 24px;
    left: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    z-index: 98;
    width: auto;
    min-width: 100%;
    max-width: 280px;
    color: #fff;
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5em;
    white-space: nowrap;
    text-align: left;
    content: attr(title);
}

.form-box .tooltip:hover:before,
.form-box .tooltip:active:before {
    position: absolute;
    bottom: 20px;
    left: 100%;
    margin-left: -10px;
    z-index: 99;
    border: solid;
    border-color: #333 transparent;
    border-width: 4px 4px 0 4px;
    content: "";
}

.form-box .tooltip-right:hover:after,
.form-box .tooltip-right:active:after {
    left: auto;
    right: 0;
    text-align: right;
}

.form-box .tooltip-right:hover:before,
.form-box .tooltip-right:active:before {
    left: auto;
    right: 100%;
}

.form-box .tooltip-right-icon:hover:after,
.form-box .tooltip-right:active:after {
    bottom: 44px;
    left: auto;
    right: 0;
    width: auto;
    text-align: center;
}

.form-box .tooltip-right-icon:hover:before,
.form-box .tooltip-right:active:before {
    bottom: 40px;
    left: auto;
    margin-left: 0;
    right: 50%;
    margin-right: -3px;
}

.form-box .tooltip-longer:hover:after,
.form-box .tooltip-longer:active:after {
    width: 280px;
    white-space: normal;
}

.form-box .with-prefix input[type=text] {
    padding: 0 16px 0 40px;
}

.form-box .with-prefix .prefix {
    position: absolute;
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    color: #ccc;
}

.form-box .fields-pane-1 .tooltip:hover:after,
.form-box .fields-pane-1 .tooltip:active:after,
.form-box .fields-pane-2 .tooltip:hover:after,
.form-box .fields-pane-2 .tooltip:active:after {
    width: 128px;
    white-space: normal;
}

.form-box .field .profile-picture {
    width: 160px;
    height: 160px;
    margin: 16px auto;
    margin-bottom: 32px;
}

.form-box .field .profile-picture-loading {
    position: absolute;
    display: none;
    top: 32px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
}

.form-box .field .profile-picture-loading img.loading {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.form-box .field .image-preview {
    display: block;
    width: 160px;
    height: 160px;
    margin: 16px auto;
    margin-bottom: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.profile-avatar-editor .form-box .field .image-preview {
    background-image: url(../images/avatar.png);
    border-radius: 50%;
}

.startup-avatar-editor .form-box .field .image-preview {
    width: 80px;
    height: 80px;
    background-image: url(../images/startup-avatar-default.png);
    border-radius: 4px;
}

.startup-cover-editor .form-box .field .image-preview {
    width: 142px;
    height: 80px;
    background-image: url(../images/startup-cover-default.png);
    border-radius: 4px;
}

.startup-video-editor .form-box .video-js {
    margin: 16px auto;
    width: 142px;
    height: 80px;
}

.form-box .field .image-loading {
    position: absolute;
    display: none;
    top: 32px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
}

.form-box .field .image-loading img.loading {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.form-box .enclosed-icon-field input {
    padding: 0 16px 0 44px;
}

.form-box .enclosed-icon-field .enclosed-icon {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 20px;
}

.form-box .buttons img.loading {
    position: absolute;
    display: none;
    top: 7px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

.form-box .buttons a.boxless-idle img.loading {
    position: relative;
    display: inline;
    top: auto;
    left: auto;
    margin-left: 0;
    width: 24px;
    height: 24px;
    margin-top: 11px;
}

.form-box .buttons input[type=submit].idle {
    background: #007aff!important;
    border-color: #007aff!important;
    color: #007aff!important;
}

.form-box .errors {
    margin: 0 0 8px 0;
}

.form-box .successes {
    margin: 0 0 8px 0;
}

.form-box .field ul.blocks {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.form-box .field ul.blocks li.block {
    position: relative;
    margin: 8px 0 16px 0;
    padding: 0 0 16px 0;
    box-sizing: border-box;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}

.form-box .field ul.blocks li.block .field {
    padding: 16px 16px 0 16px;
}

.form-box .field ul.blocks li.block .field .field {
    padding: 16px 0 0 0;
}

.form-box .field ul.blocks li.block a.remove-block {
    position: absolute;
    display: block;
    top: -1px;
    right: -1px;
    margin: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    padding: 3px 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #999;
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
}

.form-box .field ul.blocks li.block a.remove-block:hover {
    color: #ff3b30;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.form-box .field ul.blocks li.block .foot {
    padding: 16px 16px 0 16px;
    border-top: 1px solid #f3f3f3;
}

.form-box .field ul.blocks li.block .foot .status {
    font-size: 12px;
    line-height: normal;
    text-align: center;
    color: #aaa;
}

.form-box .field ul.blocks li.block .foot .status .icon {
    vertical-align: middle;
}

.form-box .field ul.blocks li.block .foot .status .text {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-box .field .add-block {
    position: relative;
    margin: 8px 0 16px 0;
    padding: 0;
    box-sizing: border-box;
}

.form-box .field .add-block a {
    position: relative;
    display: block;
    min-height: 48px;
    margin: 0;
    padding: 16px 8px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 48px;
    font-weight: 500;
    text-align: center;
    color: #007aff;
    border: 1px dashed #e3e3e3;
    border-radius: 4px;
    transition: none;
}

.form-box .field .add-block a:hover {
    background: #fff;
    border-color: #007aff;
    color: #007aff;
}

.form-box .field .add-block a .icon {
    font-size: 20px;
    vertical-align: middle;
}

.form-box .field ul.blocks li.block ul.items > li {
    margin: 8px 0 8px 0;
    padding: 0 0 0 48px;
    box-sizing: border-box;
}

.form-box .field ul.blocks li.block ul.items > li input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-box .field ul.blocks li.block .add-item {
    margin: 8px 0 0 0;
}

.form-box .field ul.blocks li.block .add-item a {
    border: 1px dashed #e3e3e3;
}

.form-box .field ul.blocks li.block .add-item a:hover {
    background: #fff;
    border-color: #007aff;
    color: #007aff;
}

.form-box .stacked {
    margin-top: 8px;
}

.form-box .stacked-left {
    float: left;
    width: 50%;
    padding-right: 4px;
    box-sizing: border-box;
}

.form-box .stacked-right {
    float: right;
    width: 50%;
    padding-left: 4px;
    box-sizing: border-box;
}

.form-box .intro {
    position: relative;
    padding: 8px 8px;
}

.form-box .intro p {
    font-size: 14px;
    line-height: 1.5em;
    padding: 8px 8px;
    color: #999;
}

.form-box .submission-review-errors {
    margin: 8px 16px 16px 16px;
}

.form-box .submission-review-successes {
    margin: 8px 16px;
}

.form-box .submission-review-stickies {
    margin: 8px 16px 16px 16px;
}

.form-box .user-picker .avatar {
    position: absolute;
    bottom: 12px;
    left: 28px;
    width: 24px;
    height: 24px;
}

.form-box .user-picker input[type=text] {
    padding: 0 16px 0 48px;
}

.form-box ul.top-tabs {
    position: relative;
    display: block;
    list-style: none;
    height: 56px;
    top: -8px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.form-box ul.top-tabs li {
    position: absolute;
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.form-box ul.top-tabs li a {
    position: relative;
    display: block;
    height: 56px;
    margin: 0;
    padding: 16px 24px;
    box-sizing: border-box;
    background: #f9f9f9;
    color: #999;
    border-bottom: 1px solid #e3e3e3;
    line-height: 24px;
}

.form-box ul.top-tabs li a:hover {
    background: #f3f3f3;
    color: #666;
}

.form-box ul.top-tabs li a:active {
    background: #eee;
    color: #54565b;
}

.form-box ul.top-tabs li a .icon {
    vertical-align: middle;
}

.form-box ul.top-tabs li a .text {
    font-weight: 500;
}

.form-box ul.top-tabs li.first {
    left: 0;
}

.form-box ul.top-tabs li.first a {
    border-right: 1px solid #e3e3e3;
    border-top-left-radius: 4px;
}

.form-box ul.top-tabs li.last {
    right: 0;
}

.form-box ul.top-tabs li.last a {
    border-left: 1px solid #e3e3e3;
    border-top-right-radius: 4px;
}

.form-box ul.top-tabs li.active a {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.form-box ul.top-tabs li a .mini-icon {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0;
    width: 56px;
    height: 56px;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.form-box ul.top-tabs li a .muted {
    color: #bbb;
}

.form-box ul.top-tabs li a .highlighted {
    color: #4bd963;
}

.popup .wrapper > .body .form-box {
    padding: 0;
    background: none;
    border: none;
}

.popup .wrapper > .body .form-box .form-title {
    padding: 16px 0;
    border-bottom: none;
}

.popup .wrapper > .body .form-box .form-title h2 {
    text-align: center;
}

.popup .wrapper > .body .form-box .field {
    padding: 16px 16px;
}

.popup .wrapper > .body .form-box .buttons {
    padding: 0 16px;
    border-top: none;
}

.user-autocomplete-results {
    position: absolute;
    display: none;
    left: 0;
    top: 87px;
    z-index: 10;
    width: 100%;
    margin: 0;
    padding: 0 18px 0 16px;
    box-sizing: border-box;
}

.user-autocomplete-results ul {
    display: block;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}

.user-autocomplete-results ul li {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.user-autocomplete-results ul li a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    color: #666;
}

.user-autocomplete-results ul li a:hover {
    background: #f9f9f9;
    color: #000;
}

.user-autocomplete-results ul li a .avatar {
    top: 11px!important;
    bottom: auto!important;
    left: 12px!important;
    width: 20px!important;
    height: 20px!important;
}

.user-autocomplete-results ul li a .name {
    padding: 12px 16px 12px 48px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5em;
}

.user-autocomplete-results ul li a .id {
    display: none;
}

.user-autocomplete-results ul li a .email {
    display: none;
}

.errors {
    position: relative;
    padding: 16px 48px 16px 48px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f3f3;
    color: #ff3b30;
    background: #fff8f8;
}

.errors .icon-warning {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 18px;
}

.errors a {
    color: #ff3b30;
    font-weight: 500;
    transition: none;
}

.errors a:hover {
    color: #ff3b30;
    text-decoration: underline;
}

.errors a.hide {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    padding: 1px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 50%;
}

.errors a.hide:hover {
    background: rgba(0,0,0,0.05);
}

.errors-wide-container {
    position: relative;
    border-bottom: 1px solid #ffd2d2;
    background: #fff8f8;
}

.errors-wide-container .errors {
    border-bottom: none;
}

.successes {
    position: relative;
    padding: 16px 48px 16px 48px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f3f3;
    color: #00a651;
    background: #e4fff1;
}

.successes .icon-checkmark-circled {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 18px;
}

.successes a {
    color: #00a651;
    font-weight: 500;
    transition: none;
}

.successes a:hover {
    color: #00a651;
    text-decoration: underline;
}

.successes a.hide {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    padding: 1px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 50%;
}

.successes a.hide:hover {
    background: rgba(0,0,0,0.05);
}

.successes-wide-container {
    position: relative;
    border-bottom: 1px solid #c9e3d5;
    background: #e4fff1;
}

.successes-wide-container .successes {
    border-bottom: none;
}

.foos {
    position: relative;
    padding: 16px 48px 16px 48px;
    box-sizing: border-box;
    color: #6f8eb1;
}

.foos,
.foos-wide-container {
    position: relative;
    border-bottom: 1px solid #d0e8f3;
    background: #e2f6ff;
}

.foos .icon-info-circled {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 18px;
}

.foos a {
    color: #306fb7;
    font-weight: 500;
    transition: none;
}

.foos a:hover {
    color: #0a4c96;
    text-decoration: underline;
}

.foos a.hide {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    padding: 1px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 50%;
}

.foos a.hide:hover {
    background: rgba(0,0,0,0.05);
    text-decoration: none;
}

.foos-wide-container .foos {
    border-bottom: none;
}

.loading-progress {
    position: relative;
    display: block;
    margin: 0 0 8px 0;
    padding: 23px 16px;
    border-bottom: 1px solid transparent;
    background: transparent;
}

.loading-progress > .progress {
    position: relative;
    display: block;
    height: 8px;
    background: #e3e3e3;
    border-radius: 4px;
    overflow: hidden;
}

.loading-progress > .progress > .bar {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    background: #007aff;
}

.loading-progress.dismissable > .progress {
    margin-left: 24px;
}

.loading-progress.dismissable > .dismiss {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 18px;
    height: 18px;
    padding: 1px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.loading-progress.dismissable > .dismiss:hover {
    color: #ff3b30;
    background: #fff;
}

.popup .form-box .loading-progress {
    margin: 16px 0 0 0;
    padding: 0 16px;
    border-bottom: 1px solid transparent;
    background: transparent;
}

.sticky-note {
    position: relative;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    border: 1px solid #f3efc9;
    background: #fffcd6;
}

.sticky-note img.loading {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
}

ul.sticky-note-tasks {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.sticky-note-tasks li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

ul.sticky-note-tasks li > a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #000;
    transition: none;
}

ul.sticky-note-tasks li.done > a {
    opacity: .5;
}

ul.sticky-note-tasks li > a:hover,
ul.sticky-note-tasks li > a:active,
ul.sticky-note-tasks li.done > a:hover > .text,
ul.sticky-note-tasks li.done > a:active > .text {
    color: #000;
}

ul.sticky-note-tasks li > a:hover > .text,
ul.sticky-note-tasks li > a:active > .text {
    color: #007aff;
}

ul.sticky-note-tasks li > a > .icon {
    position: absolute;
    top: 10px;
    left: 4px;
    font-size: 18px;
}

ul.sticky-note-tasks li > a > .icon::before {
    content: "\e044";
}

ul.sticky-note-tasks li.done > a > .icon::before {
    content: "\e041";
}

ul.sticky-note-tasks li > a > .text {
    margin: 0 0 0 28px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

ul.sticky-note-tasks li.done > a > .text {
    text-decoration: line-through;
}

ul.sticky-note-tasks li:last-child > a > .text {
    border-bottom: none;
}

ul.comma-separated-list {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.comma-separated-list li {
    display: inline;
    padding: 0;
    margin: 0;
}

ul.comma-separated-list li::after {
    content: ', ';
}

ul.comma-separated-list li:last-child::after {
    content: '.';
}

.feed-card ul.comma-separated-list li a,
.side-info-card ul.comma-separated-list li a,
.feed-card ul.item-list li a,
.side-info-card ul.item-list li a,
.feed-card ul.goals li a,
.side-info-card ul.goals li a {
    color: #666;
}

.feed-card ul.comma-separated-list li a:hover,
.side-info-card ul.comma-separated-list li a:hover,
.feed-card ul.item-list li a:hover,
.side-info-card ul.item-list li a:hover,
.feed-card ul.goals li a:hover,
.side-info-card ul.goals li a:hover {
    color: #000;
}

.feed-card ul.goals,
.side-info-card ul.goals {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.feed-card ul.goals li a,
.side-info-card ul.goals li a {
    position: relative;
    display: block;
    padding: 0 0 0 28px;
    margin: 8px 0;
}

.feed-card ul.goals li a::before,
.side-info-card ul.goals li a::before {
    position: absolute;
    display: block;
    content: "\e0f6";
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 4px 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    font-family: "gusher-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    line-height: 1;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    box-sizing: border-box;
}

.feed-card ul.goals li a:hover::before,
.side-info-card ul.goals li a:hover::before {
    border-color: #ccc;
}

ul.comma-separated-list.inline-list {
    display: inline-block;
}

.inline-list-label {
    font-weight: 600;
    color: #000;
}

ul.tabs {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tabs li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}

ul.tabs li a {
    display: block;
    width: auto;
    height: auto;
    min-width: 36px;
    min-height: 36px;
    margin: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    background: #fff;
    border-color: #007aff;
    color: #007aff;
    border-style: solid;
    border-width: 1px;
    border-right: none;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    transition: none;
}

ul.tabs li.first a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

ul.tabs li.last a {
    border-right-style: solid;
    border-right-width: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

ul.tabs li a:hover {
    background: #fff;
    border-color: #007aff;
    color: #0066d5;
}

ul.tabs li a:active {
    background: #f9f9f9;
    border-color: #007aff;
    color: #0066d5;
}

ul.tabs li a span {}

ul.tabs li a .icon {
    display: inline;
    font-size: 16px;
    vertical-align: middle;
}

ul.tabs li a .mini-icon {
    font-size: 14px;
}

ul.tabs li a .muted {
    color: #bbb;
}

ul.tabs li a .highlighted {
    color: #000;
}

ul.tabs li.active a {
    background: #007aff;
    border-color: #007aff;
    color: #fff;
}

ul.steps {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.steps li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}

ul.steps li a {
    display: block;
    width: auto;
    height: auto;
    min-width: 36px;
    min-height: 36px;
    margin: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #007aff;
    color: #007aff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    transition: none;
}

ul.steps li a:hover {
    background: #fff;
    border: 1px solid #007aff;
    color: #0066d5;
}

ul.steps li a:active {
    background: #f9f9f9;
    border-color: #007aff;
    color: #0066d5;
}

ul.steps li a span {}

ul.steps li a .icon {
    display: inline;
    font-size: 16px;
    vertical-align: middle;
}

ul.steps li a .mini-icon {
    font-size: 14px;
}

ul.steps li a .muted {
    color: #bbb;
}

ul.steps li a .highlighted {
    color: #000;
}

ul.steps li.active a {
    background: #007aff;
    border-color: #007aff;
    color: #fff;
}

ul.steps li.sep {
    width: 18px;
    height: 18px;
    border-bottom: 1px solid #007aff;
}

ul.buttons {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 6px;
}

ul.buttons li {
    display: block;
    margin: 0;
    padding: 0 6px;
    float: left;
}

ul.side-tips {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 0 8px 0;
}

ul.side-tips li {
    display: block;
    margin: 0;
    padding: 8px 0;
    color: #999;
}

ul.side-tips li a {
    color: #000;
}

ul.side-tips li a:hover {
    color: #007aff;
}

ul.side-tips li h6,
ul.side-tips li p {
    padding: 4px 0;
}

ul.tiny-links {
    display: block;
    list-style: none;
    margin: 4px 8px 24px 8px;
    padding: 0;
}

ul.tiny-links li {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #aaa;
}

ul.tiny-links li a {
    color: #999;
}

ul.tiny-links li a:hover {
    color: #000;
}

ul.tiny-links li.block {
    display: block;
}

ul.tiny-links li.bold {
    font-weight: 500;
}


/* Effects & Animations */


/* Clock Animations */

.analog-clock {
    position: relative;
    width: 20em;
    height: 20em;
    background: #fff;
    border: 0.4em solid #000;
    border-radius: 50%;
}

.analog-clock .guides-container,
.analog-clock .hours-container,
.analog-clock .minutes-container,
.analog-clock .seconds-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.analog-clock .hours-container .hours {
    position: absolute;
    width: 2.5%;
    height: 20%;
    top: 30%;
    left: 48.75%;
    background: #000;
    transform-origin: 50% 100%;
}

.analog-clock .minutes-container .minutes {
    position: absolute;
    width: 2%;
    height: 40%;
    top: 10%;
    left: 49%;
    background: #000;
    transform-origin: 50% 100%;
}

.analog-clock .seconds-container .seconds {
    position: absolute;
    width: 1%;
    height: 45%;
    top: 14%;
    left: 49.5%;
    z-index: 8;
    background: #000;
    transform-origin: 50% 80%;
}

@keyframes rotate {
    100% {
        transform: rotateZ(360deg);
    }
}

.analog-clock .hours-container {
    animation: rotate 43200s infinite linear;
}

.analog-clock .minutes-container {
    animation: rotate 3600s infinite steps(60);
    transition: none;
}

.analog-clock .seconds-container {
    animation: rotate 60s infinite steps(60);
    transition: none;
}

.analog-clock .guides-container .top {
    position: absolute;
    width: 2%;
    height: 4%;
    top: 0;
    left: 49%;
    background: #000;
}

.analog-clock .guides-container .right {
    position: absolute;
    width: 4%;
    height: 2%;
    top: 49%;
    right: 0;
    background: #000;
}

.analog-clock .guides-container .bottom {
    position: absolute;
    width: 2%;
    height: 4%;
    bottom: 0;
    left: 49%;
    background: #000;
}

.analog-clock .guides-container .left {
    position: absolute;
    width: 4%;
    height: 2%;
    top: 49%;
    left: 0;
    background: #000;
}

.analog-clock .rotate-45 {
    transform: rotateZ(45deg);
}

.analog-clock .rotate-22-5 {
    transform: rotateZ(22.5deg);
}

.analog-clock .rotate-67-5 {
    transform: rotateZ(67.5deg);
}

.analog-clock .center-point {
    position: absolute;
    width: 6%;
    height: 6%;
    top: 47%;
    left: 47%;
    z-index: 10;
    background: #000;
    border-radius: 50%;
}


/* Loading Animation */

.sample-loading {
    background: #f9f9f9;
    background: linear-gradient(270deg, #f9f9f9, #f0f0f0, #f9f9f9);
    background-size: 600% 600%;
    -webkit-animation: sample-loading-animation 2s ease infinite;
    -moz-animation: sample-loading-animation 2s ease infinite;
    animation: sample-loading-animation 2s ease infinite;
}

@keyframes sample-loading-animation {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}


/* Generic Animations */

@keyframes grow {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes shrink {
    0% {
        display: block;
        opacity: 1;
        transform: scale(1);
    }
    1% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes grow-from-top {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes shrink-from-top {
    0% {
        display: block;
        opacity: 1;
        transform: translateY(0%);
    }
    1% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        display: block;
        opacity: 1;
    }
    1% {
        opacity: 0;
    }
    100% {
        display: none;
        opacity: 0;
    }
}


/* Layout */


/* Header */

header {
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    z-index: 200;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
}

header nav {
    display: block;
    margin: 0 auto;
    padding: 0;
}

header nav ul {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

header nav ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

header nav ul li a {
    min-width: 32px;
    height: 32px;
    padding: 12px 12px 12px 12px;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 32px;
    color: #666;
    transition: none;
}

header nav ul li a:hover {
    background: #f9f9f9;
    color: #000;
}

header nav ul li a span {
    padding: 0 6px;
    float: left;
}

header nav ul li a span.title {
    font-weight: 400;
}

header nav ul li.right {
    float: right;
}

header nav ul li.active a {
    color: #000;
}

header nav ul li a .icon {
    margin-top: 6px;
    float: left;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
}

header nav ul li a .icon-gusher {
    margin-top: -32px;
    float: none;
    width: 96px;
    height: 76px;
    font-size: 96px;
    line-height: 96px;
    color: #000;
    overflow: hidden;
}

header nav ul li a .brand-logo {
    margin: 6.5px 8px;
    width: 80px;
    opacity: .7;
}

header nav ul li a:hover .brand-logo,
header nav ul li.active a .brand-logo {
    opacity: 1;
}

header nav ul li a .brand-icon {
    margin: 6.5px 8px;
    width: 17.5px;
    opacity: .7;
}

header nav ul li a:hover .brand-icon,
header nav ul li.active a .brand-icon {
    opacity: 1;
}

.anonymous header nav ul li a .brand-logo {
    display: none;
}

header nav ul li a .icon-gusher-g {
    margin: 0;
    float: none;
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    overflow: hidden;
}

header nav ul li a .avatar {
    width: 24px;
    height: 24px;
    margin: 4px;
}

header nav ul li a .alerts {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: auto;
    height: 16px;
    margin: 0;
    padding: 0 5px;
    background: #ff3b30;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 8px;
    transition: none;
}

header nav ul li.search {
    padding: 10px 8px;
}

header nav ul li.search .searchbox {
    width: 100%;
    min-height: 36px;
    line-height: 34px;
    padding: 0 0 0 32px;
    background-color: #f9f9f9;
    background-position: top left;
    border: 1px solid #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

header nav ul li.search .searchbox:focus {
    background-color: #fff;
    border: 1px solid #e3e3e3;
}

.authenticated header nav > ul > li.nav-search-input {
    position: absolute;
    top: 0;
    left: 57.5px;
    right: 224px;
}

.anonymous header nav > ul > li.nav-search-input {
    position: absolute;
    top: 0;
    left: 57.5px;
    right: 56px;
}

header nav ul li.selected a {
    background: #f9f9f9;
}

header nav ul li.selected ul {
    display: block;
}

header nav ul li ul {
    position: absolute;
    display: none;
    overflow-x: none;
    overflow-y: scroll;
    width: 240px;
    /* max-height: 508px; */
    /* INFO: header height: 56px */
    max-height: calc(var(--default-layout-viewport-height) - 56px);
    margin: 0;
    padding: 0;
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

header nav ul li.right ul {
    margin-left: -184px;
}

header nav ul li ul li {
    float: none;
}

header nav ul li ul li a {
    position: relative;
    display: block;
    height: 24px;
    padding: 12px 12px 12px 12px;
    background: #fff;
    border-top: 1px solid #fff;
    font-size: 14px;
    line-height: 24px;
}

header nav ul li.selected ul li a {
    background: #fff;
}

header nav ul li.selected ul li a:hover {
    background: #f9f9f9;
}

header nav ul li ul li.topline a {
    border-top: 1px solid #f3f3f3;
}

header nav ul li ul li a .icon {
    margin-top: 4px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
}

header nav ul li ul li a .chevron {
    position: absolute;
    top: 4px;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    opacity: .5;
}

header nav ul li ul li a span {
    float: left;
}

header nav ul li ul li a .alerts {
    position: relative;
    top: auto;
    right: auto;
    float: right;
    text-align: right;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 6px;
    background: none;
    color: inherit;
    font-size: 14px;
    line-height: 24px;
    border-radius: 0;
}

header nav ul li ul li.user {}

header nav ul li ul li.user a {
    height: auto;
}

header nav ul li ul li .fullname {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}

header nav ul li ul li .username {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

header nav ul li.selected a {
    color: #000;
}

header nav ul li.selected ul li a {
    color: #666;
}

header nav ul li.selected ul li a:hover {
    color: #000;
}

header nav ul li.selected ul li a:active {
    color: #000;
}

header nav ul li.active ul li a {
    color: #666;
}

header nav ul li ul li.active a {
    color: #000;
}

header nav ul li ul li.active a .fullname {
    color: #000;
}

header nav ul li.right ul.mini-posts {
    margin-left: -264px;
}

header nav ul li ul.mini-posts {
    width: 320px;
    height: 320px;
    padding: 0 0 48px 0;
}

header nav ul li ul.mini-posts li.post a {
    min-height: 24px;
    height: auto;
    padding: 12px 12px 12px 12px;
    display: block;
    background: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
    font-size: 14px;
    line-height: 1.5em;
}

header nav ul li ul.mini-posts li.post a span {
    padding: 0;
    float: none;
}

header nav ul li ul.mini-posts li.post a .avatar {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 12px;
    left: 12px;
    border-width: 0px;
    box-shadow: none;
}

header nav ul li ul.mini-posts li.post a .square {
    border-radius: 4px!important;
}

header nav ul li ul.mini-posts li.post a .text {
    padding: 0 0 0 52px;
}

header nav ul li ul.mini-posts li.post a .source {
    font-size: 12px;
    line-height: 1.5em;
}

header nav ul li ul.mini-posts li.post a .name {
    padding: 0 0 0 52px;
}

header nav ul li ul.mini-posts li.post a .date {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 72px;
    padding: 0;
    font-size: 12px;
    text-align: right;
}

header nav ul li ul.mini-posts li.post a .message {
    padding: 0 0 0 52px;
}

header nav ul li ul.mini-posts li.post a .message .icon {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 12px;
}

header nav ul li ul.mini-posts li.post a .counter {
    width: 48px;
    padding: 0;
    float: left;
    font-size: 12px;
    text-align: right;
}

header nav ul li ul.mini-posts li.post a .counter span {
    display: block;
    float: right;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    box-sizing: border-box;
    background: #ff3b30;
    color: #fff;
    font-size: 8px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

header nav ul li ul.mini-posts li.read a {
    background: none;
    border-top-color: transparent;
}

header nav ul li ul.mini-posts li.footer {
    position: fixed;
    top: 376px;
    width: 320px;
    height: 49px;
    padding: 0;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

header nav ul li ul.mini-posts li.footer a {
    background: none;
    float: left;
    border: none;
    min-width: 24px;
}

header nav ul li ul.mini-posts li.footer a.right {
    float: right;
}

header nav ul li ul.mini-posts li.empty-feed {
    padding: 8px;
}

header nav ul li ul.mini-posts li.empty-feed > .image {
    width: 160px;
}

header nav ul li ul.mini-posts li.empty-feed > .action > a.button {
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
}

header nav ul li ul.mini-posts li.empty-feed > .action > a.button:hover {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

header nav ul li ul.mini-posts li.empty-feed > .action > a.button:active {
    background: #0055b2;
    border: 1px solid #0055b2;
    color: #fff;
}

.header-offset {
    height: 56px;
}


/* Wrapper */

.wrapper {
    width: 944px;
    margin: 0 auto;
    padding: 0 8px;
    box-sizing: border-box;
}


/* No Scroll */

.noscroll,
.noscroll-640,
.noscroll-768,
.noscroll-960 {
    overflow-y: hidden;
}

/* Popup */

.popup {
    display: none;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
}

.popup .wrapper {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 50%;
    right: auto;
    width: 640px;
    margin: 0 0 0 -320px;
    padding: 0;
    box-sizing: border-box;
    overflow-y: scroll!important;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}

.popup.popup-white .wrapper {
    background: #fff;
}

.popup .top-bar {
    position: fixed;
    top: 24px;
    left: 50%;
    right: auto;
    width: 640px;
    height: 56px;
    margin: 0 0 0 -320px;
    padding: 0;
    z-index: 300;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.popup .fixed-close-icon,
.popup .top-bar .left-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    z-index: 10;
}

.popup .fixed-close-icon a,
.popup .top-bar .left-icon a {
    display: block;
    padding: 17px;
}

.popup .fixed-close-icon a .icon,
.popup .top-bar .left-icon a .icon {
    font-size: 20px;
    color: #999;
}

.popup .fixed-close-icon a:hover .icon,
.popup .top-bar .left-icon a:hover .icon {
    color: #000;
}

.popup .fixed-remove-icon,
.form-box .fixed-remove-icon,
.popup .top-bar .right-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    z-index: 10;
}

.form-box .fixed-remove-icon {
    top: 2px;
    right: 2px;
}

.popup .fixed-remove-icon a,
.form-box .fixed-remove-icon a,
.popup .top-bar .right-icon a {
    display: block;
    padding: 17px;
}

.popup .fixed-remove-icon a .icon,
.form-box .fixed-remove-icon a .icon,
.popup .top-bar .right-icon a .icon {
    font-size: 20px;
    color: #999;
}

.popup .top-bar .right-icon a:hover .icon {
    color: #000;
}

.popup .fixed-remove-icon a:hover .icon,
.form-box .fixed-remove-icon a:hover .icon {
    color: #ff3b30;
}

.popup .top-bar img.loading {
    display: none;
    width: 20px;
    height: 20px;
    margin: 16px;
}

.popup .top-bar .title {
    padding: 18px 56px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #999;
    text-align: center;
}

.popup .top-bar-offset {
    height: 56px;
}

.popup image-editor,
.popup file-uploader {
    position: relative;
    display: block;
}

.popup image-editor .fixed-remove-icon,
.popup file-uploader .fixed-remove-icon {
    top: -16px;
    right: -16px;
}

.popup .wrapper > .header {
    padding: 32px 32px;
    box-sizing: border-box;
}

.popup .wrapper > .body,
.popup .wrapper > .footer {
    padding: 16px 16px;
    box-sizing: border-box;
}

.popup .wrapper > .body .header {
    margin: 16px 24px 24px 24px;
    box-sizing: border-box;
}

.popup .wrapper > .header > .avatar,
.popup .wrapper > .body .header > .avatar {
    display: block;
    margin: 16px auto;
}

.popup .wrapper > .header h1,
.popup .wrapper > .body .header h1 {
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
}

.popup .wrapper > .header h2,
.popup .wrapper > .body .header h2 {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #999;
}

.popup .wrapper > .header h3,
.popup .wrapper > .body .header h3 {
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #333;
    margin-top: 24px;
    margin-bottom: 12px;
}

.popup .wrapper > .header p,
.popup .wrapper > .body .header p {
    margin: 8px auto;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #999;
}

.popup .wrapper > .body .header a.suggested-role {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    max-width: 320px;
    padding: 8px 8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
    overflow: hidden;
}
.popup .wrapper > .body .header a.suggested-role:hover {
    border: 1px solid #ccc;
    color: #666;
}

.popup .wrapper > .body .header a.suggested-role .image {
    position: absolute;
    display: block;
    width: 36px;
    padding: 8px 8px;
}

.popup .wrapper > .body .header a.suggested-role .text {
    display: block;
    width: auto;
    padding: 6px 4px 6px 58px;
}

.popup .wrapper > .body .header a.suggested-role .text .title {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 600;
    color: #333;
}
.popup .wrapper > .body .header a.suggested-role .text .title:hover {
    color: #000;
}

.popup .wrapper > .body .header a.suggested-role .text .subtitle {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: #666;
}
.popup .wrapper > .body .header a.suggested-role .text .subtitle:hover {
    color: #333;
}

.popup .wrapper > .body .header a.suggested-role .text .details {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
}

.popup .wrapper > .body .buttons {
    margin: 16px auto;
    padding: 0;
    box-sizing: border-box;
}

.popup .wrapper > .body .buttons a.button {
    position: relative;
    display: block;
    max-width: 320px;
    height: 48px;
    margin: 8px auto;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 46px;
    font-weight: 500;
}

.popup .wrapper > .body .buttons a.button .icon,
.popup .wrapper > .body .buttons a.button .fa {
    position: absolute;
    top: 13px;
    left: 13px;
    font-size: 20px;
}

.popup .wrapper > .body .buttons a.facebook {
    background: #4267B2;
    border: 1px solid #4267B2;
    color: #fff;
}

.popup .wrapper > .body .buttons a.facebook:hover {
    background: #215098;
    border: 1px solid #215098;
}

.popup .wrapper > .body .buttons a.twitter {
    background: #1dadea;
    border: 1px solid #1dadea;
    color: #fff;
}

.popup .wrapper > .body .buttons a.twitter:hover {
    background: #0092cd;
    border: 1px solid #0092cd;
}

.popup .wrapper > .body .buttons a.linkedin {
    background: #0274b3;
    border: 1px solid #0274b3;
    color: #fff;
}

.popup .wrapper > .body .buttons a.linkedin:hover {
    background: #005c98;
    border: 1px solid #005c98;
}

.popup .wrapper > .body .buttons a.google {
    background: #4885ed;
    border: 1px solid #4885ed;
    color: #fff;
}

.popup .wrapper > .body .buttons a.google:hover {
    background: #4178d6;
    border: 1px solid #4178d6;
}

.popup .wrapper > .body .buttons a.light {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #000;
}

.popup .wrapper > .body .buttons a.light:hover {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #000;
}

.popup .wrapper > .body .buttons a.light .icon,
.popup .wrapper > .body .buttons a.light .fa {
    color: #999;
}

.popup .wrapper > .body .buttons a.light:hover .icon,
.popup .wrapper > .body .buttons a.light:hover .fa {
    color: #666;
}

.popup .wrapper > .body .buttons a.light.facebook .icon,
.popup .wrapper > .body .buttons a.light.facebook .fa {
    color: #4267B2;
}

.popup .wrapper > .body .buttons a.light.facebook:hover .icon,
.popup .wrapper > .body .buttons a.light.facebook:hover .fa {
    color: #215098;
}

.popup .wrapper > .body .buttons a.light.twitter .icon,
.popup .wrapper > .body .buttons a.light.twitter .fa {
    color: #1dadea;
}

.popup .wrapper > .body .buttons a.light.twitter:hover .icon,
.popup .wrapper > .body .buttons a.light.twitter:hover .fa {
    color: #0092cd;
}

.popup .wrapper > .body .buttons a.light.linkedin .icon,
.popup .wrapper > .body .buttons a.light.linkedin .fa {
    color: #0274b3;
}

.popup .wrapper > .body .buttons a.light.linkedin:hover .icon,
.popup .wrapper > .body .buttons a.light.linkedin:hover .fa {
    color: #005c98;
}

.popup .wrapper > .body .buttons a.light.google .icon,
.popup .wrapper > .body .buttons a.light.google .fa {
    color: #4885ed;
}

.popup .wrapper > .body .buttons a.light.google:hover .icon,
.popup .wrapper > .body .buttons a.light.google:hover .fa {
    color: #4178d6;
}

.popup .wrapper > .body .buttons a.button .img-icon {
    position: absolute;
    display: block;
    top: 13px;
    left: 13px;
    max-width: 20px;
    max-height: 20px;
}

.popup .wrapper > .body .buttons a.disabled,
.popup .wrapper > .body .buttons a.disabled:hover {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: default;
}

.popup .wrapper > .body .buttons a.idle {
    height: 48px;
    padding: 0;
    cursor: default;
}

.popup .wrapper > .body .buttons a.idle img.loading {
    width: 32px;
    height: 32px;
    margin-top: 6px;
}

.popup .wrapper > .body form {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.popup .wrapper > .body form.boxed {
    margin: 16px auto;
    padding: 16px 16px;
    background: #f9f9f9;
    border-radius: 4px;
}

.popup .wrapper > .body form .field {
    position: relative;
    padding: 0 0 16px 0;
}

.popup .wrapper > .body form .field .label {
    position: relative;
    color: #000;
    font-weight: 500;
    padding-bottom: 6px;
}

.popup .wrapper > .body form .field .label a.muted {
    color: #bcbcbc;
}

.popup .wrapper > .body form .field .label a.muted:hover {
    color: #999;
}

.popup .wrapper > .body form .field .label .icon {
    display: inline;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
}

.popup .wrapper > .body form .field .label .instructions {}

.popup .wrapper > .body form .field .label .instructions p {
    color: #999;
    padding: 0;
}

.popup .wrapper > .body form .field .label img.loading {
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    top: 2px;
    right: 2px;
}

.popup .wrapper > .body form .field .chars {
    position: absolute;
    width: 48px;
    height: 48px;
    right: 0;
    margin: -48px 0 0 0;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: right;
    font-size: 14px;
    line-height: 48px;
    color: #bcbcbc;
}

.popup .wrapper > .body form .field .chars-warning {
    color: #f7941d;
}

.popup .wrapper > .body form .field .chars-error {
    color: #ff3b30;
}

.popup .wrapper > .body form .pane-1 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 8px 0 0;
}

.popup .wrapper > .body form .pane-2 {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 8px;
}

.popup .wrapper > .body form .footer {
    position: relative;
}

.popup .wrapper > .body form .footer .pane-1 {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 8px 0 0;
}

.popup .wrapper > .body form .footer .pane-1 a {
    color: #aaa;
    line-height: 48px;
}

.popup .wrapper > .body form .footer .pane-1 a:hover {
    color: #000;
}

.popup .wrapper > .body form .footer .pane-2 {
    position: relative;
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 8px;
}

.popup .wrapper > .body form .footer img.loading {
    position: absolute;
    display: none;
    top: 7px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

.popup .wrapper > .body form .footer input[type=submit].idle {
    background: #007aff!important;
    border-color: #007aff!important;
    color: #007aff!important;
}

.popup .wrapper > .body .small-print {
    display: block;
    margin: 8px auto;
    padding: 0;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #aaa;
}

.popup .wrapper > .body .small-print a {
    color: #666;
}

.popup .wrapper > .body .small-print a:hover {
    color: #000;
}


/* Content Page */

.content-page {
    padding: 0 0 24px 0;
}

.content-page.no-bottom-pad {
    padding-bottom: 0;
}

.content-page .wrapper {
    padding: 0 24px;
}

.content-page .head {
    padding: 0;
    color: #ccc;
    background: #222;
    border-bottom: 1px solid #000;
}

.content-page .head .title {
    width: 50%;
    padding: 16px 0;
    float: left;
}

.content-page .head .title h1 {
    color: #fff;
}

.content-page .head .nav {
    width: 50%;
    padding: 16px 0;
    float: right;
    text-align: right;
}

.content-page .head .nav ul.links {
    list-style: none;
    margin: 0;
    padding: 4px 0;
}

.content-page .head .nav ul.links li {
    display: inline;
    margin: 0;
    padding: 0 0 0 16px;
}

.content-page .head .nav ul.links li a {
    color: #aaa;
    transition: none;
}

.content-page .head .nav ul.links li a:hover {
    color: #fff;
}

.content-page .head .nav ul.links li.active a {
    color: #fff;
}

.content-page .head h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

.content-page ul.page-links {
    list-style: none;
    margin: 0;
    padding: 24px 0;
}

.content-page ul.page-links li {
    display: block;
    margin: 0;
    padding: 0;
    width: 33%;
    float: left;
}

.content-page ul.page-links li a {
    display: block;
    padding: 8px 8px;
    color: #aaa;
    transition: none;
}

.content-page ul.page-links li a:hover {
    color: #999;
}

.content-page ul.page-links li a .img {
    position: absolute;
}

.content-page ul.page-links li a .img .icon {
    font-size: 24px;
    color: #54565b;
}

.content-page ul.page-links li a:hover .img .icon {
    color: #000;
}

.content-page ul.page-links li a .txt {
    position: relative;
    padding: 0 0 0 32px;
}

.content-page ul.page-links li a .name {
    display: block;
    color: #54565b;
    font-size: 18px;
    line-height: normal;
}

.content-page ul.page-links li a:hover .name {
    color: #000;
}

.content-page ul.page-links li a .desc {
    display: block;
}

.content-page ul.anchor-links {
    list-style: none;
    margin: 0;
    padding: 24px 0;
}

.content-page ul.anchor-links li {
    display: block;
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
    clear: left;
}

.content-page ul.anchor-links li:nth-child(even) {
    float: right;
    clear: right;
}

.content-page ul.anchor-links li a {
    display: block;
    padding: 8px 8px 8px 24px;
    box-sizing: border-box;
    color: #666;
    transition: none;
}

.content-page ul.anchor-links li a:hover {
    color: #000;
}

.content-page ul.anchor-links li a .icon {
    position: absolute;
    margin: 3px 0 0 -20px;
}

.content-page .steps-4 {
    display: block;
    padding: 24px 0;
    color: #aaa;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    font-weight: 300;
}

.content-page .steps-4 .icon {
    vertical-align: middle;
    color: #007aff;
    font-size: 14px;
}

.content-page .steps-4 a {
    color: #000;
    transition: none;
}

.content-page .steps-4 a:hover {
    color: #007aff;
}

.content-page .tutorials h2 {
    padding-bottom: 16px;
}

.content-page .tutorials h3 {
    padding-bottom: 16px;
}

.content-page .tutorials p {
    padding-bottom: 16px;
}

.content-page .tutorials .icon {
    vertical-align: middle;
}

.content-page .tutorials a.anchor {
    display: block;
    height: 60px;
}

.content-page .tutorials a {
    color: #000;
    transition: none;
}

.content-page .tutorials a:hover {
    color: #007aff;
}

.content-page .tutorials ul.video-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-page .tutorials ul.video-list li {
    display: block;
    width: 50%;
    margin: 0;
    padding: 16px 0 24px 0;
    box-sizing: border-box;
}

.content-page .tutorials ul.video-list li:nth-child(odd) {
    float: left;
    clear: left;
    padding-right: 16px;
}

.content-page .tutorials ul.video-list li:nth-child(even) {
    float: right;
    clear: right;
    padding-left: 16px;
}

.content-page .tutorials ul.video-list li a.video-link-preview {
    display: block;
}

.content-page .tutorials ul.video-list li a.video-link-preview img {
    display: block;
    width: 100%;
}

.content-page ul.video-tutorials-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-page ul.video-tutorials-nav li {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

.content-page ul.video-tutorials-nav li a {
    position: relative;
    display: block;
    color: #000;
    transition: none;
}

.content-page ul.video-tutorials-nav li a:hover {
    background: #fcfcfc;
    color: #007aff;
}

.content-page ul.video-tutorials-nav li a .icon {
    position: absolute;
    display: block;
    top: 19px;
}

.content-page ul.video-tutorials-nav li a .text {
    position: relative;
    display: block;
    padding: 16px;
}

.content-page ul.video-tutorials-nav li:first-child {
    float: left;
    text-align: left;
}

.content-page ul.video-tutorials-nav li:first-child a .icon {
    left: 16px;
}

.content-page ul.video-tutorials-nav li:first-child a .text {
    padding-left: 40px;
}

.content-page ul.video-tutorials-nav li:last-child {
    float: right;
    text-align: right;
}

.content-page ul.video-tutorials-nav li:last-child a .icon {
    right: 16px;
}

.content-page ul.video-tutorials-nav li:last-child a .text {
    padding-right: 40px;
}

.content-page .faq h2 {
    padding-bottom: 16px;
}

.content-page .faq h3 {
    padding-bottom: 16px;
}

.content-page .faq p {
    padding-bottom: 16px;
}

.content-page .faq .icon {
    vertical-align: middle;
}

.content-page .faq a.anchor {
    display: block;
    height: 60px;
}

.content-page .faq a {
    color: #000;
    transition: none;
}

.content-page .faq a:hover {
    color: #007aff;
}

.content-page .video-container {
    padding: 24px 15%;
}

.content-page .video-container h2 {
    padding-bottom: 24px;
    text-align: center;
}


/* One Photo Mosaic */

.one-photo-mosaic {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 4px;
}

.one-photo-mosaic > .photo {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


/* Two Photo Mosaic */

.two-photo-mosaic {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 4px;
}

.two-photo-mosaic > .photo-1 {
    position: relative;
    display: block;
    width: 100%;
    min-height: 260px;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.two-photo-mosaic > .photo-2 {
    position: relative;
    display: block;
    width: 100%;
    min-height: 260px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


/* Readable Content */

.readable {
    padding: 24px 0;
}

.readable .wrapper {
    padding: 0 24px;
}

.readable.big-letters .wrapper h2 {
    line-height: 1.5em;
    font-weight: 600;
}

.readable.big-letters .wrapper p {
    font-size: 20px;
    line-height: 1.5em;
}

.readable.big-letters .wrapper p .button {
    min-width: 48px;
    min-height: 48px;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 30px;
}

.readable.big-letters .wrapper > .text {
    padding: 24px 0;
    text-align: left;
}

.readable.big-letters .wrapper > .image {
    padding: 0 0 24px 0;
    text-align: center;
}

.readable.big-letters .wrapper > .image.hidden-on-mobile {
    display: none;
}

.readable.big-letters .wrapper > .image > .brand-icon {
    max-width: 120px;
    margin: 16px 0;
}

.readable.big-letters .wrapper > .image > .brand-logo {
    max-width: 120px;
}

.readable.big-letters .wrapper > .image > .office-photo {
    max-width: 396px;
    width: 100%;
    border-radius: 4px;
}

.readable.big-letters .wrapper > .image > .two-photo-mosaic {
    max-width: 1040px;
    display: inline-block;
}

.readable.big-letters .wrapper > .image > .one-photo-mosaic {
    max-width: 500px;
    width: 90%;
    display: inline-block;
}


/* Agreements */

.agreement {}

.agreement h1 {
    margin: 16px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    color: #000;
    text-align: center;
}

.agreement h2 {
    margin: 32px 0 16px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    color: #000;
}

.agreement h3 {
    margin: 32px 0 16px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    color: #000;
}

.agreement p {
    margin: 16px 0;
    color: #000;
    text-align: justify;
}

.agreement p strong {
    font-weight: 600;
}

.agreement .note {
    padding: 16px;
    background: #f3f3f3;
    color: #666;
    border-radius: 4px;
}

.agreement .note a {
    color: #000;
    font-weight: 500;
}

.agreement .note a:hover {
    color: #007aff;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
}

h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

h2 {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    color: #000;
}

h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    color: #000;
}

h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}


/* Entitled Pages */

.entitled {
    padding: 48px 0;
    background: #f3f3f3;
    text-align: center;
}

.entitled .wrapper {
    padding: 24px 24px;
}

.entitled .image {
    width: 120px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.entitled h1 {
    color: #999;
    text-align: center;
    margin-bottom: 8px;
}

.entitled h2 {
    color: #999;
    text-align: center;
    margin-bottom: 8px;
}

.entitled h3 {
    color: #999;
    text-align: center;
    margin-bottom: 8px;
}

.entitled p {
    color: #999;
    text-align: center;
    margin-bottom: 8px;
}


/* Home Banner */

.banner {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.banner.topline {
    border-top: 1px solid #e3e3e3;
}

.banner .wrapper {
    position: relative;
    height: 480px;
    z-index: 10;
}

.banner .analog-clock-container {
    position: absolute;
    width: 800px;
    height: 800px;
    top: 50%;
    left: 50%;
    margin: -350px 0 0 -400px;
    background: #fff;
    z-index: 5;
    border-radius: 50%;
}

.banner .analog-clock {
    width: 800px;
    height: 800px;
    opacity: 0.05;
    box-sizing: border-box;
    border-width: 6px;
}

.banner h1 {
    font-size: 56px;
    line-height: normal;
    text-align: center;
    padding: 48px 0 0 0;
    font-weight: 500;
}

.banner h2 {
    font-size: 32px;
    line-height: normal;
    text-align: center;
    padding: 0 0 32px 0;
    font-weight: 300;
}

.banner a.cta {
    position: relative;
    width: 280px;
    height: 48px;
    margin: 0 auto;
    padding: 0 12px;
    font-size: 18px;
    line-height: 46px;
    font-weight: 500;
}

.banner a.cta .icon {
    position: absolute;
    display: block;
    top: 14px;
    left: 14px;
    font-size: 18px;
    line-height: normal;
}

.banner a.cta span {
    padding: 0 0 0 16px;
}

.banner a.facebook {
    background: #4267B2;
    border: 1px solid #4267B2;
    color: #fff;
}

.banner a.facebook:hover {
    background: #215098;
    border: 1px solid #215098;
}

.banner a.twitter {
    background: #1dadea;
    border: 1px solid #1dadea;
    color: #fff;
}

.banner a.twitter:hover {
    background: #0092cd;
    border: 1px solid #0092cd;
}

.banner a.linkedin {
    background: #0274b3;
    border: 1px solid #0274b3;
    color: #fff;
}

.banner a.linkedin:hover {
    background: #005c98;
    border: 1px solid #005c98;
}

.banner a.google {
    background: #4885ed;
    border: 1px solid #4885ed;
    color: #fff;
}

.banner a.google:hover {
    background: #4178d6;
    border: 1px solid #4178d6;
}

.banner a.disabled,
.banner a.disabled:hover {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: default;
}

.banner a.idle {
    height: 48px;
    cursor: default;
}

.banner a.idle img.loading {
    width: 32px;
    height: 32px;
    margin-top: 7px;
}

.banner p {
    font-size: 14px;
    line-height: normal;
    text-align: center;
    padding: 12px 0 72px 0;
}

.banner p a {
    font-weight: 500;
}

.banner a.play {
    position: relative;
    display: block;
    width: 128px;
    height: 64px;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .5);
    border: 1px solid #999;
    color: #999;
    font-size: 40px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.banner a.play:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.banner .small-print {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 16px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #aaa;
}

.banner .small-print a {
    color: #666;
}

.banner .small-print a:hover {
    color: #000;
}

.banner.b01 {
    height: 320px;
    padding: 0;
    padding-top: 40px;
    box-sizing: border-box;
}

.banner.b01 .wrapper {
    height: auto;
}

.banner.b01 h1 {
    font-size: 40px;
    line-height: normal;
    text-align: center;
    margin: 16px auto;
    padding: 0 16px;
    font-weight: 600;
}

.banner.b01 h2 {
    font-size: 24px;
    line-height: normal;
    text-align: center;
    margin: 16px auto;
    padding: 0 16px;
    font-weight: 300;
}

.banner.b01 section.cta {
    padding: 16px;
}

.banner.b01 section.cta a.cta span {
    padding: 0;
}

.banner.b01 section.cta p {
    padding: 16px;
}

.banner.b01 section.cta p a.learn-more {
    color: #000;
    font-weight: 500;
}

.banner.b01 section.cta p a.learn-more:hover {
    text-decoration: underline;
}

.banner.b01 section.cta p a.learn-more:active {
    opacity: .75;
}

.banner.b02 {
    height: auto;
    padding: 0;
    padding-top: 40px;
    box-sizing: border-box;
}

.banner.b02 .wrapper {
    height: auto;
}

.banner.b02 h1 {
    font-size: 40px;
    line-height: normal;
    text-align: center;
    margin: 16px auto;
    padding: 0 16px;
    font-weight: 600;
}

.banner.b02 h2 {
    font-size: 24px;
    line-height: normal;
    text-align: center;
    margin: 16px auto;
    padding: 0 16px;
    font-weight: 300;
}

.banner.b02 ul.process-steps {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.banner.b02 ul.process-steps li {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    margin: 0;
    padding: 24px 24px;
    box-sizing: border-box;
    text-align: center;
}

.banner.b02 ul.process-steps li::after {
    position: absolute;
    top: 36px;
    right: -24px;
    width: 48px;
    content: "\e020";
    font-family: "gusher-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    font-size: 36px;
    line-height: 1;
    color: #ccc;
}

.banner.b02 ul.process-steps li:last-of-type::after {
    display: none;
}

.banner.b02 ul.process-steps li .graphic {
    padding-bottom: 8px;
    font-size: 30px;
    line-height: normal;
    color: #000;
}

.banner.b02 ul.process-steps li .title {
    padding-bottom: 8px;
    font-size: 20px;
    line-height: normal;
    color: #000;
}

.banner.b02 section.cta {
    padding: 16px;
}

.banner.b02 section.cta a.cta span {
    padding: 0;
}

.banner.b02 section.cta p {
    padding: 16px;
}

.banner.b02 section.cta p a.learn-more {
    color: #000;
    font-weight: 500;
}

.banner.b02 section.cta p a.learn-more:hover {
    text-decoration: underline;
}

.banner.b02 section.cta p a.learn-more:active {
    opacity: .75;
}


/* Theater Overlay */

.theater-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.95);
}

.theater-overlay a.close {
    position: fixed;
    display: block;
    width: 32px;
    height: 32px;
    top: 16px;
    right: 16px;
    margin: 0;
    padding: 9px 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .5);
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.theater-overlay a.close:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

.theater-overlay .video-player {
    position: absolute;
    width: 800px;
    height: 450px;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -400px;
}


/* Idle Overlay */

.idle-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    margin: 0 auto;
    padding: 56px 56px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.95);
}

.idle-overlay .icon-gusher-g {
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    font-size: 32px;
    text-align: center;
}

.idle-overlay img.loading {
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    left: 50%;
}


/* Page Title */

.page-title {
    background: #f3f3f3;
}

.page-title .wrapper {
    position: relative;
}

.page-title h1 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 300;
    padding: 16px 8px 0 8px;
}

.page-title a.action {
    position: absolute;
    top: 21px;
    right: 21px;
    font-size: 20px;
    color: #999;
}

.page-title a.action:hover {
    color: #007aff;
}


/* Global Search */

.search-bar {
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 4px 0;
    box-sizing: border-box;
    display: block;
    position: fixed;
    z-index: 50;
    background: #ececec;
    border-bottom: 1px solid #e3e3e3;
}

.mobile-search-bar {
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 4px 0;
    box-sizing: border-box;
    display: block;
    position: fixed;
    z-index: 50;
    background: #ececec;
    border-bottom: 1px solid #ececec;
}

.mobile-search-bar .searchbox {
    width: 100%;
}

ul.side-filters {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.side-filters li {
    display: block;
    position: relative;
    margin: 0 0 4px 0;
    padding: 0;
    box-sizing: border-box;
}

ul.side-filters li a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 9px 8px 9px 40px;
    margin: 0;
    box-sizing: border-box;
    color: #999;
    background: #f3f3f3;
    transition: none;
    border-radius: 4px;
}

ul.side-filters li a:hover {
    background: #eee;
    color: #000;
}

ul.side-filters li a .icon {
    position: absolute;
    top: 11px;
    left: 11px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}

ul.side-filters li.active a {
    background-color: #e3e3e3;
    color: #000;
}

ul.side-filters li.active a .caption {
    font-weight: 500;
}


/* Toolbar */

.toolbar {
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    z-index: 50;
    color: #fff;
    background: #000;
    border-bottom: 1px solid #000;
}

.toolbar .wrapper {
    padding: 0;
}

.toolbar .pane-1 {
    float: left;
}

.toolbar .pane-2 {
    float: right;
}

.toolbar .searchbox {
    width: 256px;
    padding: 12px 8px;
}

.toolbar .searchbox input {
    background-color: #333;
    border: 1px solid #333;
    color: #bbb;
    min-height: 34px;
    font-size: 14px;
    line-height: 34px;
    padding: 0 0 0 34px;
    background-position: top left;
}

.toolbar .searchbox .icon {
    color: #bbb;
}

.toolbar .searchbox input:focus {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}

.toolbar ul.menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.toolbar ul.menu li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.toolbar ul.menu li a {
    height: 32px;
    padding: 12px 12px 12px 12px;
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #bbb;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.toolbar ul.menu li a:hover {
    color: #fff;
    background: #000;
}

.toolbar ul.menu li a span {
    float: left;
    padding: 0 6px;
}

.toolbar ul.menu li a .sm {
    font-size: 12px;
    line-height: 34px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.toolbar ul.menu li.right {
    float: right;
}

.toolbar ul.menu li a .active-icon {
    display: none;
}

.toolbar ul.menu li a .inactive-icon {
    display: block;
}

.toolbar ul.menu li.active a {
    color: #fff;
    background: #007aff;
}

.toolbar ul.menu li.active a .active-icon {
    display: block;
}

.toolbar ul.menu li.active a .inactive-icon {
    display: none;
}

.toolbar ul.menu li a .icon {
    margin-top: 8px;
    float: left;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.toolbar ul.menu li a .mini-icon {
    margin-top: 8px;
    float: left;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.toolbar ul.menu li a .arrow-icon {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.toolbar ul.menu li.selected a .arrow-icon {
    transform: rotate(180deg);
}

.toolbar ul.menu li.selected a {
    background: #222;
}

.toolbar ul.menu li.selected ul {
    display: block;
}

.toolbar ul.menu li ul {
    position: absolute;
    display: none;
    overflow-x: none;
    overflow-y: scroll;
    width: 240px;
    max-height: 320px;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    border-top: 1px solid #222;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.toolbar ul.menu li.right ul {
    margin-left: -184px;
}

.toolbar ul.menu li ul li {
    float: none;
}

.toolbar ul.menu li ul li a {
    height: 24px;
    padding: 8px 12px 8px 12px;
    display: block;
    background: #222;
    border-top: 1px solid #222;
    font-size: 14px;
    line-height: 24px;
}

.toolbar ul.menu li.selected ul li a {
    background: #222;
}

.toolbar ul.menu li.selected ul li a:hover {
    background: #111;
    border-top: 1px solid #111;
}

.toolbar ul.menu li ul li.first-subnav-section-item a {
    border-top: 1px solid #000;
}

.toolbar ul.menu li ul li.last-subnav-item a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.toolbar ul.menu li ul li a .icon {
    margin-top: 4px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.toolbar ul.menu li ul li a span {
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbar ul.menu li ul li a .notifications-count {
    position: relative;
    float: right;
    text-align: right;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 6px;
    background: none;
    color: inherit;
    font-size: 14px;
    line-height: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toolbar ul.menu li.selected a .active-icon {
    display: block;
}

.toolbar ul.menu li.selected a .inactive-icon {
    display: none;
}

.toolbar ul.menu li.selected a {
    color: #fff;
}

.toolbar ul.menu li.selected ul li a .active-icon {
    display: none;
}

.toolbar ul.menu li.selected ul li a .inactive-icon {
    display: block;
}

.toolbar ul.menu li.selected ul li a {
    color: #bbb;
}

.toolbar ul.menu li.selected ul li a:hover {
    color: #fff;
}

.toolbar ul.menu li.selected ul li a:active {
    color: #fff;
}

.toolbar ul.menu li.active ul li a .active-icon {
    display: none;
}

.toolbar ul.menu li.active ul li a .inactive-icon {
    display: block;
}

.toolbar ul.menu li.active ul li a {
    color: inherit;
}

.toolbar ul.menu li ul li.active a {
    color: #fff;
    background: #007aff;
    border-top: 1px solid #007aff;
}

.toolbar ul.menu li ul li.active a:hover {
    color: #fff;
    background: #007aff;
    border-top: 1px solid #007aff;
}

.toolbar ul.menu li ul li.active a .active-icon {
    display: block;
}

.toolbar ul.menu li ul li.active a .inactive-icon {
    display: none;
}

.toolbar ul.menu li ul li.subtitle {
    height: 16px;
    padding: 8px 12px;
    display: block;
    background: #222;
    color: #999;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.toolbar ul.menu li ul li.label {
    height: 16px;
    padding: 8px 12px 4px 12px;
    display: block;
    background: #222;
    color: #999;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.toolbar ul.menu li ul li.field {
    height: auto;
    padding: 6px 12px 6px 12px;
    display: block;
    background: #222;
    font-size: 14px;
    line-height: 24px;
}

.toolbar ul.menu li ul li.field .searchbox {
    width: auto;
    padding: 4px 0 0 0;
}

.toolbar ul.menu li ul li.field .searchbox input.search {}

.toolbar ul.menu li ul li.button {
    height: auto;
    padding: 12px 12px 12px 12px;
    display: block;
    background: #222;
}

.toolbar ul.menu li ul li.button a.button {
    height: auto;
    min-height: 34px!important;
    padding: 8px 8px;
    line-height: 16px;
    background: #007aff;
    border: 1px solid #fff;
    color: #fff;
}

.toolbar ul.menu li ul li.button a.button:hover {
    background: #0066d5;
    border: 1px solid #fff;
    color: #fff;
}

.toolbar ul.menu li ul li.button a.button:active {
    background: #0066d5;
    border: 1px solid #fff;
    color: #fff;
}

.toolbar ul.menu li ul li.button a.button .icon {
    display: inline;
    float: none;
    padding: 0;
    font-size: 16px;
    line-height: normal;
}

.toolbar ul.menu li ul li.button a.button-disabled {
    background: none!important;
    border: 1px solid #6f7883!important;
    color: #6f7883!important;
    cursor: default;
}

.toolbar ul.tabs {
    padding: 12px 12px;
}

.toolbar ul.tabs li a {
    width: auto;
    background: #000;
    border-color: #fff;
    color: #bbb;
}

.toolbar ul.tabs li a:hover {
    background: #000;
    border-color: #fff;
    color: #fff;
}

.toolbar ul.tabs li a:active {
    background: #000;
    border-color: #fff;
    color: #fff;
}

.toolbar ul.tabs li a .muted {
    color: #54565b;
}

.toolbar ul.tabs li a .highlighted {
    color: #4bd963;
}

.toolbar ul.tabs li.active a {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.toolbar ul.tabs li.active a .muted {
    color: #bbb;
}

.toolbar ul.steps {
    padding: 10px 10px;
}

.toolbar ul.steps li a {
    width: auto;
    background: #000;
    border-color: #54565b;
    color: #bbb;
}

.toolbar ul.steps li a:hover {
    background: #000;
    border-color: #fff;
    color: #fff;
}

.toolbar ul.steps li a:active {
    background: #000;
    border-color: #fff;
    color: #fff;
}

.toolbar ul.steps li a .muted {
    color: #54565b;
}

.toolbar ul.steps li a .highlighted {
    color: #4bd963;
}

.toolbar ul.steps li.active a {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.toolbar ul.steps li.active a .muted {
    color: #bbb;
}

.toolbar ul.steps li.sep {
    border-color: #54565b;
}

.toolbar ul.buttons {
    padding: 11px 6px;
}

.toolbar ul.buttons li a.button {
    position: relative;
    background: #000;
    border: 1px solid #000;
    color: #ccc;
}

.toolbar ul.buttons li a.button:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.toolbar ul.buttons li a.button:active {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

.toolbar ul.buttons li a.button-disabled {
    background: #000!important;
    border: 1px solid #000!important;
    color: #666!important;
    cursor: default;
}

.toolbar ul.buttons li.call-to-action a.button {
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
}

.toolbar ul.buttons li.call-to-action a.button:hover {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

.toolbar ul.buttons li.call-to-action a.button:active {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

.toolbar ul.buttons li.call-to-action a.button img.loading {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
}

.toolbar ul.buttons li.call-to-action a.idle-save {
    background: #007aff!important;
    border: 1px solid #007aff!important;
    color: #007aff!important;
    cursor: default!important;
}

.toolbar-offset {
    height: 56px;
}


/* Boxless bar */

.boxless-bar {
    padding: 8px 0;
}

.boxless-bar a.boxless-button {
    min-width: 36px;
    min-height: 36px;
    padding: 8px 12px;
    line-height: 20px;
}


/* Title Bar */

.title-bar {
    position: fixed;
    display: block;
    margin: 0;
    padding: 0;
    top: 57px;
    left: 0;
    z-index: 30;
    width: 100%;
    height: 56px;
    background: #000;
    border-bottom: 1px solid #000;
}

.title-bar a.title {
    position: relative;
    display: block;
    height: 57px;
    padding: 16px 16px 16px 16px;
    margin: 0;
    box-sizing: border-box;
    color: #f3f3f3;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.title-bar a.title:hover {
    color: #fff;
}

.title-bar a.title .icon {
    vertical-align: middle;
}

.title-bar a.title .mini-icon {
    display: inline;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.title-bar a.title .muted {
    color: #54565b;
}

.title-bar a.title .highlighted {
    color: #4bd963;
}

.title-bar a.left-icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    padding: 18px 16px 16px 16px;
    margin: 0;
    box-sizing: border-box;
    color: #f3f3f3;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.title-bar a.right-icon {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    padding: 18px 16px 16px 16px;
    margin: 0;
    box-sizing: border-box;
    color: #f3f3f3;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.title-bar a.left-icon.disabled,
.title-bar a.right-icon.disabled {
    color: #999!important;
    cursor: default;
}

.title-bar a.left-icon img.loading,
.title-bar a.right-icon img.loading {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 20px;
    height: 20px;
}

.title-bar a.left-link {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: 56px;
    padding: 18px 16px 16px 16px;
    margin: 0;
    box-sizing: border-box;
    color: #f3f3f3;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.title-bar a.right-link {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: auto;
    height: 56px;
    padding: 18px 16px 16px 16px;
    margin: 0;
    box-sizing: border-box;
    color: #f3f3f3;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: right;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.title-bar a.left-link:hover,
.title-bar a.right-link:hover,
.title-bar a:hover .icon {
    color: #fff;
}

.title-bar a.left-link.disabled:hover,
.title-bar a.right-link.disabled:hover,
.title-bar a.disabled:hover .icon {
    color: #999;
}

.title-bar a.idle-save .icon,
.title-bar a.idle-save:hover .icon {
    color: #000;
}

.title-bar-offset {
    height: 56px;
}

.title-bar a.right-icon-2 {
    right: 56px;
}


/* Tabbed Header */

.tabbed-header-container {
    background: #f3f3f3;
}

.tabbed-header {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tabbed-header .body {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 24px 16px;
    box-sizing: border-box;
}

.tabbed-header .body h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #000;
}

.tabbed-header .body h1 a {
    color: #000;
}

.tabbed-header .body h1 a:hover {
    color: #000;
}

.tabbed-header .body p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    text-align: center;
    color: #666;
}

.tabbed-header .body p a {
    color: #666;
}

.tabbed-header .body p a:hover {
    color: #000;
}

.tabbed-header .body .action {
    padding-top: 16px;
    text-align: center;
}

.tabbed-header .body .action a.button {
    display: inline-block;
    margin: 0 auto;
}

.tabbed-header .tabs {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #f3f3f3;
}

.tabbed-header .tabs ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.tabbed-header .tabs ul li {
    display: block;
    width: 25%;
    margin: 0;
    padding: 0;
    float: left;
}

.tabbed-header .tabs ul li a {
    display: block;
    padding: 16px 16px;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #999;
    background: #fff;
    transition: none;
}

.tabbed-header .tabs ul li a:hover {
    color: #000;
    background: #fcfcfc;
}

.tabbed-header .tabs ul li a .icon {
    display: inline;
    margin: 0 8px 0 0;
    font-size: 14px;
    vertical-align: middle;
}

.tabbed-header .tabs ul li a .number {
    font-weight: 300;
    margin: 0 8px 0 0;
}

.tabbed-header .tabs ul li a .title {
    font-weight: 500;
}

.tabbed-header .tabs ul li.first a {
    border-bottom-left-radius: 4px;
}

.tabbed-header .tabs ul li.last a {
    border-bottom-right-radius: 4px;
}

.tabbed-header .tabs ul li.active a {
    color: #007aff;
}

.tabbed-header .tabs ul li.active a:hover {
    color: #0066d5;
}

.tabbed-header .three-tabs ul li {
    width: 33.3%;
}

.tabbed-header .two-tabs ul li {
    width: 50%;
}


/* Feed */

.feed {
    background: #f3f3f3;
    padding: 8px 0;
}

.feed .pane-1 {
    float: left;
    width: 218px;
    margin: 8px 8px 8px 8px;
}

.feed .pane-2 {
    float: left;
    width: 444px;
    margin: 8px 8px 8px 8px;
}

.feed .pane-3 {
    float: right;
    width: 218px;
    margin: 8px 8px 8px 8px;
}

.feed .box {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.feed ul.list {
    display: block;
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
}

.feed ul.list li {
    display: block;
    position: relative;
    margin: 0 0 4px 0;
    padding: 0;
}

.feed ul.list li.title {
    padding: 8px 0;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feed ul.list li.title span {
    padding: 8px 8px;
}

.feed ul.list li.linked-title {
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feed ul.list li.linked-title a {
    position: relative;
    display: block;
    min-height: auto;
    padding: 8px 8px;
    margin: 0;
}

.feed ul.list li.linked-title a .linked-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 16px;
    color: #ccc;
    transition: none;
}

.feed ul.list li.linked-title a:hover .linked-icon {
    color: #999;
}

.feed ul.list li a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 9px 8px 9px 40px;
    margin: 0;
    box-sizing: border-box;
    color: #999;
    background: #f3f3f3;
    transition: none;
    border-radius: 4px;
}

.feed ul.list li a:hover {
    background: #eee;
}

.feed ul.list li a:hover span {
    color: #000;
}

.feed ul.list li a .image {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 300;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.feed ul.list li a .image .icon {
    margin: 3px auto;
}

.feed ul.list li.unboxed a .image {
    background: none;
    border: 1px solid transparent;
}

.feed ul.list li.dashed a .image {
    background: none;
    border: 1px dashed #aaa;
}

.feed ul.list li a .chevron {
    position: absolute;
    top: 14px;
    right: 12px;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

.feed ul.list li a .chevron .icon {
    display: block;
}

.feed ul.list li.person a .avatar {
    position: absolute;
    top: 8px;
    left: 8px;
}

.feed ul.list li.person a {
    min-height: 52px;
    padding: 8px 8px 8px 52px;
}

.feed ul.list li.person .name {
    font-weight: 500;
    color: #666;
}

.feed ul.list li.person .title {
    font-weight: 400;
}

.feed ul.list li.person .status {
    color: #aaa;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feed ul.list li.muted a {
    color: #aaa;
}

.feed ul.list li.muted .name {
    color: #aaa;
}

.feed ul.list li.text a {
    padding: 9px 8px;
}

ul.list li.more,
.feed ul.list li.more {
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

ul.list li.more a,
.feed ul.list li.more a {
    position: relative;
    display: block;
    min-height: auto;
    padding: 8px 8px;
    margin: 0;
    background: #eee;
}

ul.list li.more a:hover,
.feed ul.list li.more a:hover {
    background: #e3e3e3;
}

ul.list li.more a .loading,
.feed ul.list li.more a .loading {
    position: absolute;
    display: none;
    top: 8px;
    right: 8px;
    width: 16px;
}

.feed ul.list li.badge a .image {
    width: 36px;
    height: 36px;
}

.feed ul.list li.badge a {
    min-height: 52px;
    padding: 8px 8px 8px 52px;
}

.feed ul.list li.badge .md {
    font-weight: 500;
    color: #666;
}

.feed ul.list li.badge .sm {
    font-weight: 400;
}

.feed ul.list li.badge .xs {
    color: #aaa;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feed ul.list li.active a {
    background-color: #e3e3e3;
}

.feed ul.list li.active a span {
    color: #000;
    font-weight: 500;
}

.feed ul.list li ul {
    display: block;
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
}

.feed ul.list li ul li {
    margin: 0 0 4px 0;
}

.feed ul.list li ul li a {
    min-height: auto;
    padding: 8px 8px 8px 56px;
    margin: 0;
    box-sizing: border-box;
}

.feed ul.list li ul li a .icon {
    position: absolute;
    top: 8px;
    left: 40px;
    text-align: center;
    vertical-align: middle;
}

.feed ul.list li ul li a:hover {
    background: #eee;
}

.feed ul.list li ul li a:hover span {
    color: #000;
}

.feed ul.list li.active ul li a {
    background-color: transparent;
}

.feed ul.list li.active ul li a span {
    color: #666;
    font-weight: normal;
}

.feed ul.list li.active ul li a:hover {
    background: #eee;
}

.feed ul.list li.active ul li a:hover span {
    color: #666;
}

.feed ul.grid {
    display: block;
    list-style: none;
    margin: 0 6px 30px 6px;
    padding: 0;
}

.feed ul.grid li {
    display: block;
    position: relative;
    float: left;
    margin: 2px 3px 3px 2px;
    padding: 0;
}

.feed ul.grid li.title {
    width: 100%;
    box-sizing: border-box;
    margin: 4px 2px 8px 2px;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feed ul.grid li a {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.feed ul.grid li a .avatar {
    opacity: 1.0;
    transition: none;
}

.feed ul.grid li a:hover .avatar {
    opacity: 0.8;
}

.feed .compose {
    position: relative;
    margin: 0 0 8px 0;
    overflow: hidden;
    border-radius: 4px;
}

.feed .compose .avatar {
    position: absolute;
    margin: 16px;
}

.feed .compose textarea {
    padding: 22px 16px 16px 64px;
    height: 68px;
    line-height: 1.5em;
    resize: none;
    transition: none;
}

.feed .compose input[type=file].attach + label {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 16px;
    right: 16px;
    padding: 8px 0;
    z-index: 20;
    background-color: #fff;
    border: 1px solid #fff;
    color: #aaa;
    border-radius: 50%;
}

.feed .compose input[type=file].attach + label .icon {
    color: #999;
    font-size: 20px;
}

.feed .compose input[type=file].attach + label:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
}

.feed .compose input[type=file].attach + label:hover .icon {
    color: #000;
}

.feed .compose .compose-attachments {
    display: none;
    padding: 8px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.feed .compose .compose-attachments ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.feed .compose .compose-attachments ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px;
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.feed .compose .compose-attachments ul li .attachment {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.feed .compose .compose-attachments ul li .attachment:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #54565b;
}

.feed .compose .compose-attachments ul li .delete,
.feed ul.posts li .attachments ul li .delete,
.comments-feed ul.comments-posts > li .attachments ul li .delete {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 10;
    color: #999;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    transition: none;
}

.feed .compose .compose-attachments ul li .delete:hover,
.feed ul.posts li .attachments ul li .delete:hover,
.comments-feed ul.comments-posts > li .attachments ul li .delete:hover {
    color: #ff3b30;
}

.feed .compose .compose-attachments ul li .img {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 88.5px;
}

.feed .compose .compose-attachments ul li .img img {
    align-self: center;
}

.feed .compose .compose-attachments ul li .img canvas {
    width: 88.5px;
    height: 88.5px;
    align-self: center;
}

.feed .compose .compose-attachments ul li .progress {
    position: relative;
    width: 100%;
    height: 2px;
    background: #e3e3e3;
    overflow: hidden;
}

.feed .compose .compose-attachments ul li .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #007aff;
    transition: none;
}

.feed .compose .compose-attachments ul li .red {
    background: #ff3b30;
}

.feed .compose .compose-attachments ul li .name {
    margin: 4px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.feed .compose .compose-link-card,
.feed .compose-comment .compose-link-card {
    position: relative;
    display: none;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.feed .compose .compose-link-card a.link,
.feed .compose-comment .compose-link-card a.link {
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    overflow: hidden;
}

.feed .compose .compose-link-card a.link .image,
.feed .compose-comment .compose-link-card a.link .image {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f9f9f9;
    border-bottom: 1px solid #f3f3f3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.feed .compose .compose-link-card a.link .text,
.feed .compose-comment .compose-link-card a.link .text {
    margin: 0;
    padding: 12px 16px;
    box-sizing: border-box;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.feed .compose .compose-link-card a.link .text .title,
.feed .compose-comment .compose-link-card a.link .text .title {
    font-weight: 500;
    padding: 2px 0;
    color: #000;
}

.feed .compose .compose-link-card a.link .text .description,
.feed .compose-comment .compose-link-card a.link .text .description {
    font-weight: normal;
    padding: 2px 0;
    color: #666;
}

.feed .compose .compose-link-card a.link .text .source,
.feed .compose-comment .compose-link-card a.link .text .source {
    font-size: 10px;
    padding: 2px 0;
    color: #aaa;
    text-transform: uppercase;
}

.feed .compose .compose-link-card a.link:hover,
.feed .compose-comment .compose-link-card a.link:hover  {
    border: 1px solid #e3e3e3;
}

.feed .compose .compose-link-card a.link .image,
.feed .compose-comment .compose-link-card a.link .image {
    opacity: 1;
    transition: none;
}

.feed .compose .compose-link-card a.link:hover .image,
.feed .compose-comment .compose-link-card a.link:hover .image {
    opacity: 0.8;
}

.feed .compose .compose-link-card a.link .loading,
.feed .compose-comment .compose-link-card a.link .loading {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
}

.feed .compose .compose-link-card a.link .loading img,
.feed .compose-comment .compose-link-card a.link .loading img {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.feed .compose .compose-link-card a.delete,
.feed .compose-comment .compose-link-card a.delete,
.feed ul.posts li .link-card a.delete,
.feed ul.comments-posts li .link-card a.delete {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    z-index: 10;
    color: #999;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    transition: none;
}

.feed .compose .compose-link-card a.delete:hover,
.feed .compose-comment .compose-link-card a.delete:hover,
.feed ul.posts li .link-card a.delete:hover,
.feed ul.comments-posts li .link-card a.delete:hover {
    color: #ff3b30;
}

.feed .compose .compose-footer {
    display: none;
    padding: 8px 8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top: 0px solid #f3f3f3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.feed .compose .compose-footer a.action-icon {
    float: left;
    margin: 0 8px;
    width: 36px;
    height: 36px;
    padding: 6px 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #fff;
    color: #aaa;
    border-radius: 50%;
}

.feed .compose .compose-footer a.action-icon .icon {
    color: #999;
    font-size: 20px;
    text-align: center;
}

.feed .compose .compose-footer a.action-icon:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
}

.feed .compose .compose-footer a.action-icon:hover .icon {
    color: #000;
}

.feed .compose .compose-footer a.submit {
    position: relative;
    float: right;
    width: 72px;
}

.feed .compose .compose-footer a.submit img.loading {
    position: absolute;
    display: none;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
}

.feed .compose .compose-footer a.submit.loading {
    color: transparent;
}

.feed .compose .compose-footer a.submit.loading img.loading {
    display: block;
}

.feed .compose .compose-footer select {
    float: right;
    width: auto;
    min-width: 34px;
    min-height: 34px;
    padding: 8px 32px 8px 12px;
    margin: 0 8px 0 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    background-position: top 0px right 0px;
}

.feed .compose .compose-footer select:hover {
    background-color: #fcfcfc;
    border: 1px solid #bbb;
    color: #000;
}

.feed .compose .compose-prompt {
    display: none;
}

.feed .compose .compose-prompt .error {
    position: relative;
    padding: 8px 8px 8px 32px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    color: #ff3b30;
    background: #fff;
}

.feed .compose .compose-prompt .error .icon-warning {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px;
}

.feed .compose-expanded {}

.feed .compose-expanded textarea {
    height: 104px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.feed .compose-expanded input[type=file].attach + label {
    top: auto;
    left: 10px;
    bottom: 10px;
}

.feed .compose-expanded .compose-prompt {
    display: block;
}

.feed .compose-expanded .compose-footer {
    display: block;
}

.compose-blocked {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 14px 14px;
    background: rgba(255,255,255,.75);
    z-index: 50;
    text-align: center;
}

.feed ul.posts {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.feed ul.posts li {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
    overflow: hidden;
}

.feed ul.posts li a {
    color: #000;
    font-weight: 500;
}

.feed ul.posts li a:hover {
    color: #007aff;
}

.feed ul.posts li .type {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px 16px;
    border-bottom: 1px solid #f3f3f3;
    color: #aaa;
}

.feed ul.posts li .type.type-lg {
    padding: 12px 16px;
}

.feed ul.posts li .type .icon {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}

.feed ul.posts li .type.type-lg .icon {
    top: 4px;
    right: 4px;
}

.feed ul.posts li .type .caption {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feed ul.posts li .type .caption.heading {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: #333;
}

.feed ul.posts li .author {
    position: relative;
    padding: 8px 8px;
}

.feed ul.posts li .author .image {
    display: block;
    position: absolute;
    width: 36px;
    padding: 8px 8px;
}

.feed ul.posts li .author a .avatar {
    opacity: 1.0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.feed ul.posts li .author a:hover .avatar {
    opacity: 0.8;
}

.feed ul.posts li .author .text {
    display: block;
    width: auto;
    padding: 6px 4px 6px 58px;
}

.feed ul.posts li .author .text .sample-loading {
    height: 14px;
    margin: 2px 0 6px 0;
}

.feed ul.posts li .author .text .title {
    display: block;
    margin: 0;
}

.feed ul.posts li .author .text .title a {
    color: #000;
    font-weight: 500;
}

.feed ul.posts li .author .text .title a:hover {
    color: #007aff;
}

.feed ul.posts li .author .text .title .sample-loading {
    width: 160px;
}

.feed ul.posts li .author .text .source {
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
}

.feed ul.posts li .author .text .source a {
    color: #999;
    font-weight: 400;
}

.feed ul.posts li .author .text .source a:hover {
    color: #000;
}

.feed ul.posts li .author .text .source .icon {
    vertical-align: middle;
}

.feed ul.posts li .author .text .source .sample-loading {
    width: 80px;
    height: 12px;
}

.feed ul.posts li .content {
    position: relative;
    margin: 0 16px 8px 16px;
    color: #54565b;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feed ul.posts li .content .sample-loading {
    height: 12px;
    margin: 2px 0 6px 0;
}

.feed ul.posts li .stats {
    display: block;
    margin: 0;
    padding: 0 16px 12px 16px;
    font-size: 12px;
    line-height: 1.5em;
}

.feed ul.posts li .stats a {
    color: #999;
    font-weight: 400;
}

.feed ul.posts li .stats a:hover {
    color: #000;
}

.feed ul.posts li .stats .stats-pane-1 {
    width: 50%;
    float: left;
    text-align: left;
}

.feed ul.posts li .stats .stats-pane-2 {
    width: 50%;
    float: right;
    text-align: right;
}

.feed ul.posts li ul.actions {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #f3f3f3;
}

.feed ul.posts li ul.actions li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    box-sizing: border-box;
    background: none;
    border: none;
    color: #aaa;
}

.feed ul.posts li ul.actions li.right {
    float: right;
}

.feed ul.posts li ul.actions li.full {
    float: none;
}

.feed ul.posts li ul.actions li a {
    display: block;
    height: 36px;
    padding: 8px 8px;
    box-sizing: border-box;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

.feed ul.posts li ul.actions li a:hover {
    color: #000;
    background: #fcfcfc;
}

.feed ul.posts li ul.actions li a .icon {
    display: block;
    float: left;
    margin: 1px 4px;
    font-size: 16px;
    vertical-align: middle;
}

.feed ul.posts li ul.actions li a span {
    display: block;
    float: left;
    margin: 4px 0;
}

.feed ul.posts li ul.actions li.first a {
    border-bottom-left-radius: 4px;
}

.feed ul.posts li ul.actions li.last a {
    border-bottom-right-radius: 4px;
}

.feed ul.posts li ul.actions li.full a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.feed ul.posts li ul.actions li.active a {
    color: #007aff;
}

.feed ul.posts li ul.actions li.liked a {
    color: #ff3b30;
}

.feed ul.posts li ul.actions li.reported a {
    color: #ff3b30;
}

.feed ul.posts li .link-card,
.feed ul.comments-posts li .link-card {
    display: block;
    position: relative;
    margin: 12px 16px;
    padding: 0;
}

.feed ul.comments-posts li .link-card {
    margin: 12px 0;
}

.feed ul.posts li .link-card a,
.feed ul.comments-posts li .link-card a {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    overflow: hidden;
}

.feed ul.posts li .link-card a .image,
.feed ul.comments-posts li .link-card a .image {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f9f9f9;
    border-bottom: 1px solid #f3f3f3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.feed ul.posts li .link-card a .text,
.feed ul.comments-posts li .link-card a .text {
    margin: 0;
    padding: 12px 16px;
    box-sizing: border-box;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.feed ul.posts li .link-card a .text .title,
.feed ul.comments-posts li .link-card a .text .title {
    font-weight: 500;
    padding: 2px 0;
    color: #000;
}

.feed ul.posts li .link-card a .text .description,
.feed ul.comments-posts li .link-card a .text .description {
    font-weight: normal;
    padding: 2px 0;
    color: #666;
}

.feed ul.posts li .link-card a .text .source,
.feed ul.comments-posts li .link-card a .text .source {
    font-size: 10px;
    padding: 2px 0;
    color: #aaa;
    text-transform: uppercase;
}

.feed ul.posts li .link-card a:hover,
.feed ul.comments-posts li .link-card a:hover {
    border: 1px solid #e3e3e3;
}

.feed ul.posts li .link-card a .image,
.feed ul.comments-posts li .link-card a .image {
    opacity: 1;
    transition: none;
}

.feed ul.posts li .link-card a:hover .image,
.feed ul.comments-posts li .link-card a:hover .image {
    opacity: 0.8;
}

.feed ul.posts li .attachments {
    display: block;
    padding: 0 8px 8px 8px;
    box-sizing: border-box;
}

.feed ul.posts li .attachments ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.feed ul.posts li .attachments ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px;
    width: 25%;
    float: left;
    box-sizing: border-box;
    border: none;
}

.feed ul.posts li .attachments ul li .attachment {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.feed ul.posts li .attachments ul li .attachment:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #54565b;
}

.feed ul.posts li .attachments ul li .img {
    display: block;
    height: 88.5px;
    background-image: url(../images/file-preview-default.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.feed ul.posts li .attachments ul li .name {
    margin: 4px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.feed ul.posts li .images {
    display: block;
    padding: 0 8px 8px 8px;
    box-sizing: border-box;
}

.feed ul.posts li .images ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.feed ul.posts li .images ul li {
    display: block;
    margin: 0;
    padding: 8px;
    width: 25%;
    float: left;
    box-sizing: border-box;
    border: none;
}

.feed ul.posts li .images ul li .image {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: none;
}

.feed ul.posts li .images ul li .image:hover {
    opacity: 0.75;
}

.feed ul.posts li .images ul li .img {
    display: block;
    height: 88.5px;
    background-image: url(../images/file-preview-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

feed ul.posts li .images ul li.wide {
    width: 100%;
}

feed ul.posts li .images ul li.half {
    width: 50%;
}

.feed ul.posts li.simple .content,
.feed ul.posts li.suggestion .content {
    margin-bottom: 16px!important;
}

.feed ul.posts li.simple .type,
.feed ul.posts li.suggestion .type,
.feed ul.posts li.simple .actions,
.feed ul.posts li.suggestion .actions {
    background: #fcfcfc;
}

.feed ul.posts li.simple ul.actions li.full a,
.feed ul.posts li.suggestion ul.actions li.full a {
    height: 38px;
    line-height: 14px;
    color: #666;
}

.feed ul.posts li.simple ul.actions li.full a:hover,
.feed ul.posts li.suggestion ul.actions li.full a:hover {
    color: #000;
    background: #f9f9f9;
}

.feed ul.posts li.simple ul.actions li.full a .icon,
.feed ul.posts li.suggestion ul.actions li.full a .icon {
    float: right;
    margin: 2px 2px;
}

.feed ul.posts li.simple ul.actions li.full a span,
.feed ul.posts li.suggestion ul.actions li.full a span {
    margin: 4px 8px;
}

.feed ul.posts li.notification {
    position: relative;
    display: block;
    background: none;
    border: none;
    border-radius: none;
}

.feed ul.posts li.notification a {
    display: block;
    padding: 12px 12px 12px 12px;
    border-radius: 4px;
    transition: none;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #999;
    font-weight: normal;
}

.feed ul.posts li.notification a:hover {
    border: 1px solid #ccc;
    color: #000;
}

.feed ul.posts li.notification a span {
    padding: 0;
    float: none;
}

.feed ul.posts li.notification a .avatar {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 16px;
    left: 16px;
    border-width: 0px;
    box-shadow: none;
}

.feed ul.posts li.notification a .square {
    border-radius: 4px!important;
}

.feed ul.posts li.notification a .text {
    padding: 0 0 0 52px;
}

.feed ul.posts li.notification a .source {
    font-size: 12px;
    line-height: 1.5em;
}

.feed ul.posts li.notification a .name {
    padding: 0 0 0 52px;
}

.feed ul.posts li.notification a .date {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 72px;
    padding: 0;
    font-size: 12px;
    text-align: right;
}

.feed ul.posts li.notification a .message {
    padding: 0 0 0 52px;
}

.feed ul.posts li.notification a .message .icon {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 12px;
}

.feed ul.posts li.read a {
    background: none;
}

.feed ul.posts a.post-delete:hover .icon {
    color: #ff3b30;
}

.feed ul.posts a.post-delete img.loading {
    width: 20px;
    height: 20px;
}

.feed ul.posts a.undo-delete {
    display: block;
    text-align: center;
    padding: 8px 8px;
}

.feed ul.posts a.undo-delete .icon {
    vertical-align: middle;
}

.feed ul.posts a.undo-delete img.loading {
    display: inline;
    width: 20px;
    height: 20px;
}

.feed ul.posts li a.attachment-card {
    position: relative;
    display: block;
    padding: 12px 12px 12px 12px;
    color: #999;
    background: #fff;
    font-weight: normal;
    transition: none;
}

.feed ul.posts li a.attachment-card:hover {
    color: #666;
    background: #fcfcfc;
}

.feed ul.posts li a.attachment-card > .file {
    float: left;
    margin: 0 12px 0 0;
    width: 64px;
    height: 64px;
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 4px;
}

.feed ul.posts li a.attachment-card > .file > i {
    display: block;
    margin: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    font-size: 32px;
    line-height: 64px;
}

.feed ul.posts li a.attachment-card > .image {
    float: left;
    margin: 0 12px 0 0;
    width: 64px;
    height: 64px;
    background-image: url(../images/link-sample.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
    transition: none;
}

.feed ul.posts li a.attachment-card:hover > .image {
    opacity: .8;
}

.feed ul.posts li a.attachment-card > .cover {
    float: left;
    margin: -12px 12px -12px -12px;
    width: 176px;
    height: 88px;
    border-right: 1px solid #f3f3f3;
    background-image: url(../images/link-sample.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: none;
}

.feed ul.posts li a.attachment-card:hover > .cover {
    opacity: .8;
}

.feed ul.posts li a.attachment-card .md {
    font-weight: 500;
    color: #666;
    transition: none;
}

.feed ul.posts li a.attachment-card:hover .md {
    color: #000;
}

.feed ul.posts li a.attachment-card .sm {
    font-weight: 400;
}

.feed ul.posts li a.attachment-card .xs {
    color: #aaa;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: none;
}

.feed ul.posts li a.attachment-card:hover .xs {
    color: #999;
}

.feed ul.posts li .edit-mode .content[contenteditable] {
    position: relative;
    display: block;
    margin: -4px 12px 4px 12px;
    padding: 4px 4px;
    border: 0;
    outline: 0;
    border-radius: 4px;
    color: #000;
    background-color: #f9f9f9;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
}

.feed ul.posts li .edit-mode .content[contenteditable]:empty::before {
    content: attr(placeholder);
    color: #999;
    cursor: text;
    border-bottom: 1px dashed #ccc;
}

.feed ul.posts li .edit-mode .link-card {
    margin: 8px 16px 12px 16px;
}

.feed ul.posts li .edit-mode .author {
    opacity: .5;
}
.feed ul.posts li .edit-mode .stats,
.feed ul.posts li .edit-mode .actions li {
    opacity: .25;
}
.feed ul.posts li .edit-mode .actions li.save,
.feed ul.posts li .edit-mode .actions li.cancel {
    opacity: 1;
}
.feed ul.posts li .edit-mode .actions li.save a {
    color: #007aff;
}
.feed ul.posts li .edit-mode .actions li.save a:hover {
    color: #0066d5;
}

.feed .card {}

.feed .card .image {
    height: 122px;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f3f3;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.feed .card .logo {
    background-color: #fff;
}

.feed .card .text {
    padding: 12px 12px;
}

.feed .card .text a {
    color: #000;
}

.feed .card .text a:hover {
    color: #007aff;
}

.feed .card .text .title {
    font-weight: 500;
}

.feed .search {
    margin: 0 0 16px 0;
}

.feed .search .image {
    height: 88px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    border-bottom: 0px solid #e3e3e3;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.feed .search .logo {
    background-color: #fff;
}

.feed .search a.badge {
    position: relative;
    display: block;
    padding: 16px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background: #f9f9f9;
    color: #666;
    border-radius: 4px;
    text-align: center;
    transition: none;
}

.feed .search a.badge:hover {
    background: #fff;
    color: #000;
}

.feed .search a.badge:active {
    background: #fff;
}

.feed .search a.badge > .title {
    margin-top: 8px;
}

.feed .search a.badge .avatar {
    display: inline-block;
    border: 1px solid #e3e3e3;
}

.feed .search input[type=search] {
    min-height: 34px;
    font-size: 14px;
    line-height: 34px;
    padding: 0 0 0 32px;
    background-position: top left;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.feed .sidebar-badge {
    margin: 0 0 16px 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    overflow: hidden;
}

.feed .sidebar-badge a.badge {
    position: relative;
    display: block;
    padding: 12px;
    box-sizing: border-box;
    background: #f9f9f9;
    color: #666;
    text-align: center;
    transition: none;
    border-bottom: 1px solid #eee;
}

.feed .sidebar-badge a.badge:hover {
    background: #fff;
    color: #000;
}

.feed .sidebar-badge a.badge:active {
    background: #fff;
}

.feed .sidebar-badge a.badge > .title {
    margin: 4px;
}

.feed .sidebar-badge a.badge .icon {
    vertical-align: middle;
}

.feed .sidebar-badge a.badge .avatar {
    margin: 4px;
    display: inline-block;
    border: 1px solid #e3e3e3;
}

.feed .sidebar-badge a.badge:last-child {
    border-bottom: none;
}

.feed .startup-summary {}

.feed .startup-summary ul {
    display: block;
    list-style: none;
    margin: 0 0 16px 0;
    padding: 12px 0;
    background: #eee;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.feed .startup-summary ul li {
    display: block;
    margin: 0;
    padding: 0;
    padding: 4px 8px;
    color: #666;
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
    text-align: center;
}

.feed .startup-summary ul li .value {
    color: #000;
    font-weight: 500;
}

.empty-feed {
    display: none;
    padding: 16px;
}

.empty-feed > .image {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.empty-feed > .title {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
    text-align: center;
    color: #000;
}

.empty-feed > .subtitle {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
}

.empty-feed > .action {
    margin: 16px auto;
    text-align: center;
}

.empty-feed > .action > a.button {
    display: inline-block;
}

.feed .feed-card {
    position: relative;
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
}

.feed .feed-card a.close-feed-card {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    background: transparent;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
}

.feed .feed-card a.close-feed-card:hover {
    color: #ff3b30;
    background: #f9f9f9;
}

.feed .feed-card a.close-feed-card:active {
    color: #fff;
    background: #ff3b30;
}

.feed .feed-card h1,
.feed .feed-card h2,
.feed .feed-card h3,
.feed .feed-card h4,
.feed .feed-card h5,
.feed .feed-card h6,
.feed .feed-card p {
    margin-bottom: 8px;
}

.feed .feed-card .header {
    margin: 24px;
    text-align: center;
}

.feed .feed-card .header .avatar {
    display: inline-block;
}

.feed .feed-card .header h1,
.feed .feed-card .header h2,
.feed .feed-card .header h3,
.feed .feed-card .header h4,
.feed .feed-card .header h5,
.feed .feed-card .header h6,
.feed .feed-card .header p {
    text-align: center;
}

.feed .feed-card .body {
    margin: 24px;
}

.feed .feed-card .body p {
    color: #666;
}

.feed .feed-card .footer {
    position: relative;
    margin: 24px;
    text-align: center;
}

.feed .feed-card .progress-summary {
    position: relative;
    height: 56px;
}

.feed .feed-card .progress-summary .progress {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 120px;
    bottom: 24px;
    background: #e3e3e3;
    overflow: hidden;
    border-radius: 4px;
}

.feed .feed-card .progress-summary .bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #007aff;
    transition: none;
}

.feed .feed-card .progress-summary .summary {
    position: absolute;
    top: 16px;
    left: auto;
    right: 24px;
    bottom: 16px;
    width: 120px;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.processing {
    cursor: default;
}


/* Tiles */

ul.tiles {
    position: relative;
    display: block;
    list-style: none;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

ul.tiles > li {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    margin: 0;
    padding: 8px 8px;
    box-sizing: border-box;
}

ul.tiles > li > a {
    position: relative;
    display: block;
    height: 120px;
    color: #666;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    transition: none;
}

ul.tiles.text-only > li > a {
    height: 38px;
}

ul.tiles > li > a > .image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/link-sample.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 2px;
    box-sizing: border-box;
    transition: none;
}

ul.tiles > li > a > .text {
    position: absolute;
    display: block;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    padding: 0 8px;
    background: rgba(255,255,255,.9);
    text-align: center;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    transition: none;
}

ul.tiles.text-only > li > a > .text {
    background: none;
}

ul.tiles > li > a:hover {
    color: #000;
    border: 1px solid #ccc;
}

ul.tiles > li > a:hover > .image {
    -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
    -moz-box-shadow: inset 0px 0px 0px 1px #fff;
    box-shadow: inset 0px 0px 0px 1px #fff;
}

ul.tiles > li > a:hover > .text {
    background: #fff;
}

ul.tiles > li.selected > a {
    color: #007aff;
    border: 1px solid #007aff;
}

ul.tiles > li.selected > a > .image {
    -webkit-box-shadow: inset 0px 0px 0px 2px #fff);
    -moz-box-shadow: inset 0px 0px 0px 2px #fff;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

ul.tiles > li.selected > a > .text {
    background: #fff;
}

a.tiles-load-more {
    display: block;
    margin: 8px 24px;
    height: 36px;
    padding: 0 8px;
    background: #fff;
    font-size: 12px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    background: #f9f9f9;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    transition: none;
}

a.tiles-load-more:hover {
    color: #000;
    background: #f3f3f3;
}

a.tiles-load-more:active {
    background: #e9e9e9;
}

/* Progress Card */

.progress-card {
    position: relative;
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
}

.progress-card a.close-progress-card {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    background: transparent;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
}

.progress-card a.close-progress-card:hover {
    color: #ff3b30;
    background: #f9f9f9;
}

.progress-card a.close-progress-card:active {
    color: #fff;
    background: #ff3b30;
}

.progress-card > .header {
    margin: 16px 16px;
    text-align: center;
}

.progress-card > .header .avatar {
    display: inline-block;
}

.progress-card .progress {
    position: relative;
    margin: 8px 16px;
    height: 8px;
    background: #e3e3e3;
    overflow: hidden;
    border-radius: 4px;
}

.progress-card .bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #007aff;
    transition: none;
}

.progress-card .body {
    margin: 24px;
}

.progress-card .body p {
    color: #666;
}

.progress-card ul.progress-card-tasks {
    position: relative;
    display: block;
    list-style: none;
    margin: 16px 0;
    padding: 0;
}

.progress-card ul.progress-card-tasks li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.progress-card ul.progress-card-tasks li > a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #666;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    transition: none;
}

.progress-card ul.progress-card-tasks li > a:hover,
.progress-card ul.progress-card-tasks li > a:active {
    background: #f9f9f9;
}

.progress-card ul.progress-card-tasks li > a > .checkbox {
    position: absolute;
    top: 10px;
    left: 16px;
    width: 16px;
    height: 16px;
    background: #fff;
    color: #007aff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: none;
    box-sizing: border-box;
}

.progress-card ul.progress-card-tasks li > a:hover > .checkbox,
.progress-card ul.progress-card-tasks li > a:active > .checkbox {
    border: 1px solid #999;
}

.progress-card ul.progress-card-tasks li > a > .checkbox > .icon {
    display: none;
}

.progress-card ul.progress-card-tasks li > a > .text {
    margin: 0 0 0 40px;
    padding: 8px 16px 8px 0;
    border-bottom: 1px solid #f3f3f3
}

.progress-card ul.progress-card-tasks li:last-child > a > .text {
    border-bottom: none;
}

.progress-card ul.progress-card-tasks li > a:hover > .text,
.progress-card ul.progress-card-tasks li > a:active > .text {
    color: #000;
}

.progress-card ul.progress-card-tasks li.done > a > .checkbox {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
}

.progress-card ul.progress-card-tasks li.done > a:hover > .checkbox,
.progress-card ul.progress-card-tasks li.done > a:active > .checkbox {
    border: 1px solid #e3e3e3;
}

.progress-card ul.progress-card-tasks li.done > a > .checkbox > .icon {
    display: block;
}

.progress-card ul.progress-card-tasks li.done > a > .text {
    color: #999;
    text-decoration: line-through;
}

.progress-card ul.progress-card-tasks li.done > a:hover > .text,
.progress-card ul.progress-card-tasks li.done > a:active > .text {
    color: #999;
}

.progress-card .footer {
    margin: 16px;
    text-align: center;
}


/* Side Info Card */

.side-info-card {
    position: relative;
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
}

.side-info-card a.close-side-info-card {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    background: transparent;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
}

.side-info-card a.close-side-info-card:hover {
    color: #ff3b30;
    background: #f9f9f9;
}

.side-info-card a.close-side-info-card:active {
    color: #fff;
    background: #ff3b30;
}

.side-info-card.side-video-card a.close-side-info-card {
    color: #fff;
    border-radius: 0;
}

.side-info-card.side-video-card a.close-side-info-card:hover {
    color: #fff;
    background: rgba(0,0,0,0.2);
}

.side-info-card.side-video-card a.close-side-info-card:active {
    color: #fff;
    background: rgba(0,0,0,0.4);
}

.side-info-card > .header {
    margin: 16px 16px;
}

.side-info-card > .header p {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5em;
    color: #666;
}

.side-info-card .body {
    margin: 16px 16px;
}


/* Mentions */

mentio-menu .list-group.user-search {
    list-style: none;
    margin: 0;
    padding: 0;
    background-clip: padding-box;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 4px;
    outline: 0;
}

mentio-menu .list-group.user-search li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

mentio-menu .list-group.user-search li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

mentio-menu .list-group.user-search .list-group-item {
    position: relative;
    display: block;
    padding: 8px 12px 8px 40px;
    max-width: 80%;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

mentio-menu .list-group.user-search .list-group-item .text-primary {
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
}

mentio-menu .list-group.user-search .list-group-item .text-muted {
    color: rgba(0, 0, 0, .7);
    font-weight: 300;
}

mentio-menu .list-group.user-search .list-group-item .menu-highlighted {
    color: #000;
}

mentio-menu .list-group.user-search .list-group-item.active {
    color: rgba(255, 255, 255, .8);
    background-color: #007aff;
    border-color: #007aff;
}

mentio-menu .list-group.user-search .list-group-item.active .text-primary {
    color: rgba(255, 255, 255, .9);
}

mentio-menu .list-group.user-search .list-group-item.active .text-muted {
    color: rgba(255, 255, 255, .8);
}

mentio-menu .list-group.user-search .list-group-item.active .menu-highlighted {
    color: #fff;
}

mentio-menu .list-group.user-search .user-photo {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

mentio-menu {
    z-index: 1000 !important;
}

.comments-feed {
    padding: 56px 0 72px 0;
    box-sizing: border-box;
}

.comments-feed ul.comments-posts {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.comments-feed ul.comments-posts > li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    color: #999;
}

.comments-feed ul.comments-posts > li a {
    color: #000;
    font-weight: 500;
}

.comments-feed ul.comments-posts > li a:hover {
    color: #007aff;
}

.comments-feed ul.comments-posts > li .author {
    position: absolute;
    padding: 16px 16px;
    z-index: 100;
}

.comments-feed ul.comments-posts > li .author a {
    display: block;
}

.comments-feed ul.comments-posts > li .author a .avatar {
    opacity: 1.0;
    transition: none;
}

.comments-feed ul.comments-posts > li .author a:hover .avatar {
    opacity: 0.8;
}

.comments-feed ul.comments-posts > li .content {
    position: relative;
    padding: 14px 16px 0 68px;
    color: #54565b;
}

.comments-feed ul.comments-posts > li .content .sample-loading {
    height: 12px;
    margin: 2px 0 6px 0;
}

.comments-feed ul.comments-posts > li .content .name a {
    color: #000;
    font-weight: 500;
}

.comments-feed ul.comments-posts > li .content .name a:hover {
    color: #007aff;
}

.comments-feed ul.comments-posts > li .content .name .sample-loading {
    width: 120px;
}

.comments-feed ul.comments-posts > li .content .body {
    color: #666;
    transition: none;
}

.comments-feed ul.comments-posts > li .content .body .sample-loading {
    width: 200px;
}

.comments-feed ul.comments-posts > li .content .body.editable[contenteditable] {
    position: relative;
    display: block;
    margin: -4px -6px;
    padding: 4px 6px;
    border: 0;
    outline: 0;
    border-radius: 4px;
    color: #000;
    background-color: #f9f9f9;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
}

.comments-feed ul.comments-posts > li .content .body.editable[contenteditable]:empty::before {
    content: attr(placeholder);
    color: #999;
    cursor: text;
    border-bottom: 1px dashed #ccc;
}

.comments-feed ul.comments-posts > li  .edit-mode .author,
.comments-feed ul.comments-posts > li .edit-mode .content .name,
.comments-feed ul.comments-posts > li .edit-mode .stats,
.comments-feed ul.comments-posts > li .edit-mode .stats-and-actions {
    opacity: .5;
}

.comments-feed ul.comments-posts > li .stats,
.comments-feed ul.comments-posts > li .stats-and-actions {
    display: block;
    margin: 0;
    padding: 2px 44px 16px 68px;
    font-size: 12px;
    line-height: normal;
}

.comments-feed ul.comments-posts > li .stats .sample-loading,
.comments-feed ul.comments-posts > li .stats-and-actions .sample-loading {
    width: 60px;
    height: 12px;
    margin: 2px 0 6px 0;
}

.comments-feed ul.comments-posts > li .stats a,
.comments-feed ul.comments-posts > li .stats-and-actions a {
    font-weight: 400;
    color: #999;
}

.comments-feed ul.comments-posts > li .stats a:hover,
.comments-feed ul.comments-posts > li .stats-and-actions a:hover {
    color: #000;
}

.comments-feed ul.comments-posts > li .stats a .icon,
.comments-feed ul.comments-posts > li .stats-and-actions a .icon {
    vertical-align: middle;
}

.comments-feed ul.comments-posts > li .stats a.liked,
.comments-feed ul.comments-posts > li .stats-and-actions a.liked {
    color: #ff3b30;
}

.comments-feed ul.comments-posts > li .attachments {
    display: block;
    padding: 0;
    box-sizing: border-box;
}

.comments-feed ul.comments-posts > li .attachments ul {
    display: block;
    list-style: none;
    margin: 4px -8px;
    padding: 0;
    box-sizing: border-box
}

.comments-feed ul.comments-posts > li .attachments ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px;
    width: 80px;
    float: left;
    box-sizing: content-box;
    border: none;
}

.comments-feed ul.comments-posts > li .attachments ul li .attachment {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.comments-feed ul.comments-posts > li .attachments ul li .attachment:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #54565b;
}

.comments-feed ul.comments-posts > li .attachments ul li .img {
    display: block;
    height: 80px;
    background-image: url(../images/file-preview-default.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.comments-feed ul.comments-posts > li .attachments ul li .name {
    margin: 4px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.comments-feed ul.comments-posts a.delete-comment {
    position: absolute;
    display: block;
    right: 3px;
    bottom: 3px;
    width: 36px;
    height: 36px;
    padding: 8px 8px;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.comments-feed ul.comments-posts a.delete-comment:hover .icon {
    color: #ff3b30;
}

.comments-feed ul.comments-posts a.delete-comment img.loading {
    width: 20px;
    height: 20px;
}

.comments-feed ul.comments-posts a.undo-delete-comment {
    display: block;
    text-align: center;
    padding: 12px 12px;
}

.comments-feed ul.comments-posts a.undo-delete-comment .icon {
    vertical-align: middle;
}

.comments-feed ul.comments-posts a.undo-delete-comment img.loading {
    display: inline;
    width: 20px;
    height: 20px;
}

.comments-feed ul.comments-posts a.edit-comment {
    position: absolute;
    display: block;
    right: 40px;
    bottom: 3px;
    width: 36px;
    height: 36px;
    padding: 8px 8px;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.comments-feed ul.comments-posts a.edit-comment:hover .icon {
    color: #000;
}

.comments-feed ul.comments-posts a.edit-comment img.loading {
    width: 20px;
    height: 20px;
}

.comments-feed ul.comments-posts a.save-comment {
    position: absolute;
    display: block;
    right: 3px;
    bottom: 3px;
    width: 36px;
    height: 36px;
    padding: 8px 8px;
    box-sizing: border-box;
    color: #007aff;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.comments-feed ul.comments-posts a.save-comment:hover .icon {
    color: #0066d5;
}

.comments-feed ul.comments-posts a.save-comment img.loading {
    width: 20px;
    height: 20px;
}

.comments-feed ul.comments-posts a.cancel-comment {
    position: absolute;
    display: block;
    right: 40px;
    bottom: 3px;
    width: 36px;
    height: 36px;
    padding: 8px 8px;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.comments-feed ul.comments-posts a.cancel-comment:hover .icon {
    color: #000;
}

.comments-feed ul.comments-posts a.cancel-comment img.loading {
    width: 20px;
    height: 20px;
}

.comments-feed ul.comments-posts a.report-comment {
    position: absolute;
    display: block;
    right: 80px;
    bottom: 3px;
    width: 36px;
    height: 36px;
    padding: 8px 8px;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.comments-feed ul.comments-posts a.report-comment:hover .icon, .comments-feed ul.comments-posts a.report-comment.reported .icon {
    color: #ff3b30;
}

.comments-feed ul.comments-posts .actions {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
}

.comments-feed ul.comments-posts .actions a.edit-comment,
.comments-feed ul.comments-posts .actions a.delete-comment,
.comments-feed ul.comments-posts .actions a.report-comment,
.comments-feed ul.comments-posts .actions a.cancel-comment,
.comments-feed ul.comments-posts .actions a.save-comment {
    position: relative;
    display: inline-block;
    right: 4px;
    bottom: 4px;
}

.comments-feed .compose-comment {
    position: fixed;
    bottom: 24px;
    left: 50%;
    right: 50%;
    width: 640px;
    margin: 0 -320px;
    z-index: 100;
}

.comments-feed .compose-comment .avatar {
    position: absolute;
    margin: 16px;
}

.comments-feed .compose-comment textarea {
    padding: 22px 104px 16px 68px;
    height: 68px;
    line-height: 1.5em;
    resize: none;
    transition: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.comments-feed .compose-comment a.send {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    margin: 16px;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 50%;
    background: #fff;
    color: #007aff;
}

.comments-feed .compose-comment a.send:hover {
    background: #007aff;
    color: #fff;
}

.comments-feed .compose-comment a.send:active {
    background: #0066d5;
    color: #fff;
}

.comments-feed .compose-comment a.send-disabled {
    background: #fff!important;
    color: #ccc!important;
    cursor: default;
}

.comments-feed .compose-comment a.idle-send {
    background: #007aff;
    color: #007aff;
    cursor: default;
}

.comments-feed .compose-comment a.idle-send img.loading {
    width: 16px;
    height: 16px;
}

.comments-feed .compose-comment a.send img.loading {
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    left: 50%;
    margin-left: -8px;
}

.comments-feed .compose-comment a.send.loading {
    background: #007aff;
    color: transparent;
    cursor: default;
}

.comments-feed .compose-comment a.send.loading img.loading {
    display: block;
}

.comments-feed .compose-comment a.attach {
    position: absolute;
    display: block;
    top: 0;
    right: 52px;
    width: 36px;
    height: 36px;
    margin: 16px;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 50%;
    background: #fff;
    color: #999;
}

.comments-feed .compose-comment a.attach:hover {
    background: #f9f9f9;
    color: #000;
}

.comments-feed .compose-comment a.attach:active {
    background: #f9f9f9;
    color: #000;
}

.comments-feed .compose-comment a.attach-disabled {
    background: #fff!important;
    color: #ccc!important;
    cursor: default;
}

.comments-feed .compose-comment a.idle-attach {
    background: #f9f9f9;
    color: #f9f9f9;
    cursor: default;
}

.comments-feed .compose-comment a.idle-attach img.loading {
    width: 16px;
    height: 16px;
}

.comments-feed .compose-comment .compose-attachments {
    display: none;
    padding: 8px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.comments-feed .compose-comment .compose-attachments ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.comments-feed .compose-comment .compose-attachments ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px;
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.comments-feed .compose-comment .compose-attachments ul li .attachment {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.comments-feed .compose-comment .compose-attachments ul li .attachment:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #54565b;
}

.comments-feed .compose-comment .compose-attachments ul li .delete {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 10;
    color: #999;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    transition: none;
}

.comments-feed .compose-comment .compose-attachments ul li .delete:hover {
    color: #ff3b30;
}

.comments-feed .compose-comment .compose-attachments ul li .img {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 88.5px;
}

.comments-feed .compose-comment .compose-attachments ul li .img img {
    align-self: center;
}

.comments-feed .compose-comment .compose-attachments ul li .img canvas {
    width: 88.5px;
    height: 88.5px;
    align-self: center;
}

.comments-feed .compose-comment .compose-attachments ul li .progress {
    position: relative;
    width: 100%;
    height: 2px;
    background: #e3e3e3;
    overflow: hidden;
}

.comments-feed .compose-comment .compose-attachments ul li .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #007aff;
    transition: none;
}

.comments-feed .compose-comment .compose-attachments ul li .red {
    background: #ff3b30;
}

.comments-feed .compose-comment .compose-attachments ul li .name {
    margin: 4px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.comments-feed .compose-comment.with-attachments textarea {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.comments-feed .compose-comment.with-attachments .compose-attachments {
    display: block;
}

.comments-feed ul.comments-posts .comment-controls {
    padding: 4px 0 8px 0;
    transition: none;
}

.comments-feed ul.comments-posts .comment-controls button {
    padding: 16px 0;
}

.comments-feed ul.comments-posts .comment-controls button {
    margin-right: 8px;
    padding: 4px 8px;
    line-height: normal;
    background: #fff;
    border: 1px solid #007aff;
    color: #007aff;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: none;
}

.comments-feed ul.comments-posts .comment-controls button:hover {
    background: #007aff;
    border: 1px solid #007aff;
    color: #fff;
}

.comments-feed ul.comments-posts .comment-controls button:active {
    background: #0066d5;
    border: 1px solid #0066d5;
    color: #fff;
}

.comments-feed ul.comments-posts .comment-controls button.cancel {
    background-color: #fff;
    border-color: #fff;
    color: #666;
}

.comments-feed ul.comments-posts .comment-controls button.cancel:hover {
    background: #fff;
    border: 1px solid #ff3b30;
    color: #ff3b30;
}

.comments-feed ul.comments-posts .comment-controls button.cancel:active {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #fff;
}

.likes-feed {
    padding: 56px 0 72px 0;
    box-sizing: border-box;
}

.likes-feed ul.likers {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.likes-feed ul.likers li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    color: #999;
}

.likes-feed ul.likers li a {
    display: block;
    position: relative;
    color: #000;
    font-weight: 500;
    transition: none;
}

.likes-feed ul.likers li a:hover {
    color: #007aff;
    background: #fcfcfc;
}

.likes-feed ul.likers li .avatar {
    position: absolute;
    margin: 16px 16px;
    z-index: 100;
}

.likes-feed ul.likers li .name {
    position: relative;
    padding: 26px 16px 26px 68px;
    font-size: 14px;
    line-height: normal;
}

.scores-feed {
    padding: 56px 0 72px 0;
    box-sizing: border-box;
}

.scores-feed ul.scores {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.scores-feed ul.scores li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    color: #999;
}

.scores-feed ul.scores li a {
    display: block;
    position: relative;
    color: #666;
    font-weight: 500;
    transition: none;
}

.scores-feed ul.scores li a:hover {
    color: #000;
    background: #fcfcfc;
}

.scores-feed ul.scores li .avatar {
    position: absolute;
    margin: 16px 16px;
    z-index: 100;
}

.scores-feed ul.scores li .name {
    position: relative;
    padding: 26px 82px 26px 68px;
    font-size: 14px;
    line-height: normal;
}

.scores-feed ul.scores li .stars {
    position: absolute;
    top: 0;
    right: 0;
    padding: 26px 16px;
    color: #ccc;
}

.scores-feed ul.scores li .stars .filled {
    color: #666;
}

.scores-feed ul.scores li a:hover .stars {
    color: #aaa;
}

.scores-feed ul.scores li a:hover .stars .filled {
    color: #000;
}


/* Messages */

.messages {
    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #eee;
    z-index: 10;
}

.messages .box {
    position: fixed;
    top: 80px;
    bottom: 24px;
    left: 50%;
    right: 50%;
    width: 960px;
    margin: 0 -480px;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.messages .box .header {
    position: relative;
    height: 56px;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
}

.messages .box .header .title {
    padding: 16px 64px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    color: #000;
}

.messages .box .header .title a {
    color: #000;
}

.messages .box .header .title a:hover {
    color: #007aff;
}

.messages .box .header a.action {
    position: absolute;
    width: 56px;
    top: 0;
    bottom: 0;
    padding: 18px 0;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    color: #999;
    transition: none;
}

.messages .box .header a.action:hover {
    color: #000;
    background: #f9f9f9;
}

.messages .box .header a.action-left {
    left: 0;
}

.messages .box .header a.action-right {
    right: 0;
}

.messages .nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    box-sizing: border-box;
    background: #f9f9f9;
    border-right: 1px solid #e3e3e3;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.messages .nav .header {
    border-top-left-radius: 4px;
}

.messages .nav .header a.action-left {
    border-top-left-radius: 4px;
}

.messages .nav .body {
    position: fixed;
    width: 320px;
    top: 136px;
    bottom: 24px;
    overflow-y: scroll;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    border-left: none;
    border-bottom-left-radius: 4px;
}

.messages .nav ul.chats {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.messages .nav ul.chats li {
    display: block;
    margin: 0;
    padding: 0;
}

.messages .nav ul.chats li a {
    position: relative;
    display: block;
    height: 68px;
    margin: 0;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #eee;
    color: #999;
    line-height: normal;
    transition: none;
}

.messages .nav ul.chats li a:hover {
    background: #f9f9f9;
}

.messages .nav ul.chats li .avatar {
    position: absolute;
}

.messages .nav ul.chats li .name {
    position: absolute;
    top: 16px;
    left: 68px;
    right: 68px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-weight: 500;
}

.messages .nav ul.chats li .text {
    position: absolute;
    bottom: 16px;
    left: 68px;
    right: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages .nav ul.chats li .time {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 12px;
    color: #999;
}

.messages .nav ul.chats li .username {
    display: none;
}

.messages .nav ul.chats li.active a {
    background: #eee;
}

.messages .chat {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 640px;
    box-sizing: border-box;
    background: #f3f3f3;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.messages .chat .header {
    border-top-right-radius: 4px;
}

.messages .chat .header a.action-right {
    border-top-right-radius: 4px;
}

.messages .chat .body {
    position: fixed;
    width: 640px;
    top: 136px;
    bottom: 84px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.messages .chat ul.bubbles {
    display: block;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    box-sizing: border-box;
}

.messages .chat ul.bubbles li {
    position: relative;
    display: block;
    max-width: 80%;
    margin: 8px 16px;
    padding: 8px 64px 8px 8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    clear: both;
}

.messages .chat ul.bubbles li .text > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages .chat ul.bubbles li .text {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages .chat ul.bubbles li .text a {
    color: #000;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages .chat ul.bubbles li .text a:hover {
    color: #007aff;
}

.messages .chat ul.bubbles li .time {
    position: absolute;
    bottom: 0;
    right: 4px;
    font-size: 10px;
    color: #999;
}

.messages .chat ul.bubbles li .time .icon {
    vertical-align: middle;
}

.messages .chat ul.bubbles li.in {
    float: left;
}

.messages .chat ul.bubbles li.out {
    float: right;
    background: #e3e3e3;
}

.messages .chat ul.bubbles li.date-title {
    width: auto;
    margin: 4px auto;
    padding: 0;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #999;
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.messages .chat ul.bubbles li.attachment {
    padding: 2px;
    border-radius: 4px;
}

.messages .chat ul.bubbles li.attachment a {
    display: block;
    transition: none;
    overflow: hidden;
}

.messages .chat ul.bubbles li.attachment.file a {
    padding: 6px 62px 6px 6px;
    color: #000;
}

.messages .chat ul.bubbles li.attachment.file a:hover {
    color: #007aff;
}

.messages .chat ul.bubbles li.attachment.file a:active {
    color: #007aff;
}

.messages .chat ul.bubbles li.attachment.file a .icon {
    vertical-align: middle;
}

.messages .chat ul.bubbles li.attachment.image a {
    opacity: 1;
}

.messages .chat ul.bubbles li.attachment.image a:hover {
    opacity: .8;
}

.messages .chat ul.bubbles li.attachment.image a:active {
    opacity: .8;
}

.messages .chat ul.bubbles li.attachment.image a img {
    max-width: 100%;
    max-height: 240px;
    border-radius: 4px;
}

.messages .chat ul.bubbles li.attachment.image a .img {
    width: 240px;
    height: 240px;
    background-image: url(../images/file-preview-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.messages .chat ul.bubbles li.attachment.image .time {
    right: 2px;
    bottom: 2px;
    padding: 2px 2px 0 8px;
    background: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.messages .chat ul.bubbles li.out.attachment.image .time {
    background: #e3e3e3;
}

.messages .chat .compose-message {
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    box-sizing: border-box;
    background: #fff;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}

.messages .chat .compose-message textarea {
    padding: 22px 104px 16px 22px;
    height: 68px;
    line-height: 1.5em;
    resize: none;
    transition: none;
    border-radius: 0;
    border-bottom-right-radius: 4px;
}

.messages .chat .compose-message a.send {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    margin: 16px;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 50%;
    background: #fff;
    color: #007aff;
}

.messages .chat .compose-message a.send:hover {
    background: #007aff;
    color: #fff;
}

.messages .chat .compose-message a.send:active {
    background: #0066d5;
    color: #fff;
}

.messages .chat .compose-message a.send-disabled {
    background: #ccc!important;
    color: #fff!important;
    cursor: default;
}

.messages .chat .compose-message a.idle-send {
    background: #007aff;
    color: #007aff;
    cursor: default;
}

.messages .chat .compose-message a.idle-send img.loading {
    width: 16px;
    height: 16px;
}

.messages .chat .compose-message a.attach {
    position: absolute;
    display: block;
    top: 0;
    right: 52px;
    width: 36px;
    height: 36px;
    margin: 16px;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    transition: none;
    border-radius: 50%;
    background: #fff;
    color: #999;
}

.messages .chat .compose-message a.attach:hover {
    background: #f9f9f9;
    color: #000;
}

.messages .chat .compose-message a.attach:active {
    background: #f9f9f9;
    color: #000;
}

.messages .chat .compose-message a.attach-disabled {
    background: #ccc!important;
    color: #fff!important;
    cursor: default;
}

.messages .chat .compose-message a.idle-attach {
    background: #f9f9f9;
    color: #f9f9f9;
    cursor: default;
}

.messages .chat .compose-message a.idle-attach img.loading {
    width: 16px;
    height: 16px;
}

.messages .chat .compose-message .compose-attachments {
    display: none;
    padding: 8px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.messages .chat .compose-message .compose-attachments ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.messages .chat .compose-message .compose-attachments ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px;
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.messages .chat .compose-message .compose-attachments ul li .attachment {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.messages .chat .compose-message .compose-attachments ul li .attachment:hover {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #54565b;
}

.messages .chat .compose-message .compose-attachments ul li .delete {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 10;
    color: #999;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    transition: none;
}

.messages .chat .compose-message .compose-attachments ul li .delete:hover {
    color: #ff3b30;
}

.messages .chat .compose-message .compose-attachments ul li .img {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 88.5px;
}

.messages .chat .compose-message .compose-attachments ul li .img img {
    align-self: center;
}

.messages .chat .compose-message .compose-attachments ul li .img canvas {
    width: 88.5px;
    height: 88.5px;
    align-self: center;
}

.messages .chat .compose-message .compose-attachments ul li .progress {
    position: relative;
    width: 100%;
    height: 2px;
    background: #e3e3e3;
    overflow: hidden;
}

.messages .chat .compose-message .compose-attachments ul li .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #007aff;
    transition: none;
}

.messages .chat .compose-message .compose-attachments ul li .red {
    background: #ff3b30;
}

.messages .chat .compose-message .compose-attachments ul li .name {
    margin: 4px;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.messages .chat .compose-message.with-attachments textarea {
    border-bottom-right-radius: 0;
}

.messages .chat .compose-message.with-attachments .compose-attachments {
    display: block;
}

.messages .body .loading {
    display: none;
}

.messages .body .loading img {
    display: block;
    width: 20px;
    height: 20px;
    margin: 16px auto;
}

.messages .contacts-finder {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    box-sizing: border-box;
    z-index: 20;
    background: #f9f9f9;
    border-right: 1px solid #e3e3e3;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.messages .contacts-finder .header {
    border-top-left-radius: 4px;
}

.messages .contacts-finder .header a.action-left {
    border-top-left-radius: 4px;
}

.messages .contacts-finder .body {
    position: fixed;
    width: 320px;
    top: 184px;
    bottom: 24px;
    overflow-y: scroll;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    border-left: none;
    border-bottom-left-radius: 4px;
}

.messages .contacts-finder ul.contacts-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.messages .contacts-finder ul.contacts-list li {
    display: block;
    margin: 0;
    padding: 0;
}

.messages .contacts-finder ul.contacts-list li a {
    position: relative;
    display: block;
    height: 68px;
    margin: 0;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #eee;
    color: #999;
    line-height: normal;
    transition: none;
}

.messages .contacts-finder ul.contacts-list li a:hover {
    background: #fcfcfc;
}

.messages .contacts-finder ul.contacts-list li .avatar {
    position: absolute;
}

.messages .contacts-finder ul.contacts-list li .name {
    position: absolute;
    top: 24px;
    left: 68px;
    right: 68px;
    color: #000;
    font-weight: 500;
}

.messages .contacts-finder ul.contacts-list li .id {
    display: none;
}

.messages .contacts-finder ul.contacts-list li .username {
    display: none;
}

.messages .contacts-finder .contacts-search {
    position: fixed;
    width: 321px;
    top: 136px;
    margin-left: -1px;
    z-index: 20;
}

.messages .contacts-finder .contacts-search input {
    border-radius: 0;
}

.messages .contacts-finder .header .loading-right {
    position: absolute;
    display: none;
    width: 56px;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
}

.messages .contacts-finder .header .loading-right img.loading {
    width: 20px;
    height: 20px;
}


/* Cards */

.cards {
    background: #f3f3f3;
    padding: 8px 0;
    box-sizing: border-box;
}

.cards ul {
    display: block;
    list-style: none;
    width: 944px;
    margin: 0 auto;
    padding: 0;
}

.cards ul li {
    display: block;
    float: left;
    position: relative;
    width: 218px;
    height: 283px;
    margin: 8px 8px 8px 8px;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    overflow: hidden;
}

.cards ul li.portrait .preview {
    position: relative;
    width: 218px;
    height: 123px;
    margin: 0;
    padding: 0;
    background: #f9f9f9;
    overflow: hidden;
}

.cards ul li.portrait .preview a {
    display: block;
    margin: 0;
    padding: 0;
}

.cards ul li.portrait .preview a .img {
    position: relative;
    width: 218px;
    height: 123px;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    opacity: 1.0;
    transition: none;
}

.cards ul li.portrait .preview a:hover .img {
    opacity: 0.8;
}

.cards ul li.portrait .preview a .img.blurred {
    opacity: .2;
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
}

.cards ul li.portrait .preview a:hover .img.blurred {
    opacity: .16;
}

.cards ul li.portrait.startup .preview a .avatar {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    padding: 0;
    opacity: 1.0;
    transition: none;
}

.cards ul li.portrait.startup .preview a:hover .avatar {
    opacity: .8;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-xs {
    margin: -6px 0 0 -6px;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-sm {
    margin: -12px 0 0 -12px;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-md {
    margin: -18px 0 0 -18px;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-lg {
    margin: -24px 0 0 -24px;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-xl {
    margin: -30px 0 0 -30px;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-xxl {
    margin: -36px 0 0 -36px;
}

.cards ul li.portrait.startup .preview a .avatar.avatar-xxxl {
    margin: -42px 0 0 -42px;
}

.cards ul li.portrait .preview .preview-loading {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
}

.cards ul li.portrait .preview .preview-loading img.loading {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.cards ul li.portrait .sample-loading-preview {
    width: 218px;
    height: 123px;
    margin: 0;
    padding: 0;
}

.cards ul li.portrait a {
    color: #000;
}

.cards ul li.portrait a:hover {
    color: #007aff;
}

.cards ul li.portrait a:active {
    color: #0066d5;
}

.cards ul li.portrait .summary {
    height: 128px;
    padding: 16px;
    overflow: hidden;
}

.cards ul li.portrait .summary .title {
    font-weight: 500;
}

.cards ul li.portrait .summary .subtitle {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5em;
}

.cards ul li.portrait .summary .body {
    padding: 8px 0;
    font-size: 12px;
    line-height: 1.5em;
}

.cards ul li.portrait .summary .body.centered {
    text-align: center;
}

.cards ul li.portrait .summary .body p {
    font-size: 12px;
    line-height: 1.5em;
}

.cards ul li.portrait .summary .sample-loading {
    height: 12px;
    margin: 2px 0 6px 0;
}

.cards ul li.portrait .summary .title .sample-loading {
    width: 96px;
}

.cards ul li.portrait .summary .subtitle .sample-loading {
    width: 128px;
}

.cards ul li.portrait .foot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    line-height: 1.5em;
}

.cards.xcards ul li.portrait .foot {
    bottom: 40px;
}

.cards ul li.portrait .foot .overlap-gradient {
    height: 24px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.cards ul li.portrait .foot .overlap-solid {
    height: 40px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.cards ul li.portrait .foot .left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: 0;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    font-weight: 300;
    text-align: left;
    color: #000;
}

.cards ul li.portrait .foot .right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    margin: 0;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    font-weight: 300;
    text-align: right;
}

.cards ul li.portrait .foot .bold {
    font-weight: 500;
    color: #000;
}

.cards ul li.portrait .foot .wide {
    margin: 0;
    padding: 16px 16px 16px 16px;
}

.cards ul li.portrait .foot .wide a.button {}

.cards ul li.portrait .foot .square {
    width: 66px;
}

.cards ul li.portrait .foot .longer {
    width: 100%;
    padding: 16px 64px 16px 16px;
}

.cards ul li.portrait .foot .sample-loading {
    width: 60%;
    height: 12px;
    margin: 2px 0 6px 0;
}

.cards ul li.portrait .foot .right .sample-loading {
    margin: 2px 0 6px 40%;
}

.cards ul li.portrait .foot .badge-avatar {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    bottom: 0;
    z-index: 10;
    padding: 12px;
    box-sizing: border-box;
}

.cards ul li.portrait .foot .badge-avatar .avatar {
    width: 24px;
    height: 24px;
}

.cards ul li.person .preview {
    height: 128px;
    background: #fff;
}

.cards ul li.person .preview a {
    display: block;
    margin: 0;
    padding: 0;
}

.cards ul li.person .preview a .avatar {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 24px auto;
    padding: 0;
    opacity: 1.0;
    transition: none;
}

.cards ul li.person .preview a:hover .avatar {
    opacity: 0.8;
}

.cards ul li.person .preview .sample-loading {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 24px auto;
    padding: 0;
    border-radius: 50%;
}

.cards ul li.person .summary {
    height: 116px;
}

.cards ul li.person .summary .sample-loading {
    margin: 2px auto;
    margin-bottom: 6px;
}

.cards ul li.person .summary .title {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cards ul li.person .summary .subtitle {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cards ul li.person .summary .body p {
    text-align: center;
}

.cards ul li.person .foot .overlap-solid {
    height: 56px;
}

.cards ul li.role .preview {
    background: none;
    border-radius: 0;
}

.cards ul li.role .preview a .img {
    margin: 24px auto;
    border-radius: 4px;
}

.cards ul li.role .preview a .img.avatar {
    border-radius: 50%;
}

.cards ul li.role .preview .sample-loading {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 24px auto;
    padding: 0;
    border-radius: 4px;
}

.cards ul li.role .summary .sample-loading {
    margin: 2px auto;
    margin-bottom: 6px;
}

.cards ul li.record .preview {
    background: none;
    border-radius: 0;
}

.cards ul li.record .preview a .img {
    margin: 24px auto;
    border-radius: 4px;
}

.cards ul li.record .preview a .img.avatar {
    border-radius: 50%;
}

.cards ul li.record .preview .sample-loading {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 24px auto;
    padding: 0;
    border-radius: 50%;
}

.cards ul li.record .summary .sample-loading {
    margin: 2px auto;
    margin-bottom: 6px;
}

.cards ul li a.button {
    height: 38px;
    padding: 8px 8px;
    line-height: 20px;
    color: #fff;
}

.cards ul li a.button:hover,
.cards ul li a.button:active {
    color: #fff;
}

.cards ul li a.button.button-ouline {
    color: #007aff;
}

.cards ul li a.button.button-ouline:hover {
    color: #0066d5;
}

.cards ul li a.button.button-ouline:active {
    color: #0055b2;
}

.cards ul li a.button.button-transparent,
.cards ul li a.button.button-ghost  {
    color: #666;
}

.cards ul li a.button.button-transparent:hover,
.cards ul li a.button.button-transparent:active,
.cards ul li a.button.button-ghost:hover,
.cards ul li a.button.button-ghost:active  {
    color: #000;
}

.cards ul li.add {
    background: none;
    border: none;
}

.cards ul li.add a {
    position: relative;
    display: block;
    height: 100%;
    color: #aaa;
    background: #fcfcfc;
    border: 1px dashed #ccc;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    transition: none;
}

.cards ul li.add a:hover {
    background: #fff;
    border: 1px dashed #007aff;
}

.cards ul li.add a .caption {
    position: relative;
    top: 50%;
    margin-top: -44px;
    padding: 16px;
}

.cards ul li.add a .icon {
    font-size: 24px;
    margin: 0 0 8px 0;
    vertical-align: middle;
}

.cards ul li.startup a.status,
.cards ul li.role a.status,
.cards ul li.person a.status,
.cards ul li.record a.status,
.cards ul li.startup a.flag,
.cards ul li.role a.flag,
.cards ul li.person a.flag,
.cards ul li.record a.flag {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 4px 8px;
    background: #000;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 10px;
    line-height: normal;
    text-align: right;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cards ul li.startup a.flag,
.cards ul li.role a.flag,
.cards ul li.person a.flag,
.cards ul li.record a.flag {
    right: auto;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.cards ul li.role a.status,
.cards ul li.person a.status,
.cards ul li.record a.status,
.cards ul li.role a.flag,
.cards ul li.person a.flag,
.cards ul li.record a.flag {
    background: #f9f9f9;
    color: #666;
}

.cards ul li.startup a.status .icon,
.cards ul li.role a.status .icon,
.cards ul li.person a.status .icon,
.cards ul li.record a.status .icon,
.cards ul li.startup a.flag .icon,
.cards ul li.role a.flag .icon,
.cards ul li.person a.flag .icon,
.cards ul li.record a.flag .icon {
    vertical-align: middle;
}

.cards ul li.startup a.status .blue,
.cards ul li.role a.status .blue,
.cards ul li.person a.status .blue,
.cards ul li.record a.status .blue,
.cards ul li.startup a.flag .blue,
.cards ul li.role a.flag .blue,
.cards ul li.person a.flag .blue,
.cards ul li.record a.flag .blue {
    color: #007aff;
}

.cards ul li.startup a.status .red,
.cards ul li.role a.status .red,
.cards ul li.person a.status .red,
.cards ul li.record a.status .red,
.cards ul li.startup a.flag .red,
.cards ul li.role a.flag .red,
.cards ul li.person a.flag .red,
.cards ul li.record a.flag .red {
    color: #ff3b30;
}

.cards ul li.startup a.status .green,
.cards ul li.role a.status .green,
.cards ul li.person a.status .green,
.cards ul li.record a.status .green,
.cards ul li.startup a.flag .green,
.cards ul li.role a.flag .green,
.cards ul li.person a.flag .green,
.cards ul li.record a.flag .green {
    color: #00a651;
}

.cards ul li.startup a.status .yellow,
.cards ul li.role a.status .yellow,
.cards ul li.person a.status .yellow,
.cards ul li.record a.status .yellow,
.cards ul li.startup a.flag .yellow,
.cards ul li.role a.flag .yellow,
.cards ul li.person a.flag .yellow,
.cards ul li.record a.flag .yellow {
    color: #ffcc00;
}

.cards ul li.startup a.status .gray,
.cards ul li.role a.status .gray,
.cards ul li.person a.status .gray,
.cards ul li.record a.status .gray,
.cards ul li.startup a.flag .gray,
.cards ul li.role a.flag .gray,
.cards ul li.person a.flag .gray,
.cards ul li.record a.flag .gray {
    color: #999;
}

.cards.topline {
    border-top: 1px solid #e3e3e3;
}

.cards .head {
    margin: 24px 0 0 0;
}

.cards .head .headline {
    float: left;
    padding: 8px 0;
}

.cards .head .more {
    float: right;
    padding: 8px 0;
}

.cards .head a {
    color: #000;
}

.cards .head .headline a:hover {
    color: #007aff;
}

.cards .head .more a:hover {
    text-decoration: underline;
}

.cards .action-card {
    position: relative;
    display: block;
    margin: 24px 0;
    padding: 24px 24px;
    background: #e9e9e9;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.cards .action-card h3.title {
    display: block;
    padding: 0 0 12px 0;
    text-align: center;
}

.cards .action-card a.cta {
    position: relative;
    display: block;
    width: auto;
    max-width: 280px;
    height: 48px;
    margin: 0 auto;
    padding: 0 12px;
    font-size: 18px;
    line-height: 46px;
    font-weight: 500;
}


/* Box Stack */

ul.user-box-stack {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.user-box-stack li {
    position: relative;
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    min-height: 68px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

ul.user-box-stack li .image {
    position: absolute;
    margin: 16px;
    z-index: 10;
}

ul.user-box-stack li .image a {
    display: block;
}

ul.user-box-stack li .image a .avatar {}

ul.user-box-stack li .text {
    position: relative;
    padding: 16px 16px 16px 68px;
}

ul.user-box-stack li .text a {
    color: #000;
}

ul.user-box-stack li .text a:hover {
    color: #007aff;
}

ul.user-box-stack li .text .name {
    font-weight: 500;
}

ul.user-box-stack li .text .name a {
    display: block;
}

ul.user-box-stack li .text .name .sample-loading {
    width: 120px;
    height: 12px;
    margin: 2px 0 6px 0;
}

ul.user-box-stack li .text .stars {
    position: absolute;
    right: 16px;
    top: 16px;
    color: #ccc;
    font-size: 12px;
}

ul.user-box-stack li .text .stars .icon {
    vertical-align: middle;
}

ul.user-box-stack li .text .stars .filled {
    color: #999;
}

ul.user-box-stack li .text .status {
    position: absolute;
    right: 16px;
    bottom: 16px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

ul.user-box-stack li .text .status .icon {
    vertical-align: middle;
}

ul.user-box-stack li .text .status .blue {
    color: #007aff;
}

ul.user-box-stack li .text .status .red {
    color: #ff3b30;
}

ul.user-box-stack li .text .status .green {
    color: #00a651;
}

ul.user-box-stack li .text .status .yellow {
    color: #ffcc00;
}

ul.user-box-stack li .text .status .gray {
    color: #999;
}

ul.user-box-stack li .text .time {
    font-size: 12px;
    line-height: 1.5em;
}

ul.user-box-stack li .text .time a {
    color: #999;
}

ul.user-box-stack li .text .time .sample-loading {
    width: 60px;
    height: 14px;
    margin: 2px 0 6px 0;
}

ul.user-box-stack li .text .title {
    font-size: 12px;
    line-height: 1.5em;
}

ul.user-box-stack li .text .title a {
    color: #999;
}

ul.user-box-stack li .text .title a:hover {
    color: #000;
}

ul.user-box-stack li .text .reference {
    font-size: 14px;
    line-height: 1.5em;
}

ul.user-box-stack li .text .reference a {
    color: #666;
}

ul.user-box-stack li .text .reference a:hover {
    color: #000;
}

ul.user-box-stack li .text-with-actions .name,
ul.user-box-stack li .text-with-stars .name,
ul.user-box-stack li .text-with-actions .title,
ul.user-box-stack li .text-with-stars .title,
ul.user-box-stack li .text-with-actions .reference,
ul.user-box-stack li .text-with-stars .reference,
ul.user-box-stack li .text-with-actions .time,
ul.user-box-stack li .text-with-stars .time {
    padding: 0 96px 0 0;
}

ul.user-box-stack li .text a.squared {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 8px 4px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    border-radius: 4px;
    transition: none;
}

ul.user-box-stack li .text a.squared .icon {
    font-size: 20px;
    text-align: center;
}

ul.user-box-stack li .text a.squared:hover {
    background: #000;
    color: #fff;
}

ul.user-box-stack li .text a.squared-2 {
    right: 60px;
}

ul.user-box-stack li .text a.squared .progress {
    position: absolute;
    display: none;
    width: 34px;
    height: 0%;
    left: 0;
    bottom: 0;
    background: #007aff;
    opacity: 0.5;
    transition: none;
}

ul.user-box-stack li .text a.disabled {
    cursor: default;
    color: #e3e3e3;
    border-color: #e3e3e3;
}

ul.user-box-stack li .text a.disabled:hover {
    background: #fff;
    color: #e3e3e3;
}

ul.user-box-stack li .text a.loading {
    cursor: default;
    opacity: 0.5;
    color: #007aff;
    border-color: #007aff;
}

ul.user-box-stack li .text a.loading:hover {
    background: #fff;
    color: #007aff;
}

ul.user-box-stack li .text a.loading .progress {
    display: block;
}

ul.user-box-stack li .text a.error {
    cursor: default;
    color: #fff;
    background: #ff3b30;
    border-color: #ff3b30;
}

ul.user-box-stack li .text a.error:hover {
    background: #ff3b30;
    color: #fff;
}

ul.user-box-stack li .text a.action {
    color: #007aff;
    border-color: #007aff;
}

ul.user-box-stack li .text a.action:hover {
    background: #007aff;
    color: #fff;
}

ul.user-box-stack li input[type=file] + label {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 8px 4px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #007aff;
    color: #007aff;
    border-radius: 4px;
    transition: none;
}

ul.user-box-stack li input[type=file] + label:hover {
    color: #fff;
    background-color: #007aff;
    border-color: #007aff;
}

ul.user-box-stack li input[type=file] + label .icon {
    color: #007aff;
    font-size: 20px;
    text-align: center;
}

ul.user-box-stack li input[type=file] + label:hover .icon {
    color: #fff;
}

ul.user-box-stack li input[type=file].disabled + label {
    cursor: default;
    border: 1px solid #e3e3e3;
    color: #e3e3e3;
}

ul.user-box-stack li input[type=file].disabled + label:hover {
    color: #e3e3e3;
    background-color: #fff;
    border-color: #e3e3e3;
}

ul.user-box-stack li input[type=file].disabled + label .icon {
    color: #e3e3e3;
}

ul.user-box-stack li input[type=file].disabled + label:hover .icon {
    color: #e3e3e3;
}

.stacked-form-box {
    padding: 0 0 16px 0;
}

.stacked-form-box .buttons {
    margin: 0 0 0 0;
    padding: 16px 16px 16px 16px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.stacked-form-box .buttons a.button {
    min-width: 48px;
    min-height: 48px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 46px;
}

.stacked-form-box .buttons-pane-1 {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 8px;
    box-sizing: border-box;
}

.stacked-form-box .buttons-pane-2 {
    position: relative;
    float: right;
    width: 50%;
    padding-left: 8px;
    box-sizing: border-box;
}

.stacked-form-box .buttons img.loading {
    position: absolute;
    display: none;
    top: 7px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

.stacked-form-box .buttons a.boxless-idle img.loading {
    position: relative;
    display: inline;
    top: auto;
    left: auto;
    margin-left: 0;
    width: 24px;
    height: 24px;
    margin-top: 11px;
}

.stacked-form-box .buttons input[type=submit].idle {
    background: #007aff!important;
    border-color: #007aff!important;
    color: #007aff!important;
}

.stacked-form-box .buttons .idle-submit span {
    display: none;
}

.stacked-form-box .buttons .idle-submit img.loading {
    position: relative;
    display: inline;
    top: auto;
    left: auto;
    margin-left: 0;
    width: 24px;
    height: 24px;
    margin-top: 11px;
}


/* Create Startup */

.form-startup {
    background: #f3f3f3;
    padding: 8px 0;
}

.form-startup .header {}

.form-startup .header .title {
    padding: 12px 12px;
}

.form-startup .body {}

.form-startup .body .pane-1 {
    float: left;
    width: 688px;
    padding: 6px 0;
}

.form-startup .body .pane-2 {
    float: right;
    width: 220px;
    padding: 6px 0;
}

.form-startup .body .pane-2 .cards {
    padding: 0 0 8px 0;
}

.form-startup .body .pane-2 .cards ul {
    width: auto;
}

.form-startup .body .pane-2 .cards ul li {
    margin: 0;
}

.form-startup .body input[type=file].merged-top-mobile + label {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-startup .body .cover-mobile-preview {
    position: relative;
    height: 116px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-startup .body .cover-mobile-preview .image {
    width: 149px;
    height: 84px;
    margin: 16px auto;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fcfcfc;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.form-startup .body .cover-mobile-preview .image .preview-loading {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
}

.form-startup .body .cover-mobile-preview .image .preview-loading img.loading {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.form-startup .body .cover-mobile-preview .video-container {
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -75px;
    width: 149px;
    height: 84px;
}

.form-startup .body input[type=file].merged-top + label {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-startup .body .logo-preview {
    position: relative;
    height: 96px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-startup .body .logo-preview .image {
    height: 96px;
    border-radius: 4px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.form-startup .body .icon-preview {
    position: relative;
    height: 96px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-startup .body .icon-preview .image {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.form-startup .body .avatar-preview {
    position: relative;
    height: 96px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-startup .body .avatar-preview .image {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    overflow: hidden;
    ;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.form-startup .body .avatar-preview .image .preview-loading {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
}

.form-startup .body .avatar-preview .image .preview-loading img.loading {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.form-startup .body .document-preview {
    position: relative;
    padding: 16px 16px;
    box-sizing: border-box;
    text-align: center;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form-startup .body .document-preview a.document {
    display: block;
    margin: 0 auto;
    padding: 12px 12px;
    box-sizing: border-box;
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
    transition: none;
}

.form-startup .body .document-preview a.document:hover {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #000;
}

.form-startup .body .document-preview a.document .icon {
    font-size: 18px;
    vertical-align: middle;
}

.form-startup .body .document-preview a.no-document {
    background: transparent;
    border: 1px solid transparent;
    color: #999;
}

.form-startup .body .document-preview a.no-document:hover {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #666;
}

.form-startup .permission-checkbox {
    display: inline;
}

.form-startup .stacked {
    margin-top: 8px;
}

.form-startup .stacked-left {
    float: left;
    width: 50%;
    padding-right: 4px;
    box-sizing: border-box;
}

.form-startup .stacked-right {
    float: right;
    width: 50%;
    padding-left: 4px;
    box-sizing: border-box;
}

.form-startup .save-prompt {
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0;
    bottom: 0;
    display: none;
    position: fixed;
    z-index: 50;
    background: rgba(255, 255, 255, .9);
    border-top: 1px solid #e3e3e3;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
}

.form-startup .save-prompt a.button {
    font-size: 14px;
    padding: 8px 12px;
}

.form-startup .save-prompt .pane-1 {
    float: left;
    width: 50%;
    padding: 16px 8px 16px 16px;
    box-sizing: border-box;
}

.form-startup .save-prompt .pane-1 a.button {
    float: right;
}

.form-startup .save-prompt .pane-2 {
    float: right;
    width: 50%;
    padding: 16px 16px 16px 8px;
    box-sizing: border-box;
}

.form-startup .save-prompt .pane-2 a.button {
    float: left;
}

.form-startup .save-prompt a.save {
    width: 160px;
}

.form-startup .save-prompt a.cancel {
    width: 160px;
    background: #fff;
    border-color: #fff;
    color: #999;
}

.form-startup .save-prompt a.cancel:hover {
    background: #fff;
    border-color: #ff3b30;
    color: #ff3b30;
}

.form-startup .save-prompt a.cancel:active {
    background: #ff3b30;
    border-color: #ff3b30;
    color: #fff;
}

.form-startup .save-prompt a.idle {
    background: #007aff;
    border-color: #007aff;
    color: #007aff;
}

.form-startup .save-prompt a.idle img.loading {
    width: 16px;
    height: 16px;
}

.form-startup-bottom-actions {
    background: #f3f3f3;
    padding: 16px 16px 32px 16px;
}

.form-startup-bottom-actions a.delete-button {
    color: #999;
    padding: 8px 8px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: none;
}

.form-startup-bottom-actions a.delete-button .icon {
    vertical-align: middle;
}

.form-startup-bottom-actions a.delete-button .text {
    font-weight: 500;
}

.form-startup-bottom-actions a.delete-button:hover {
    background: #fff;
    border: 1px solid #ff3b30;
    color: #ff3b30;
}

.form-startup-bottom-actions a.delete-button:active {
    background: #ff3b30;
    border: 1px solid #ff3b30;
    color: #fff;
}

.fr-basic .fr-element {
    color: #666;
}

.fr-basic .fr-element h1 {
    padding: 16px 0 8px 0;
}

.fr-basic .fr-element h2 {
    padding: 16px 0 8px 0;
}

.fr-basic .fr-element h3 {
    padding: 16px 0 8px 0;
}

.fr-basic .fr-element h4 {
    padding: 8px 0;
}

.fr-basic .fr-element p {
    padding: 8px 0;
    color: #666;
}

.fr-basic .fr-element ul {
    padding: 8px 0;
    color: #666;
}

.fr-basic .fr-element ol {
    padding: 8px 0;
    color: #666;
}


/* Footer */

footer {
    position: relative;
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 0 0 80px 0;
    clear: both;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    color: #999;
    font-size: 12px;
    line-height: 1.5em;
}

footer a {
    color: #666;
}

footer a:hover {
    color: #000;
}

footer .wrapper {
    position: relative;
}

footer .text-links-block {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    margin: 16px 0;
    padding: 0;
    text-align: left;
}

footer ul.text-links {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul.text-links > li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul.text-links > li > a {
    display: block;
}

footer ul.text-links > li.group-title > a {
    font-weight: 700;
    text-transform: uppercase;
}

footer .brand-block {
    position: relative;
    display: block;
    float: right;
    width: 25%;
    margin: 16px 0;
    padding: 0;
    text-align: right;
}

footer .brand-block a.brand-logo {
    display: inline-block;
    margin: 4px 0 8px 0;
    padding: 2px 2px;
    width: 88px;
    overflow: hidden;
}

footer .brand-block a.brand-logo img {
    width: 100%;
    opacity: .7;
}

footer .brand-block a.brand-logo:hover img {
    opacity: 1;
}

footer .brand-block .copyright {
    margin-bottom: 4px;
}

footer ul.icon-links {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul.icon-links > li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: normal;
}

footer ul.icon-links > li > a {
    display: inline-block;
    padding: 4px 4px;
}

footer .brand-icon {
    display: block;
    margin: 12px auto;
    text-align: center;
}

footer .brand-icon img {
    margin: 8px;
    width: 16px;
    opacity: .4;
}

footer img.loading {
    position: absolute;
    display: none;
    width: 32px;
    height: 32px;
    left: 50%;
    margin-left: -16px;
}

footer .simple-nav-block {
    display: block;
    padding: 0 16px 16px 16px;
    text-align: center;
}

footer ul.inline-links {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul.inline-links > li {
    display: inline;
    margin: 0;
    padding: 0;
}

footer ul.inline-links > li::after {
    content: "\2022";
    margin: 0 4px;
}

footer ul.inline-links > li:last-child::after {
    display: none;
}

footer .simple-nav-block .copyright {
    padding: 8px 0;
}

.feed .pane-2 footer {
    margin: 32px 0 0 0;
    background: none;
    border-top: none;
}



/* Sprite */

.s {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-size: 1080px 540px;
}


/* Basic Page */

body.basic {
    background: #f3f3f3;
}

body.basic .box-top {
    width: auto;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

body.basic .box-top .icon-gusher {
    width: 96px;
    height: 76px;
    margin: 0 auto;
    margin-top: -24px;
    overflow: hidden;
    font-size: 96px;
    line-height: normal;
}

body.basic .box {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

body.basic .narrow-box {
    width: 320px;
}

body.basic .box .header {
    padding: 16px 16px;
    box-sizing: border-box;
}

body.basic .narrow-box .header {
    padding: 32px 16px;
}

body.basic .box .header h1 {
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
}

body.basic .box .header h2 {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #aaa;
}

body.basic .box .header .icon-gusher {
    width: 160px;
    height: 100px;
    margin: 0 auto;
    margin-top: -60px;
    overflow: hidden;
    font-size: 160px;
    line-height: normal;
    color: #000;
}

body.basic .box .header .brand-logo {
    display: block;
    margin: 16px 0;
    padding: 8px 8px;
}
body.basic .box .header .brand-logo img {
    display: block;
    margin: 0 auto;
    width: 120px;
}

body.basic .box .errors {
    margin: 8px 16px 16px 16px;
    border-bottom: none;
    border-radius: 4px;
}

body.basic .box .buttons {
    padding: 0 16px;
    box-sizing: border-box;
}

body.basic .box .buttons a.button {
    position: relative;
    max-width: 320px;
    height: 48px;
    margin: 8px auto;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 46px;
    font-weight: 500;
}

body.basic .box .buttons a.button .icon,
body.basic .box .buttons a.button .fa {
    position: absolute;
    top: 13px;
    left: 13px;
    font-size: 20px;
}

body.basic .box .buttons a.facebook {
    background: #4267B2;
    border: 1px solid #4267B2;
    color: #fff;
}

body.basic .box .buttons a.facebook:hover {
    background: #215098;
    border: 1px solid #215098;
}

body.basic .box .buttons a.twitter {
    background: #1dadea;
    border: 1px solid #1dadea;
    color: #fff;
}

body.basic .box .buttons a.twitter:hover {
    background: #0092cd;
    border: 1px solid #0092cd;
}

body.basic .box .buttons a.linkedin {
    background: #0274b3;
    border: 1px solid #0274b3;
    color: #fff;
}

body.basic .box .buttons a.linkedin:hover {
    background: #005c98;
    border: 1px solid #005c98;
}

body.basic .box .buttons a.google {
    background: #4885ed;
    border: 1px solid #4885ed;
    color: #fff;
}

body.basic .box .buttons a.google:hover {
    background: #4178d6;
    border: 1px solid #4178d6;
}

body.basic .box .buttons a.light {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #000;
}

body.basic .box .buttons a.light:hover {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #000;
}

body.basic .box .buttons a.light .icon,
body.basic .box .buttons a.light .fa {
    color: #999;
}

body.basic .box .buttons a.light:hover .icon,
body.basic .box .buttons a.light:hover .fa {
    color: #666;
}

body.basic .box .buttons a.light.facebook .icon,
body.basic .box .buttons a.light.facebook .fa {
    color: #4267B2;
}

body.basic .box .buttons a.light.facebook:hover .icon,
body.basic .box .buttons a.light.facebook:hover .fa {
    color: #215098;
}

body.basic .box .buttons a.light.twitter .icon,
body.basic .box .buttons a.light.twitter .fa {
    color: #1dadea;
}

body.basic .box .buttons a.light.twitter:hover .icon,
body.basic .box .buttons a.light.twitter:hover .fa {
    color: #0092cd;
}

body.basic .box .buttons a.light.linkedin .icon,
body.basic .box .buttons a.light.linkedin .fa {
    color: #0274b3;
}

body.basic .box .buttons a.light.linkedin:hover .icon,
body.basic .box .buttons a.light.linkedin:hover .fa {
    color: #005c98;
}

body.basic .box .buttons a.light.google .icon,
body.basic .box .buttons a.light.google .fa {
    color: #4885ed;
}

body.basic .box .buttons a.light.google:hover .icon,
body.basic .box .buttons a.light.google:hover .fa {
    color: #4178d6;
}

body.basic .box .buttons a.button .img-icon {
    position: absolute;
    display: block;
    top: 13px;
    left: 13px;
    max-width: 20px;
    max-height: 20px;
}

body.basic .box .buttons a.disabled,
body.basic .narrow-box .buttons a.disabled:hover {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: default;
}

body.basic .box .buttons a.idle {
    height: 48px;
    padding: 0;
    cursor: default;
}

body.basic .box .buttons a.idle img.loading {
    width: 32px;
    height: 32px;
    margin-top: 6px;
}

body.basic .box form {
    margin: 0 auto;
    padding: 16px 16px;
    box-sizing: border-box;
}

body.basic .box form.boxed {
    margin: 16px 16px;
    padding: 16px 16px;
    background: #f9f9f9;
    border-radius: 4px;
}

body.basic .box form .field {
    position: relative;
    padding: 0 0 16px 0;
}

body.basic .box form .field .label {
    position: relative;
    color: #000;
    font-weight: 500;
    padding-bottom: 6px;
}

body.basic .box form .field .label .instructions {}

body.basic .box form .field .label .instructions p {
    color: #999;
    padding: 0;
}

body.basic .box form .pane-1 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 8px 0 0;
}

body.basic .box form .pane-2 {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 8px;
}

body.basic .box form .footer {
    position: relative;
}

body.basic .box form .footer .pane-1 {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 8px 0 0;
}

body.basic .box form .footer .pane-1 a {
    color: #aaa;
    line-height: 48px;
}

body.basic .box form .footer .pane-1 a:hover {
    color: #000;
}

body.basic .box form .footer .pane-2 {
    position: relative;
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 8px;
}

body.basic .box form .footer img.loading {
    position: absolute;
    display: none;
    top: 7px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
}

body.basic .box form .footer input[type=submit].idle {
    background: #007aff!important;
    border-color: #007aff!important;
    color: #007aff!important;
}

body.basic .small-print {
    display: block;
    margin: 0 auto;
    padding: 8px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #aaa;
}

body.basic .small-print a {
    color: #666;
}

body.basic .small-print a:hover {
    color: #000;
}

body.basic .box-bottom {
    width: auto;
    margin: 0 auto;
    padding: 8px;
    box-sizing: border-box;
    text-align: center;
    color: #666;
}

body.basic .box-bottom a {
    color: #666;
    font-weight: 600;
}

body.basic .box-bottom a:hover {
    color: #000;
}

body.basic .narrow-box-bottom {
    width: 320px;
}

body.basic .normal-box-bottom {
    width: 420px;
}

body.basic .box .content {
    padding: 16px 16px;
    box-sizing: border-box;
    color: #999;
}

body.basic .box .content h1 {
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
    font-weight: 300;
}

body.basic .box .content h2 {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: normal;
    color: #aaa;
}

body.basic .box .content a.button {
    position: relative;
    height: 48px;
    margin: 16px 0 0 0;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 46px;
    font-weight: 500;
}

body.basic .box .content a.button .icon {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 20px;
}

body.basic footer {
    margin: 48px 0 0 0;
    padding: 16px 0 80px 0;
    border-top: 1px solid #f3f3f3
}


/* Profile */

.profile {
    background: #f3f3f3;
}

.profile .header {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.profile .header .more {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: 10;
}

.profile .header .more a.trigger {
    position: absolute;
    display: block;
    top: 16px;
    right: 16px;
    z-index: 10;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #aaa;
    background: transparent;
    border: 1px solid transparent;
    transition: none;
}

.profile .header .more a.trigger .icon {
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

.profile .header .more a.trigger:hover {
    color: #666;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
}

.profile .header .more ul {
    position: absolute;
    display: none;
    top: 56px;
    right: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.profile .header .more ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.profile .header .more ul li a {
    display: block;
    min-width: 180px;
    margin: 0;
    padding: 12px 12px;
    box-sizing: border-box;
    background: #fff;
    color: #999;
    border-top: 1px solid #e3e3e3;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    font-weight: 500;
    transition: none;
}

.profile .header .more ul li a .icon {
    display: block;
    float: left;
    font-size: 20px;
    padding-right: 8px;
}

.profile .header .more ul li a span {
    padding-right: 8px;
}

.profile .header .more ul li.first a,
.profile .header .more ul li:first-child a {
    border-top-left-radius: 4px;
    border-top: none;
}

.profile .header .more ul li.last a,
.profile .header .more ul li:last-child a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.profile .header .more ul li a:hover {
    background: #fcfcfc;
    color: #000;
}

.profile .header .more ul li.red a {
    color: #ff3b30;
}

.profile .header .more ul li.red a.red:hover {
    color: #e0061b;
}

.profile .header .expanded a.trigger {
    color: #999;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.profile .header .expanded a.trigger:hover {
    color: #000;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #f3f3f3;
}

.profile .header .expanded ul {
    display: block;
}

.profile .header .cover {
    position: relative;
    height: 72px;
    background: #fcfcfc;
}

.profile .header .picture {
    position: relative;
    display: block;
    width: 96px;
    margin: 0 auto;
    margin-top: -72px;
    padding: 24px 16px 8px 16px;
}

.profile .header .picture a {
    position: relative;
    display: block;
}

.profile .header .picture .avatar {
    display: block;
    margin: 0 auto;
    width: 96px;
    height: 96px;
}

.profile .header .picture a .edit-avatar {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    background: rgba(0,0,0,0.4);
    color: #fff;
    border-radius: 50%;
    transition: none;
    opacity: .8;
}

.profile .header .picture a:hover .edit-avatar {
    color: #fff;
    background: rgba(0,0,0,0.6);
    opacity: 1;
}

.profile .header .name {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 8px 16px;
    box-sizing: border-box;
}

.profile .header .name h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #000;
}

.profile .header .name h1 a {
    color: #000;
}

.profile .header .name h1 a:hover {
    color: #000;
}

.profile .header .name p {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    color: #666;
}

.profile .header .name p a {
    color: #666;
}

.profile .header .name p a:hover {
    color: #000;
}

.profile .header .about {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 8px 16px;
    box-sizing: border-box;
}

.profile .header .about p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    color: #999;
}

.profile .header .summary {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 8px 16px 16px 16px;
    box-sizing: border-box;
}

.profile .header .summary ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}

.profile .header .summary ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

.profile .header .summary ul li a {
    padding: 0 8px;
    font-size: 14px;
    line-height: normal;
    color: #aaa;
}

.profile .header .summary ul li a .icon {
    display: inline;
    vertical-align: middle;
}

.profile .header .summary ul li a .title {
    display: inline;
}

.profile .header .summary ul li a:hover {
    color: #000;
}

.profile .header .summary ul li a.facebook:hover {
    color: #4267B2;
}

.profile .header .summary ul li a.twitter:hover {
    color: #1dadea;
}

.profile .header .summary ul li a.linkedin:hover {
    color: #0274b3;
}

.profile .header .summary ul li a.google:hover {
    color: #4178d6;
}

.profile .header .summary ul li a.social .title {
    display: none;
}

.profile .header .action {
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 8px 16px 16px 16px;
    box-sizing: border-box;
}

.profile .header .action a {
    display: block;
    width: 128px;
    margin: 0 auto;
    box-sizing: border-box;
}

.profile .header .actions {
    position: relative;
    display: block;
    width: 328px;
    margin: 0 auto;
    padding: 8px 16px 16px 16px;
    box-sizing: border-box;
}

.profile .header .actions a {
    display: block;
    width: 128px;
    margin: 0 8px;
    box-sizing: border-box;
    float: left;
}

.profile .header .tabs {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #f3f3f3;
}

.profile .header .tabs ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.profile .header .tabs ul li {
    display: block;
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
}

.profile .header .tabs ul li a {
    display: block;
    padding: 16px 16px;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #999;
    background: #fff;
    transition: none;
}

.profile .header .tabs ul li a:hover {
    color: #000;
    background: #fcfcfc;
}

.profile .header .tabs ul li a.disabled,
.profile .header .tabs ul li a.disabled:hover {
    color: #ccc !important;
    background: #fff !important;
    cursor: default;
}

.profile .header .tabs ul li a .icon {
    display: inline;
    margin: 0 8px 0 0;
    font-size: 14px;
    vertical-align: middle;
}

.profile .header .tabs ul li a .number {
    font-weight: 300;
    margin: 0 8px 0 0;
}

.profile .header .tabs ul li a .title {
    font-weight: 500;
}

.profile .header .tabs ul li.first a {
    border-bottom-left-radius: 4px;
}

.profile .header .tabs ul li.last a {
    border-bottom-right-radius: 4px;
}

.profile .header .tabs ul li.active a {
    color: #007aff;
}

.profile .header .tabs ul li.active a:hover {
    color: #0066d5;
}

.profile .about {
    padding: 16px 0;
}

.profile .about .box {
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.profile .about .box .title {
    padding: 16px 16px;
    border-bottom: 1px solid #f3f3f3;
}

.profile .about .box .title h2 {}

.profile .about .box .body {
    padding: 16px 16px;
}


/* Settings */

.settings {
    background: #f3f3f3;
    padding: 8px 0;
}

.settings .pane-1 {
    float: left;
    width: 218px;
    margin: 8px 8px 8px 8px;
}

.settings .pane-2 {
    float: right;
    width: 678px;
    margin: 8px 8px 8px 8px;
}

.settings .box {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.settings ul.list {
    display: block;
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
}

.settings ul.list li {
    display: block;
    position: relative;
    margin: 0 0 4px 0;
    padding: 0;
}

.settings ul.list li a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 12px 8px 12px 40px;
    margin: 0;
    box-sizing: border-box;
    color: #999;
    background: #f3f3f3;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 18px;
    transition: none;
}

.settings ul.list li a:hover {
    background: #eee;
}

.settings ul.list li a:hover span {
    color: #000;
}

.settings ul.list li a .icon {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}

.settings ul.list li a .chevron {
    position: absolute;
    top: 14px;
    right: 12px;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

.settings ul.list li a .chevron .icon {
    display: block;
}

.settings ul.list li.active a {
    background-color: #e3e3e3;
}

.settings ul.list li.active a {
    color: #000;
    font-weight: 500;
}

.skill-autocomplete-results,
.interest-autocomplete-results {
    position: absolute;
    display: none;
    left: 0;
    top: 48px;
    z-index: 10;
    width: 100%;
    margin: 0;
    padding: 0 0 0 48px;
    box-sizing: border-box;
}

.skill-autocomplete-results ul,
.interest-autocomplete-results ul {
    display: block;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}

.skill-autocomplete-results ul li,
.interest-autocomplete-results ul li {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.skill-autocomplete-results ul li a,
.interest-autocomplete-results ul li a {
    position: relative;
    display: block;
    margin: 0;
    padding: 12px 12px;
    box-sizing: border-box;
    background: #fff;
    color: #666;
}

.skill-autocomplete-results ul li a:hover,
.interest-autocomplete-results ul li a:hover {
    background: #f9f9f9;
    color: #000;
}

.skill-autocomplete-results ul li a .name,
.interest-autocomplete-results ul li a .name {
    font-size: 14px;
    line-height: 18px;
}

.skill-autocomplete-results ul li a .id,
.interest-autocomplete-results ul li a .id {
    display: none;
}

.Language-autocomplete-results {
    position: absolute;
    display: none;
    left: 0;
    top: 48px;
    z-index: 10;
    width: 100%;
    margin: 0;
    padding: 0 0 0 48px;
    box-sizing: border-box;
}

.Language-autocomplete-results ul {
    display: block;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}

.Language-autocomplete-results ul li {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.Language-autocomplete-results ul li a {
    position: relative;
    display: block;
    margin: 0;
    padding: 12px 12px;
    box-sizing: border-box;
    background: #fff;
    color: #666;
}

.Language-autocomplete-results ul li a:hover {
    background: #f9f9f9;
    color: #000;
}

.Language-autocomplete-results ul li a .name {
    font-size: 14px;
    line-height: 18px;
}

.Language-autocomplete-results ul li a .id {
    display: none;
}


/* Modal Pane */

.modal-pane {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 24px 24px;
    box-sizing: border-box;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
}

.modal-pane .dialog {
    position: absolute;
    display: block;
    width: 240px;
    height: 240px;
    top: 50%;
    margin-top: -120px;
    left: 50%;
    margin-left: -120px;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    border-radius: 4px;
}

.modal-pane .dialog .header {
    position: absolute;
    width: 238px;
    height: 48px;
    top: 0;
    left: 0;
    padding: 16px 16px;
    box-sizing: border-box;
    border: none;
    background: none;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.modal-pane .dialog .header .title {
    color: #000;
    line-height: 16px;
    text-align: center;
    font-weight: 500;
}

.modal-pane .dialog .body {
    position: relative;
    top: 50px;
    height: 140px;
    padding: 0;
    box-sizing: border-box;
    overflow-y: scroll!important;
}

.modal-pane .dialog .body p {
    margin: 16px 16px;
}

.modal-pane .dialog .footer {
    position: absolute;
    width: 238px;
    height: 48px;
    bottom: 0;
    border-top: 1px solid #e3e3e3;
}

.modal-pane .dialog .footer a {
    display: block;
    padding: 16px 16px;
    box-sizing: border-box;
    line-height: 16px;
    text-align: center;
    font-weight: 500;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.modal-pane .dialog .footer a:hover {
    color: #fff;
    background: #007aff;
}

.modal-pane .dialog .footer a.option-neutral {
    float: left;
    width: 50%;
    color: #999;
    border-bottom-right-radius: 0;
}

.modal-pane .dialog .footer a.option-neutral:hover {
    color: #fff;
    background: #999;
}

.modal-pane .dialog .footer a.option-idle-neutral {
    color: #999;
    background: #999;
    cursor: default;
}

.modal-pane .dialog .footer a.option-idle-neutral img.loading {
    width: 16px;
    height: 16px;
}

.modal-pane .dialog .footer a.option-positive {
    float: left;
    width: 50%;
    border-bottom-left-radius: 0;
}

.modal-pane .dialog .footer a.option-idle-positive {
    color: #007aff;
    background: #007aff;
    cursor: default;
}

.modal-pane .dialog .footer a.option-idle-positive img.loading {
    width: 16px;
    height: 16px;
}

.modal-pane .dialog .footer a.option-negative {
    float: left;
    width: 50%;
    color: #ff3b30;
    border-bottom-left-radius: 0;
}

.modal-pane .dialog .footer a.option-negative:hover {
    color: #fff;
    background: #ff3b30;
}

.modal-pane .dialog .footer a.option-idle-negative {
    color: #ff3b30;
    background: #ff3b30;
    cursor: default;
}

.modal-pane .dialog .footer a.option-idle-negative img.loading {
    width: 16px;
    height: 16px;
}

.modal-pane .dialog .footer a.option-green {
    float: left;
    width: 50%;
    color: #00a651;
    border-bottom-left-radius: 0;
}

.modal-pane .dialog .footer a.option-green:hover {
    color: #fff;
    background: #00a651;
}

.modal-pane .dialog .footer a.option-idle-green {
    color: #00a651;
    background: #00a651;
    cursor: default;
}

.modal-pane .dialog .footer a.option-idle-green img.loading {
    width: 16px;
    height: 16px;
}

.modal-pane .dialog .footer a.option-disabled {
    color: #ccc;
    cursor: default;
}

.modal-pane .dialog ul.options {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.modal-pane .dialog ul.options li {
    display: block;
    margin: 0;
    padding: 0;
}

.modal-pane .dialog ul.options li.title {
    padding: 16px 16px 16px 16px;
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
    color: #aaa;
}

.modal-pane .dialog ul.options li a {
    position: relative;
    display: block;
    margin: 0;
    padding: 16px;
    line-height: 16px;
    color: #999;
    border-top: 1px solid #f3f3f3;
    transition: none;
}

.modal-pane .dialog ul.options li a:hover {
    background: #fcfcfc;
    color: #000;
}

.modal-pane .dialog ul.options li.first a {
    border-top: none;
}

.modal-pane .dialog ul.options li a .image {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.modal-pane .dialog ul.options li a .flag {
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    background-size: contain;
    border-radius: 0;
}

.modal-pane .dialog ul.options li a .text {
    display: block;
    padding: 0 0 0 36px;
}

.modal-pane .dialog ul.options li.active a {
    color: #007aff;
    font-weight: 500;
    background: #f4f9ff;
}

.modal-pane .dialog .body-tall {
    height: 100%;
    top: auto;
}

.modal-pane .dialog .body-tall ul.options {
    border-radius: 4px;
}

.modal-pane .dialog a.close-dialog {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    background: transparent;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
}

.modal-pane .dialog a.close-dialog:hover {
    color: #ff3b30;
    background: #f9f9f9;
}

.modal-pane .dialog a.close-dialog:active {
    color: #fff;
    background: #ff3b30;
}

.modal-pane .dialog .body-no-actions {
    top: 49px;
    height: 192px;
}

.modal-pane .dialog ul.option-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.modal-pane .dialog ul.option-list li {
    display: block;
    margin: 0;
    padding: 0;
}

.modal-pane .dialog ul.option-list li a {
    display: block;
    margin: 0;
    padding: 12px 12px;
    box-sizing: border-box;
    background: #fff;
    color: #333;
    border-top: 1px solid #e3e3e3;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    font-weight: 500;
    transition: none;
}

.modal-pane .dialog ul.option-list li a .icon {
    display: block;
    float: left;
    font-size: 20px;
    padding-right: 8px;
}

.modal-pane .dialog ul.option-list li a span {
    padding-right: 8px;
}

.modal-pane .dialog ul.option-list li.first a {
    border-top: none;
}

.modal-pane .dialog ul.option-list li.last a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.modal-pane .dialog ul.option-list li a:hover {
    background: #fcfcfc;
    color: #000;
}

.modal-pane .dialog ul.option-list li a.facebook {
    color: #4267B2;
}

.modal-pane .dialog ul.option-list li a.facebook:hover {
    color: #215098;
}

.modal-pane .dialog ul.option-list li a.twitter {
    color: #1dadea;
}

.modal-pane .dialog ul.option-list li a.twitter:hover {
    color: #0092cd;
}

.modal-pane .dialog ul.option-list li a.linkedin {
    color: #0274b3;
}

.modal-pane .dialog ul.option-list li a.linkedin:hover {
    color: #005c98;
}


/* Startup Profile */

.startup-profile {
    background: #f3f3f3;
}

.startup-profile > .wrapper > .header {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.startup-profile > .wrapper > .header .parent {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #f3f3f3;
}

.startup-profile > .wrapper > .header .parent a {
    display: block;
    padding: 15px 56px 15px 56px;
    box-sizing: border-box;
    color: #999;
    transition: none;
}

.startup-profile > .wrapper > .header .parent a:hover {
    color: #000;
    background: #fcfcfc;
}

.startup-profile > .wrapper > .header .parent .image {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.startup-profile > .wrapper > .header .parent .title {
    line-height: 1.5em;
}

.startup-profile > .wrapper > .header .name {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 24px 16px;
    box-sizing: border-box;
}

.startup-profile > .wrapper > .header .name h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #000;
}

.startup-profile > .wrapper > .header .name h1 a {
    color: #000;
}

.startup-profile > .wrapper > .header .name h1 a:hover {
    color: #000;
}

.startup-profile > .wrapper > .header .name p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    text-align: center;
    color: #666;
}

.startup-profile > .wrapper > .header .name p a {
    color: #666;
}

.startup-profile > .wrapper > .header .name p a:hover {
    color: #000;
}

.startup-profile > .wrapper > .header .subtitle h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #000;
}

.startup-profile > .wrapper > .header .subtitle h2 a {
    color: #000;
}

.startup-profile > .wrapper > .header .subtitle h2 a:hover {
    color: #000;
}

.startup-profile > .wrapper > .header .badge {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 16px 76px 16px 16px;
    box-sizing: border-box;
}

.startup-profile > .wrapper > .header .badge h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: #000;
}

.startup-profile > .wrapper > .header .badge h1 a {
    color: #000;
}

.startup-profile > .wrapper > .header .badge h1 a:hover {
    color: #000;
}

.startup-profile > .wrapper > .header .badge p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: left;
    color: #999;
}

.startup-profile > .wrapper > .header .badge p a {
    color: #666;
}

.startup-profile > .wrapper > .header .badge p a:hover {
    color: #000;
}

.startup-profile > .wrapper > .header .badge .badge-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 76px;
    height: 76px;
    padding: 26px;
    box-sizing: border-box;
    font-size: 24px;
    text-align: center;
    color: #e3e3e3;
}

.startup-profile > .wrapper > .header .badge .badge-icon .icon {
    vertical-align: middle;
}

.startup-profile > .wrapper > .header .badge .black {
    color: #000;
}

.startup-profile > .wrapper > .header .badge .yellow {
    color: #ffcc00;
}

.startup-profile > .wrapper > .header .badge .green {
    color: #00a651;
}

.startup-profile > .wrapper > .header .badge .blue {
    color: #007aff;
}

.startup-profile > .wrapper > .header .badge .red {
    color: #ff3b30;
}

.startup-profile > .wrapper > .header .tabs {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #f3f3f3;
}

.startup-profile > .wrapper > .header .tabs ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.startup-profile > .wrapper > .header .tabs ul li {
    display: block;
    width: 25%;
    margin: 0;
    padding: 0;
    float: left;
}

.startup-profile.role-profile > .wrapper > .header .tabs ul li {
    width: 33.3%;
}

.startup-profile.role-profile > .wrapper > .header .tabs.two-tabs ul li {
    width: 50%;
}

.startup-profile > .wrapper > .header .tabs ul li a {
    display: block;
    padding: 16px 16px;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #999;
    background: #fff;
    transition: none;
}

.startup-profile > .wrapper > .header .tabs ul li a:hover {
    color: #000;
    background: #fcfcfc;
}

.startup-profile > .wrapper > .header .tabs ul li a .icon {
    display: inline;
    margin: 0 8px 0 0;
    font-size: 14px;
    vertical-align: middle;
}

.startup-profile > .wrapper > .header .tabs ul li a .number {
    font-weight: 300;
    margin: 0 8px 0 0;
}

.startup-profile > .wrapper > .header .tabs ul li a .title {
    font-weight: 500;
}

.startup-profile > .wrapper > .header .tabs ul li.first a {
    border-bottom-left-radius: 4px;
}

.startup-profile > .wrapper > .header .tabs ul li.last a {
    border-bottom-right-radius: 4px;
}

.startup-profile > .wrapper > .header .tabs ul li.active a {
    color: #007aff;
}

.startup-profile > .wrapper > .header .tabs ul li.active a:hover {
    color: #0066d5;
}

.startup-profile > .wrapper > .header .two-tabs ul li {
    width: 50%;
}

.startup-profile .box {
    width: auto;
    height: auto;
    margin: 8px 0;
    padding: 8px 0px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.startup-profile .half-box {}

.startup-profile .half-box .video-player {
    position: relative;
    width: 688px;
    height: 387px;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.startup-profile .half-box .video-player a.play {
    position: absolute;
    display: block;
    width: 128px;
    height: 64px;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-left: -64px;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 4px;
    background: rgba(0, 0, 0, .5);
    border: 1px solid #fff;
    color: #fff;
    font-size: 40px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    transition: none;
}

.startup-profile .half-box .video-player a.play:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

.startup-profile .half-box .body {
    background: #fff;
    margin: 0 0 16px 0;
    padding: 16px 16px;
    color: #666;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.startup-profile .half-box .body.nocover {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.startup-profile .half-box .body h1 {
    padding: 16px 0 8px 0;
}

.startup-profile .half-box .body h2 {
    padding: 16px 0 8px 0;
}

.startup-profile .half-box .body h3 {
    padding: 16px 0 8px 0;
}

.startup-profile .half-box .body h4 {
    padding: 8px 0;
}

.startup-profile .half-box .body p {
    padding: 8px 0;
}

.startup-profile .half-box .body ul {
    padding: 8px 0;
}

.startup-profile .half-box .body ol {
    padding: 8px 0;
}

.startup-profile .role-details {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 16px;
}

.startup-profile .role-details .description {
    padding: 16px 16px;
    color: #666;
}

.startup-profile .role-details .description h1 {
    padding: 16px 0 8px 0;
}

.startup-profile .role-details .description h2 {
    padding: 16px 0 8px 0;
}

.startup-profile .role-details .description h3 {
    padding: 16px 0 8px 0;
}

.startup-profile .role-details .description h4 {
    padding: 8px 0;
}

.startup-profile .role-details .description p {
    padding: 8px 0;
}

.startup-profile .role-details .description ul {
    padding: 8px 0;
}

.startup-profile .role-details .description ol {
    padding: 8px 0;
}

.startup-profile .role-details .subtitle {
    padding: 16px 16px;
    color: #000;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}

.startup-profile .role-details .description + .subtitle {
    border-top: 1px solid #f3f3f3;
}

.startup-profile .role-details .instructions {
    margin: 0 16px;
    padding: 8px;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}

.startup-profile .role-details ul.goals {
    display: block;
    list-style: none;
    margin: 0;
    padding: 16px 16px;
}

.startup-profile .role-details ul.goals li.goal {
    position: relative;
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
}

.startup-profile .role-details ul.goals li.goal a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px 0;
    box-sizing: border-box;
    background: none;
    border: none;
    border-radius: 0;
    color: #666;
}

.startup-profile .role-details ul.goals li.goal a:hover {
    color: #000;
}

.startup-profile .role-details ul.goals li.goal a .goal-checkbox {
    position: absolute;
    display: block;
    top: 9px;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 4px 0;
    font-size: 12px;
    line-height: 20px;
    color: #f9f9f9;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
}

.startup-profile .role-details ul.goals li.goal a:hover .goal-checkbox,
.startup-profile .role-details ul.goals li.goal a:hover .goal-checkbox.active,
.startup-profile .role-details ul.goals li.goal a:hover .goal-checkbox.reached {
    border: 1px solid #ccc;
}

.startup-profile .role-details ul.goals li.goal a .goal-checkbox.active {
    color: #fff;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.startup-profile .role-details ul.goals li.goal a .goal-checkbox.reached {
    color: #007aff;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.startup-profile .role-details ul.goals li.goal a .goal-checkbox.approved {
    color: #fff;
    background: #007aff;
    border: 1px solid #007aff;
}

.startup-profile .role-details ul.goals li.goal a:hover .goal-checkbox.approved {
    border: 1px solid #0066d5;
}

.startup-profile .role-details ul.goals li.goal .goal-icon {
    position: absolute;
    top: 11px;
    left: 3px;
}

.startup-profile .role-details ul.goals li.goal .text {
    padding: 0 0 0 28px;
}

.startup-profile .role-details ul.goals li.goal .text .icon {
    vertical-align: middle;
}

.startup-profile .role-details ul.goals li.goal .black {
    color: #000;
}

.startup-profile .role-details ul.goals li.goal .yellow {
    color: #ffcc00;
}

.startup-profile .role-details ul.goals li.goal .green {
    color: #00a651;
}

.startup-profile .role-details ul.goals li.goal .blue {
    color: #007aff;
}

.startup-profile .role-applicants {}

.startup-profile ul.list {
    display: block;
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
}

.startup-profile ul.list li {
    display: block;
    position: relative;
    margin: 0 0 4px 0;
    padding: 0;
}

.startup-profile ul.list li.title {
    padding: 8px 0;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile ul.list li.title span {
    padding: 8px 8px;
}

.startup-profile ul.list li.status {
    padding: 8px 8px;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile ul.list li.status .icon {
    vertical-align: middle;
}

.startup-profile ul.list li.status .black {
    color: #000;
}

.startup-profile ul.list li.status .yellow {
    color: #ffcc00;
}

.startup-profile ul.list li.status .green {
    color: #00a651;
}

.startup-profile ul.list li.status .blue {
    color: #007aff;
}

.startup-profile ul.list li.status .red {
    color: #ff3b30;
}

.startup-profile ul.list li .edit-trigger {
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
}

.startup-profile ul.list li a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 9px 8px 9px 40px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    color: #999;
    background: #f3f3f3;
    transition: none;
}

.startup-profile ul.list li a:hover {
    background: #eee;
}

.startup-profile ul.list li a:hover span {
    color: #000;
}

.startup-profile ul.list li a:hover .name {
    color: #000;
}

.startup-profile ul.list li a:hover .title {
    color: #000;
}

.startup-profile ul.list li a:hover .status {
    color: #000;
}

.startup-profile ul.list li a .image {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 300;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.startup-profile ul.list li a .image .icon {
    margin: 3px auto;
}

.startup-profile ul.list li.unboxed a .image {
    background: none;
    border: 1px solid transparent;
}

.startup-profile ul.list li.dashed a .image {
    background: none;
    border: 1px dashed #aaa;
}

.startup-profile ul.list li a .chevron {
    position: absolute;
    top: 14px;
    right: 12px;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

.startup-profile ul.list li a .chevron .icon {
    display: block;
}

.startup-profile ul.list li.person a .avatar {
    position: absolute;
    top: 8px;
    left: 8px;
}

.startup-profile ul.list li.person a {
    min-height: 52px;
    padding: 4px 8px 4px 52px;
}

.startup-profile ul.list li.person .name {
    font-weight: 500;
    color: #666;
}

.startup-profile ul.list li.person .title {
    font-weight: 400;
}

.startup-profile ul.list li.person .status {
    color: #999;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile ul.list li.muted a .name,
.startup-profile ul.list li.muted a .title,
.startup-profile ul.list li.muted a .status {
    opacity: .8;
}

.startup-profile ul.list li.muted a .avatar {
    opacity: .4;
}

.startup-profile ul.list li.muted a:hover .name,
.startup-profile ul.list li.muted a:hover .title,
.startup-profile ul.list li.muted a:hover .status,
.startup-profile ul.list li.muted a:hover .avatar {
    opacity: 1;
}

.startup-profile ul.list li.role a {
    min-height: 52px;
    padding: 4px 8px 4px 8px;
}

.startup-profile ul.list li.role .name {
    font-weight: 500;
    color: #666;
}

.startup-profile ul.list li.role .title {
    font-weight: 400;
}

.startup-profile ul.list li.role .status {
    color: #666;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile ul.list li.item a {
    min-height: 40px;
    padding: 8px 8px 8px 8px;
}

.startup-profile ul.list li.item .title {
    font-weight: 500;
}

.startup-profile ul.list li.active a {
    background-color: #e3e3e3;
}

.startup-profile ul.list li.active a span {
    color: #000;
    font-weight: 500;
}

.startup-profile ul.list li ul {
    display: block;
    list-style: none;
    margin: 4px 0 0 0;
    padding: 0;
}

.startup-profile ul.list li ul li {
    margin: 0 0 4px 0;
}

.startup-profile ul.list li ul li a {
    min-height: auto;
    padding: 8px 8px 8px 56px;
    margin: 0;
    box-sizing: border-box;
}

.startup-profile ul.list li ul li a .icon {
    position: absolute;
    top: 8px;
    left: 40px;
    text-align: center;
    vertical-align: middle;
}

.startup-profile ul.list li ul li a:hover {
    background: #eee;
}

.startup-profile ul.list li ul li a:hover span {
    color: #000;
}

.startup-profile ul.list li.active ul li a {
    background-color: transparent;
}

.startup-profile ul.list li.active ul li a span {
    color: #666;
    font-weight: normal;
}

.startup-profile ul.list li.active ul li a:hover {
    background: #eee;
}

.startup-profile ul.list li.active ul li a:hover span {
    color: #666;
}

.startup-profile ul.grid {
    display: block;
    list-style: none;
    margin: 0 6px 30px 6px;
    padding: 0;
}

.startup-profile ul.grid li {
    display: block;
    position: relative;
    float: left;
    margin: 2px 3px 3px 2px;
    padding: 0;
}

.startup-profile ul.grid li.title {
    width: 100%;
    box-sizing: border-box;
    margin: 4px 2px 8px 2px;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile ul.grid li a {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.startup-profile ul.grid li a .avatar {
    opacity: 1.0;
    transition: none;
}

.startup-profile ul.grid li a:hover .avatar {
    opacity: 0.8;
}

.startup-profile .side-actions {
    padding: 0 8px;
    margin: 0 0 24px 0;
}

.startup-profile .side-actions a.button {
    width: auto;
    margin: 0 auto;
}

.startup-profile .pane-1 {
    float: left;
    width: 688px;
    padding: 16px 0;
}

.startup-profile.recruiting-mode .pane-1 {
    width: 100%;
}

.startup-profile .pane-2 {
    float: right;
    width: 220px;
    padding: 16px 0;
}

.startup-profile .pane-alt-1 {
    float: left;
    width: 220px;
    padding: 16px 0;
    box-sizing: border-box;
}

.startup-profile .pane-alt-2 {
    float: right;
    width: 688px;
    padding: 16px 0;
    box-sizing: border-box;
}

.startup-profile .summary {}

.startup-profile .summary ul {
    display: block;
    list-style: none;
    margin: 0 0 24px 0;
    padding: 0;
}

.startup-profile .summary ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.startup-profile .summary ul li a,
.startup-profile .summary ul li .a {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px 8px;
    color: #999;
    transition: none;
    box-sizing: border-box;
    border-radius: 4px;
}

.startup-profile .summary ul li a:hover,
.startup-profile .summary ul li .a:hover {
    color: #000;
    background: #eee;
}

.startup-profile .summary ul li a .icon,
.startup-profile .summary ul li .a .icon {
    display: inline;
    vertical-align: middle;
    padding: 0 8px 0 0;
}

.startup-profile .summary ul li a .title,
.startup-profile .summary ul li .a .title {
    display: inline;
}

.startup-profile .summary ul li.group-title {
    display: block;
    margin: 0;
    padding: 8px 8px;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile .summary ul li a .heading,
.startup-profile .summary ul li .a .heading {
    font-size: 16px;
    line-height: normal;
    color: #333;
    font-weight: 500;
}

.startup-profile .summary ul li a:hover .heading,
.startup-profile .summary ul li .a:hover .heading {
    color: #000;
}

.startup-profile .summary ul li a .verified-icon,
.startup-profile .summary ul li .a .verified-icon {
    padding: 0 4px;
    font-size: 16px;
    line-height: normal;
    color: #00a651;
}

.startup-profile .summary ul li.only-icon {
    display: inline-block;
}

.startup-profile .summary ul li.only-icon a,
.startup-profile .summary ul li.only-icon .a {
    padding: 8px 8px;
}

.startup-profile .summary ul li.only-icon a .icon,
.startup-profile .summary ul li.only-icon .a .icon {
    padding: 0;
}

.startup-profile .summary ul li.only-icon a .title,
.startup-profile .summary ul li.only-icon .a .title {
    display: none;
}

.startup-profile .summary ul li.indicator {
    padding: 0 8px 8px 8px;
    color: #666;
    font-size: 24px;
    line-height: normal;
    font-weight: 300;
}

.startup-profile .summary ul li .value {
    color: #000;
    font-weight: 500;
}

.startup-profile .summary ul li.indicator .tagline {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.startup-profile .feed {
    padding: 0;
}

.startup-profile .info-box {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 16px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fcfcfc;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.startup-profile .info-box .box-icon {
    position: absolute;
    padding: 16px 16px 16px 16px;
    font-size: 18px;
}

.startup-profile .info-box .box-text {
    padding: 16px 16px 16px 48px;
}

.startup-profile ul.roles {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.startup-profile ul.roles li.role {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 16px 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.startup-profile ul.roles li.role .title {
    display: block;
    padding: 0 64px 4px 16px;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
}

.startup-profile ul.roles li.role .title a {
    color: #000;
}

.startup-profile ul.roles li.role .title a:hover {
    color: #007aff;
}

.startup-profile ul.roles li.role .equity {
    display: block;
    padding: 16px 16px 8px 16px;
    font-size: 14px;
    line-height: 1.5em;
}

.startup-profile ul.roles li.role .equity .value {
    display: inline;
    color: #666;
    font-weight: 500;
}

.startup-profile ul.roles li.role .equity .label {
    display: inline;
}

.startup-profile ul.roles li.role .description {
    display: block;
    padding: 8px 16px 16px 16px;
    color: #666;
}

.startup-profile ul.roles li.role .description a {
    color: #000;
}

.startup-profile ul.roles li.role .description a:hover {
    color: #007aff;
}

.startup-profile ul.roles li.role .fixed-description {
    position: relative;
    box-sizing: border-box;
    height: 80px;
    overflow: hidden;
}

.startup-profile ul.roles li.role .fixed-description .overlap-gradient {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.popup .wrapper > .body ul.roles {
    margin: -16px -16px 16px -16px;
}
@media screen and (min-width: 960px) {
    .popup .wrapper > .body ul.roles {
        margin: -16px 0 0 0;
    }
}

.startup-profile ul.roles li.role.role-template {
    cursor: pointer;
    margin-bottom: 0;
    padding: 16px 0;
    border-top-width: 0;
}
@media screen and (min-width: 960px) {
    .startup-profile ul.roles li.role.role-template {
        margin-bottom: 16px;
        border-top-width: 1px;
    }
}

.startup-profile ul.roles li.role.role-template:hover {
    background-color: #f3f3f3;
}

.startup-profile ul.roles li.role.role-template:hover .equity,
.startup-profile ul.roles li.role.role-template:hover .description,
.startup-profile ul.roles li.role.role-template:hover .goals {
    color: #333;
}

.live-profile > .startup-profile ul.roles > li.role.role-template .equity {
    padding-top: 8px;
}

.startup-profile ul.roles ul.goals {
    display: block;
    list-style: none;
    margin: 0;
    padding: 16px 16px;
}

.startup-profile ul.roles ul.goals li.goal {
    position: relative;
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
}

.startup-profile ul.roles ul.goals li.goal a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px 0;
    box-sizing: border-box;
    background: none;
    border: none;
    border-radius: 0;
    color: #999;
}

.startup-profile ul.roles ul.goals li.goal a:hover {
    color: #000;
}

.startup-profile ul.roles ul.goals li.goal .goal-icon {
    position: absolute;
    top: 4px;
    left: 4px;
}

.startup-profile ul.roles ul.goals li.goal .text {
    padding: 0 0 0 28px;
}

.startup-profile ul.roles ul.goals li.goal .text .icon {
    vertical-align: middle;
}

.startup-profile ul.roles ul.goals li.goal .black {
    color: #000;
}

.startup-profile ul.roles ul.goals li.goal .yellow {
    color: #ffcc00;
}

.startup-profile ul.roles ul.goals li.goal .green {
    color: #00a651;
}

.startup-profile ul.roles ul.goals li.goal .blue {
    color: #007aff;
}

.startup-profile ul.roles li.role .applicant {
    display: block;
    border-top: 1px solid #f3f3f3;
}

.startup-profile ul.roles li.role .applicant a {
    position: relative;
    display: block;
    padding: 16px 16px 16px 16px;
}

.startup-profile ul.roles li.role .applicant a:hover {
    background: #fcfcfc;
}

.startup-profile ul.roles li.role .applicant a .avatar {
    position: absolute;
}

.startup-profile ul.roles li.role .applicant a .label {
    padding: 0 0 0 52px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.startup-profile ul.roles li.role .applicant a:hover .label {
    color: #999;
}

.startup-profile ul.roles li.role .applicant a .name {
    padding: 0 0 0 52px;
    color: #666;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 500;
}

.startup-profile ul.roles li.role .applicant a:hover .name {
    color: #000;
}

.startup-profile ul.roles li.role .actions {
    display: block;
    padding: 16px 16px 16px 16px;
    border-top: 1px solid #f3f3f3;
}

.startup-profile ul.roles li.role .actions .actions-pane-1 {
    float: left;
    width: 50%;
    padding: 0 8px 0 0;
    box-sizing: border-box;
}

.startup-profile ul.roles li.role .actions .actions-pane-2 {
    float: right;
    width: 50%;
    padding: 0 0 0 8px;
    box-sizing: border-box;
}

.startup-profile ul.roles li.role a.call-to-action {
    position: relative;
    display: block;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    color: #000;
    background: #fff;
    border-top: 1px solid #f3f3f3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
    line-height: normal;
    transition: none;
}

.startup-profile ul.roles li.role a.call-to-action .icon {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
}

.startup-profile ul.roles li.role a.call-to-action:hover {
    background: #fcfcfc;
    color: #007aff;
}

.startup-profile ul.roles li.role a.call-to-action:active {
    background: #f9f9f9;
    color: #0066d5;
}

.startup-profile .applicant-card {
    display: block;
    position: relative;
    margin: 0 0 16px 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.startup-profile .applicant-card .status {
    padding: 16px 16px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile .applicant-card .status .icon {
    vertical-align: middle;
}

.startup-profile .applicant-card .status .blue {
    color: #007aff;
}

.startup-profile .applicant-card .status .red {
    color: #ff3b30;
}

.startup-profile .applicant-card .status .green {
    color: #00a651;
}

.startup-profile .applicant-card .status .yellow {
    color: #ffcc00;
}

.startup-profile .applicant-card .status .gray {
    color: #999;
}

.startup-profile .applicant-card .preview {
    position: relative;
    margin: 0;
    padding: 0;
}

.startup-profile .applicant-card .preview a {
    display: block;
    margin: 0;
    padding: 24px 0 8px 0;
}

.startup-profile .applicant-card .preview a .avatar {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    padding: 0;
    opacity: 1.0;
    transition: none;
}

.startup-profile .applicant-card .preview a:hover .avatar {
    opacity: 0.8;
}

.startup-profile .applicant-card .summary {
    padding: 16px;
    overflow: hidden;
}

.startup-profile .applicant-card .summary a {
    color: #000;
}

.startup-profile .applicant-card .summary a:hover {
    color: #007aff;
}

.startup-profile .applicant-card .summary a:active {
    color: #0066d5;
}

.startup-profile .applicant-card .summary .name {
    font-weight: 500;
    text-align: center;
}

.startup-profile .applicant-card .summary .time {
    text-align: center;
}

.startup-profile .applicant-card .summary .time a {
    color: #999;
}

.startup-profile .applicant-card .summary a.score-average {
    display: block;
    padding: 4px 4px 2px 4px;
    text-align: center;
    color: #999;
}

.startup-profile .applicant-card .summary a.score-average:hover {
    color: #000;
}

.startup-profile .applicant-card .summary a.score-average .icon {
    vertical-align: middle;
    color: #ccc;
}

.startup-profile .applicant-card .summary a.score-average:hover .icon {
    color: #aaa;
}

.startup-profile .applicant-card .summary a.score-average .filled {
    color: #666;
}

.startup-profile .applicant-card .summary a.score-average:hover .filled {
    color: #000;
}

.startup-profile .applicant-card .score {
    padding: 16px;
    border-top: 1px solid #f3f3f3;
    text-align: center;
}

.startup-profile .applicant-card .score a {
    color: #ccc;
    padding: 4px;
}

.startup-profile .applicant-card .score a:hover {
    color: #ffcc00;
}

.startup-profile .applicant-card .score a.filled {
    color: #ffcc00;
}

.startup-profile .applicant-card .score a.processing {
    cursor: default;
}

.startup-profile .applicant-card .score a .icon {
    font-size: 20px;
    vertical-align: middle;
}

.startup-profile .applicant-card .actions {
    border-top: 1px solid #f3f3f3;
}

.startup-profile .applicant-card .actions a {
    margin: 16px 16px;
}

.startup-profile .awards-list {
    padding: 8px 0;
}

.startup-profile .cards {
    padding: 0;
}

.startup-profile .cards ul {
    margin: 0 -8px;
    padding: 0;
}

.startup-profile .goal-assignee-card {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.startup-profile .goal-assignee-card .status {
    padding: 16px 16px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.startup-profile .goal-assignee-card .status .icon {
    vertical-align: middle;
}

.startup-profile .goal-assignee-card .status .blue {
    color: #007aff;
}

.startup-profile .goal-assignee-card .status .red {
    color: #ff3b30;
}

.startup-profile .goal-assignee-card .status .green {
    color: #00a651;
}

.startup-profile .goal-assignee-card .status .yellow {
    color: #ffcc00;
}

.startup-profile .goal-assignee-card .status .gray {
    color: #999;
}

.startup-profile .goal-assignee-card .preview {
    position: relative;
    margin: 0;
    padding: 0;
}

.startup-profile .goal-assignee-card .preview a {
    display: block;
    margin: 0;
    padding: 24px 0 8px 0;
}

.startup-profile .goal-assignee-card .preview a .avatar {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    padding: 0;
    opacity: 1.0;
    transition: none;
}

.startup-profile .goal-assignee-card .preview a:hover .avatar {
    opacity: 0.8;
}

.startup-profile .goal-assignee-card .summary {
    padding: 16px;
    overflow: hidden;
}

.startup-profile .goal-assignee-card .summary a {
    color: #000;
}

.startup-profile .goal-assignee-card .summary a:hover {
    color: #007aff;
}

.startup-profile .goal-assignee-card .summary a:active {
    color: #0066d5;
}

.startup-profile .goal-assignee-card .summary .title {
    text-align: center;
}

.startup-profile .goal-assignee-card .summary .name {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    text-align: center;
}

.startup-profile .goal-assignee-card .summary .role {
    text-align: center;
}

.startup-profile .goal-assignee-card .summary .role a {
    color: #666;
}

.startup-profile .goal-assignee-card .summary .role a:hover {
    color: #000;
}


/* Startup Live Profile */

.live-profile [contenteditable] {
    position: relative;
    display: inline-block;
    margin: -4px -6px;
    padding: 4px 6px;
    border: 0;
    outline: 0;
    border-radius: 4px;
}

.live-profile [contenteditable]:empty::before {
    content: attr(placeholder);
    color: #999;
    cursor: text;
    border-bottom: 1px dashed #ccc;
}

.live-profile .fr-placeholder {
    color: #999;
    border-bottom: 1px dashed #ccc;
}

.live-profile .fr-wrapper.show-placeholder .fr-placeholder {
    display: inline-block;
}

.live-profile .fr-wrapper .fr-placeholder {
    right: auto;
}

.live-profile .fr-box {
    padding: 0;
}

.live-profile .fr-box .fr-wrapper,
.live-profile .fr-toolbar {
    box-shadow: none !important;
}

.live-profile .fr-element .fr-view {
    box-shadow: none;
}

.live-profile .fr-toolbar {
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.live-profile .fr-toolbar.fr-sticky-on {
    margin: 0px -17px;
}

.live-profile .fr-toolbar.fr-sticky-off {
    margin: -17px -17px 14px -17px;
    border-radius: 0;
}

.live-profile .fr-fullscreen .fr-toolbar.fr-sticky-off {
    margin: -0px -17px 15px -17px;
    border-left: none;
    border-right: none;
    border-top: none;
}

.live-profile [contenteditable]:focus {
    color: #000;
    background-color: #f9f9f9;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
}

.live-profile [contenteditable]:empty:focus::before {
    border-bottom: none;
}

.live-profile .panel {
    margin: 0 0 16px 0;
    padding: 16px 16px;
    color: #666;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.live-profile > .startup-profile > .wrapper > .header {
    min-height: 144px;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container {
    position: absolute;
    display: block;
    top: 24px;
    right: 24px;
    width: 96px;
    height: 96px;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .profile-avatar {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .profile-avatar > .image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/startup-avatar-default.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .profile-avatar > .edit-avatar {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px 4px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    background: rgba(0,0,0,0.2);
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: none;
    opacity: .8;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .profile-avatar:hover > .edit-avatar {
    color: #fff;
    background: rgba(0,0,0,0.4);
    opacity: 1;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .profile-avatar:active > .edit-avatar {
    color: #fff;
    background: rgba(0,0,0,0.6);
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .loading-progress {
    position: absolute;
    visibility: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    margin: 0;
    padding: 8px 8px;
    border-bottom: none;
    background: rgba(0,0,0,0.2);
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .loading-progress > .progress {
    background: rgba(0,0,0,0.2);
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .loading-progress > .progress > .bar {
    background: #fff;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .loading-progress.dismissable > .progress {
    margin-left: 16px;
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .loading-progress.dismissable > .dismiss {
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    padding: 1px;
    font-size: 14px;
    line-height: 14px;
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0.2);
}

.live-profile > .startup-profile > .wrapper > .header > .profile-avatar-container > .loading-progress.dismissable > .dismiss:hover {
    color: #ff3b30;
    background: #fff;
}

.live-profile > .startup-profile.role-profile > .wrapper > .header > .breadcrumbs,
.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .breadcrumbs,
.live-profile > .startup-profile.goal-profile > .wrapper > .header > .breadcrumbs,
.live-profile > .startup-profile.recruiting-mode > .wrapper > .header > .breadcrumbs {
    padding: 16px 144px 8px 24px;
    font-size: 12px;
    line-height: 1.5em;
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.live-profile > .startup-profile.role-profile > .wrapper > .header > .breadcrumbs a,
.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .breadcrumbs a,
.live-profile > .startup-profile.goal-profile > .wrapper > .header > .breadcrumbs a,
.live-profile > .startup-profile.recruiting-mode > .wrapper > .header > .breadcrumbs a {
    color: #999;
}

.live-profile > .startup-profile.role-profile > .wrapper > .header > .breadcrumbs a:hover,
.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .breadcrumbs a:hover,
.live-profile > .startup-profile.goal-profile > .wrapper > .header > .breadcrumbs a:hover,
.live-profile > .startup-profile.recruiting-mode > .wrapper > .header > .breadcrumbs a:hover {
    color: #000;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > a.goal-checkbox {
    position: absolute;
    display: block;
    top: 48px;
    left: 24px;
    width: 36px;
    height: 36px;
    padding: 9px 0;
    font-size: 18px;
    line-height: 36px;
    color: #f9f9f9;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 10;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > a.goal-checkbox.active {
    color: #fff;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > a.goal-checkbox.reachable:hover {
    color: #007aff;
    background: #fff;
    border: 1px solid #ccc;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > a.goal-checkbox.reached {
    color: #007aff;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > a.goal-checkbox.approvable:hover {
    color: #fff;
    background: #007aff;
    border: 1px solid #007aff;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > a.goal-checkbox.approved {
    color: #fff;
    background: #007aff;
    border: 1px solid #007aff;
}

.live-profile > .startup-profile > .wrapper > .header > .name {
    padding: 24px 144px 2px 24px;
}

.live-profile > .startup-profile.role-profile > .wrapper > .header > .name,
.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .name,
.live-profile > .startup-profile.recruiting-mode > .wrapper > .header > .name {
    padding: 2px 144px 2px 24px;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > .name {
    padding: 8px 144px 2px 80px;
}

.live-profile > .startup-profile > .wrapper > .header > .name h1 {
    text-align: left;
}

.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .name h1 {
    font-size: 22px;
    line-height: normal;
    font-weight: 600;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > .name h1 {
    font-size: 24px;
    line-height: normal;
    font-weight: 400;
}

.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .subtitle {
    padding: 2px 144px 2px 24px;
}

.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .subtitle h2 {
    text-align: left;
    font-weight: 400;
}

.live-profile > .startup-profile > .wrapper > .header > .about {
    padding: 2px 144px 6px 24px;
}

.live-profile > .startup-profile > .wrapper > .header > .about a,
.live-profile > .startup-profile > .wrapper > .header > .about a:hover {
    color: #000;
}

.live-profile > .startup-profile.applicant-profile > .wrapper > .header > .about,
.live-profile > .startup-profile.recruiting-mode > .wrapper > .header > .about {
    padding: 2px 144px 24px 24px;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > .about {
    padding: 2px 144px 24px 80px;
}

.live-profile > .startup-profile > .wrapper > .header > .about p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: left;
    color: #666;
}

.live-profile > .startup-profile > .wrapper > .header > .actions {
    padding: 6px 144px 24px 24px;
}

.live-profile > .startup-profile.goal-profile > .wrapper > .header > .actions {
    padding: 0px 144px 24px 80px;
}

.live-profile > .startup-profile > .wrapper > .header .tabs ul li {
    width: 16.5%;
}
@media (max-width: 600px) {
    .live-profile > .startup-profile > .wrapper > .header .tabs ul li {
        width: 33%;
    }
}

.live-profile > .startup-profile.role-profile > .wrapper > .header .tabs ul li {
    width: 33.3%;
}

.live-profile > .startup-profile.role-profile > .wrapper > .header .tabs.two-tabs ul li {
    width: 50%;
}

.live-profile > .startup-profile .half-box .video-player {
    position: relative;
}

.live-profile > .startup-profile .half-box .video-player > .image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/startup-cover-default.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.live-profile > .startup-profile .half-box .video-player > .loading-progress {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 112px;
    right: 0;
    z-index: 20;
    margin: 0;
    padding: 20px 20px;
    border-bottom: none;
    border-bottom-left-radius: 4px;
    background: rgba(0,0,0,0.2);
}

.live-profile > .startup-profile .half-box .video-player > .loading-progress > .progress {
    background: rgba(0,0,0,0.2);
}

.live-profile > .startup-profile .half-box .video-player > .loading-progress > .progress > .bar {
    background: #fff;
}

.live-profile > .startup-profile .half-box .video-player > .loading-progress.dismissable > .progress {
    margin-left: 20px;
}

.live-profile > .startup-profile .half-box .video-player > .loading-progress.dismissable > .dismiss {
    top: 15px;
    left: 15px;
    width: 18px;
    height: 18px;
    padding: 1px;
    font-size: 16px;
    line-height: 16px;
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0.2);
}

.live-profile > .startup-profile .half-box .video-player > .loading-progress.dismissable > .dismiss:hover {
    color: #ff3b30;
    background: #fff;
}

.live-profile > .startup-profile .half-box .video-player > .edit-cover,
.live-profile > .startup-profile .half-box .video-player > .edit-video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 10;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 12px 12px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    background: rgba(0,0,0,0.2);
    color: #fff;
    transition: none;
    opacity: .8;
}

.live-profile > .startup-profile .half-box .video-player > .edit-video {
    left: 48px;
    border-bottom-right-radius: 4px;
}

.live-profile > .startup-profile .half-box .video-player > .edit-cover:hover,
.live-profile > .startup-profile .half-box .video-player > .edit-video:hover {
    color: #fff;
    background: rgba(0,0,0,0.4);
    opacity: 1;
}

.live-profile > .startup-profile .half-box .video-player > .edit-cover:active,
.live-profile > .startup-profile .half-box .video-player > .edit-video:active {
    color: #fff;
    background: rgba(0,0,0,0.6);
}
.live-profile > .startup-profile .half-box .video-player > .play-video {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -22.5px;
    z-index: 10;
    width: 90px;
    height: 45px;
    padding: 5px;
    box-sizing: border-box;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    background: rgba(43,51,63,.7);
    border: 2px solid #fff;
    color: #fff;
    transition: none;
    border-radius: 9px;
    opacity: 1;
}

.live-profile > .startup-profile .half-box .video-player > .play-video:hover,
.live-profile > .startup-profile .half-box .video-player > .play-video:active {
    color: #fff;
    background: rgba(115,133,159,.5);
    border-color: #fff;
    opacity: 1;
}

.live-profile > .startup-profile .half-box .video-player > .image > .warning-box {
    position: absolute;
    display: block;
    bottom: 16px;
    left: 16px;
    right: 16px;
    padding: 16px;
    color: #fff;
    background: rgba(0,0,0,0.2);
    text-align: center;
    border-radius: 4px;
}

.live-profile > .startup-profile .half-box .load-pitch-template {
    position: relative;
    display: block;
    padding: 16px 16px;
    box-sizing: border-box;
    background: #fff;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    transition: none;
}

.live-profile > .startup-profile .half-box .load-pitch-template:hover {
    background: #eee;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #000;
}

.live-profile > .startup-profile .half-box .load-pitch-template:active {
    background: #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    color: #000;
}

.live-profile > .startup-profile .half-box .load-pitch-template i {
    margin: 0 4px;
    display: inline;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
}

.live-profile > .startup-profile .half-box .body [contenteditable] {
    display: block;
}

.live-profile > .startup-profile ul.members {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.live-profile > .startup-profile ul.members > li.member {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    min-height: 110px;
    margin: 0 0 16px 0;
    padding: 20px 24px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.live-profile > .startup-profile ul.members > li.member > .remove {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 6px 6px;
    top: 0;
    left: 0;
    color: #ccc;
    transition: none;
}

.live-profile > .startup-profile ul.members > li.member > .remove:hover {
    color: #ff3b30;
}

.live-profile > .startup-profile ul.members > li.member > .avatar {
    position: absolute;
    top: 24px;
    left: 24px;
}

.live-profile > .startup-profile ul.members > li.member .name {
    display: block;
    padding: 0 0 0 84px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    color: #000;
}

.live-profile > .startup-profile ul.members > li.member .name a {
    color: #000;
}

.live-profile > .startup-profile ul.members > li.member .name a:hover {
    color: #007aff;
}

.live-profile > .startup-profile ul.members > li.member .title {
    display: block;
    padding: 0 0 0 84px;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
}

.live-profile > .startup-profile ul.members > li.member .title a {
    color: #000;
}

.live-profile > .startup-profile ul.members > li.member .title a:hover {
    color: #007aff;
}

.live-profile > .startup-profile ul.members > li.member .equity {
    display: block;
    padding: 0 0 0 84px;
    font-size: 14px;
    line-height: 1.5em;
}

.live-profile > .startup-profile ul.members > li.member .equity .value {
    display: inline;
    color: #666;
    font-weight: 500;
}

.live-profile > .startup-profile ul.members > li.member .equity .label {
    display: inline;
}

.live-profile > .startup-profile ul.members > li.member .description {
    display: block;
    padding: 0 0 0 84px;
    color: #666;
}

.live-profile > .startup-profile ul.members > li.member .description a {
    color: #000;
}

.live-profile > .startup-profile ul.members > li.member .description a:hover {
    color: #007aff;
}

.live-profile > .startup-profile ul.members > li.member .email {
    display: block;
    padding: 0 0 0 84px;
    color: #666;
}

.live-profile > .startup-profile ul.members > li.member .username {
    display: block;
    padding: 0 0 0 84px;
    color: #666;
}

.live-profile > .startup-profile ul.members > li.member .username a {
    color: #666;
}

.live-profile > .startup-profile ul.members > li.member .username a:hover {
    color: #000;
}

.live-profile > .startup-profile ul.members > li.member .permissions {
    display: block;
    padding: 0 0 0 84px;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.live-profile > .startup-profile ul.members > li.member .permissions > .permission-checkbox {
    display: inline-block;
    margin: 4px 16px 4px 0;
}

.live-profile > .startup-profile ul.members > li.member .permissions > .permission-checkbox > input[type=checkbox] {
    margin: 1px 2px 0 0;
    width: 16px;
    height: 16px;
}

.live-profile > .startup-profile ul.members > li.member .permissions > .permission-checkbox > input[type=checkbox]::after {
    top: -16px;
    left: 1px;
    font-size: 12px;
}

.live-profile > .startup-profile ul.members > li.member .permissions > .permission-checkbox > input[type=checkbox] + label {
    padding: 0 0;
}

.live-profile > .startup-profile ul.members > li.member .status {
    display: inline-block;
    padding: 4px 0 0 84px;
    color: #666;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
}

.live-profile > .startup-profile ul.members > li.member .status-link {
    display: inline-block;
    margin: 0 0;
    padding: 0 0;
    color: #ccc;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
}

.live-profile > .startup-profile ul.members > li.member .status-link a {
    color: #999;
}

.live-profile > .startup-profile ul.members > li.member .status-link a:hover {
    color: #000;
}

.live-profile > .startup-profile ul.members > li.member .status > i {
    margin: 0 4px 0 0;
}

.live-profile > .startup-profile ul.members > li.member input[type=text] {
    display: block;
    margin: -4px -6px;
    padding: 4px 6px;
    min-height: auto;
    font-size: 16px;
    line-height: 1.5em;
    border: 0;
    outline: 0;
    border-radius: 4px;
    background: none;
    transition: none;
}

.live-profile > .startup-profile ul.members > li.member input[type=text]:focus {
    color: #000;
    background-color: #f9f9f9;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
    box-shadow: inset 0px 0px 0px 1px rgba(227,227,227,1);
}

.live-profile > .startup-profile ul.members > li.member .empty input[type=text] {
    display: inline-block;
    width: 76px;
    margin: 0 0 -1px 0;
    padding: 0 0;
    border-bottom: 1px dashed #ccc;
    border-radius: 0px;
}

.live-profile > .startup-profile ul.members > li.member .empty input[type=text]:focus {
    display: block;
    width: 100%;
    margin: -4px -6px;
    padding: 4px 6px;
    border-bottom: none;
    border-radius: 4px;
}

.live-profile > .startup-profile ul.members > li.add > .add-trigger {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 16px 0;
    padding: 16px 16px;
    box-sizing: border-box;
    background: #eee;
    border: 1px dashed #d3d3d3;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #666;
    transition: none;
}

.live-profile > .startup-profile ul.members > li.add > .add-trigger:hover {
    color: #000;
    background: #f9f9f9;
    border: 1px dashed #ccc;
}

.live-profile > .startup-profile ul.members > li.add > .add-trigger > i {
    margin: 0 6px 0 0;
    color: #00a651;
}

.live-profile > .startup-profile ul.members > li.add > .add-trigger:hover > i {
    color: #008943;
}

.live-profile > .startup-profile ul.roles > li.role > .remove {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 6px 6px;
    top: 0;
    left: 0;
    color: #ccc;
    transition: none;
}

.live-profile > .startup-profile ul.roles > li.role > .remove:hover {
    color: #ff3b30;
}

.live-profile > .startup-profile ul.roles > li.role .title {
    padding: 0 64px 4px 24px;
}

.live-profile > .startup-profile ul.roles > li.role .title .a {
    color: #000;
}

.live-profile > .startup-profile ul.roles > li.role .equity {
    padding: 24px 24px 8px 24px;
}

.live-profile > .startup-profile ul.roles > li.role .description {
    display: block;
    padding: 8px 24px 8px 24px;
    color: #666;
}

.live-profile > .startup-profile ul.roles > li.role .skills {
    display: block;
    padding: 8px 24px 16px 24px;
    color: #666;
}

.live-profile > .startup-profile ul.roles > li.role a.call-to-action {
    padding: 16px 24px;
    color: #666;
}

.live-profile > .startup-profile ul.roles > li.role a.call-to-action .icon {
    right: 24px;
}

.live-profile > .startup-profile ul.roles > li.role a.call-to-action:hover {
    color: #000;
}

.live-profile > .startup-profile ul.roles > li.role a.call-to-action:active {
    color: #000;
}

.live-profile > .startup-profile ul.roles > li.add > .add-trigger {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 16px 0;
    padding: 16px 16px;
    box-sizing: border-box;
    background: #eee;
    border: 1px dashed #d3d3d3;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #666;
    transition: none;
    cursor: pointer;
}

.live-profile > .startup-profile ul.roles > li.add > .add-trigger:hover {
    color: #000;
    background: #f9f9f9;
    border: 1px dashed #ccc;
}

.live-profile > .startup-profile ul.roles > li.add > .add-trigger > i {
    margin: 0 6px 0 0;
    color: #00a651;
}

.live-profile > .startup-profile ul.roles > li.add > .add-trigger:hover > i {
    color: #008943;
}

.live-profile > .startup-profile ul.roles ul.goals {
    padding: 0 16px 8px 16px;
}

.live-profile > .startup-profile ul.roles ul.goals > li.goal {
    margin: 8px 0;
    padding: 0 0 0 28px;
}

.live-profile > .startup-profile ul.roles ul.goals > li.goal > .remove {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 4px 4px;
    left: 0;
    color: #ccc;
    transition: none;
}

.live-profile > .startup-profile ul.roles ul.goals > li.goal > .remove:hover {
    color: #ff3b30;
}

.live-profile > .startup-profile ul.roles tags-input > .host {
    margin: 0 8px 8px 8px;
}

.live-profile > .startup-profile ul.roles tags-input > .host > .tags {
    border: none;
}

.live-profile > .startup-profile ul.roles ul.goals > li.add {
    margin: 8px 0;
}

.live-profile > .startup-profile ul.roles ul.goals > li.add > .add-trigger {
    position: relative;
    display: block;
    padding: 0 0 0 28px;
    font-weight: 500;
    color: #666;
    transition: none;
}

.live-profile > .startup-profile ul.roles ul.goals > li.add > .add-trigger:hover {
    color: #000;
}

.live-profile > .startup-profile ul.roles ul.goals > li.add > .add-trigger > i {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 4px 4px;
    left: 0;
    color: #00a651;
}

.live-profile > .startup-profile ul.roles ul.goals > li.add > .add-trigger:hover > i {
    color: #008943;
}

.live-profile > .startup-profile ul.list li.add > .add-trigger {
    padding: 8px 10px;
    color: #666;
    background: #eee;
    border: 1px dashed #d3d3d3;
    font-weight: 500;
}

.live-profile > .startup-profile ul.list li.add > .add-trigger:hover {
    color: #000;
    background: #f9f9f9;
    border: 1px dashed #ccc;
}

.live-profile > .startup-profile ul.list li.add > .add-trigger > i {
    margin: 0 4px 0 0;
    color: #00a651;
}

.live-profile > .startup-profile ul.list li.add > .add-trigger:hover > i {
    color: #008943;
}

.live-profile > .startup-profile .head {
    padding: 24px 24px 8px 24px;
    background: #f3f3f3;
}

.live-profile > .startup-profile .form-box .document-preview {
    position: relative;
    padding: 16px 16px;
    box-sizing: border-box;
    text-align: center;
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.live-profile > .startup-profile .form-box .document-preview a.document {
    display: block;
    margin: 0 auto;
    padding: 12px 12px;
    box-sizing: border-box;
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    color: #999;
    border-radius: 4px;
    transition: none;
}

.live-profile > .startup-profile .form-box .document-preview a.document:hover {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #000;
}

.live-profile > .startup-profile .form-box .document-preview a.document .icon {
    font-size: 18px;
    vertical-align: middle;
}

.live-profile > .startup-profile .form-box .document-preview a.no-document {
    background: transparent;
    border: 1px solid transparent;
    color: #999;
}

.live-profile > .startup-profile .form-box .document-preview a.no-document:hover {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #666;
}

.live-profile > .startup-profile .form-box .document-preview .loading-progress {
    margin: 0;
    padding: 19px 19px;
}

.live-profile > .startup-profile .submit .pane-2 .cards {
    margin-top: -8px;
}


/* Person Live Profile */

.live-profile > .person-profile .box tags-input > .host > .tags {
    margin: -6px -6px;
    border: none;
}
.live-profile > .person-profile .box .body {
    padding: 16px 16px;
}


/* Angucomplete */

.angucomplete-holder {
    position: relative;
}
.angucomplete-dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 2px;
    padding: 4px 0;
    border: none;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    z-index: 100;
}
.angucomplete-searching {
    padding: 6px 12px;
    color: #ccc;
}
.angucomplete-description {
    color: #999;
}
.angucomplete-row {
    text-align: left;
    width: 100%;
    padding: 6px 12px;
    color: #333;
    box-sizing: border-box;
}
.contact-picker-finder .angucomplete-row {
    min-height: 46px;
}
.angucomplete-selected-row, .angucomplete-row:hover {
    background-color: #f9f9f9;
}
.angucomplete-image-holder {
    float: left;
    margin: 2px 12px 0 0;
}
.angucomplete-image {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}
.angucomplete-image-default {
    background-image: url('/images/avatar.png');
    background-position: center;
    background-size: contain;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}
.angucomplete-row .highlight {
    font-weight: 600;
}

/*  Full-Screen Message */

.fullscreen-message {
    background: #f3f3f3;
    padding: 8px 0;
}

.fullscreen-message .box {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.fullscreen-message .box .image {
    position: relative;
    height: 160px;
}

.fullscreen-message .box .startup-icon {
    position: absolute;
    width: 96px;
    height: 96px;
    top: 50%;
    left: 50%;
    margin-top: -48px;
    margin-left: -48px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}

.fullscreen-message .box .startup-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    color: #fff;
    font-size: 48px;
}

.fullscreen-message .box .startup-avatar {
    position: absolute;
    width: 96px;
    height: 96px;
    top: 50%;
    left: 50%;
    margin-top: -48px;
    margin-left: -48px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}

.fullscreen-message .box .startup-avatar .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    color: #fff;
    font-size: 48px;
}

.fullscreen-message .box .image .status-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin-top: 24px;
    margin-left: 24px;
    color: #007aff;
    font-size: 36px;
    background: #fff;
    border-radius: 50%;
}

.fullscreen-message .box .image .status-icon-red {
    color: #ff3b30;
}

.fullscreen-message .box .image .status-icon-green {
    color: #00a651;
}

.fullscreen-message .box .image .status-circled-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin-top: 24px;
    margin-left: 24px;
    padding: 6px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #007aff;
    border: 2px solid #fff;
    border-radius: 50%;
}

.fullscreen-message .box .image .status-circled-icon-red {
    background: #ff3b30;
}

.fullscreen-message .box .image .status-circled-icon-green {
    background: #00a651;
}

.fullscreen-message .box .image .avatar {
    position: absolute;
    width: 96px;
    height: 96px;
    top: 50%;
    left: 50%;
    margin-top: -48px;
    margin-left: -48px;
    border: 1px solid #f3f3f3;
}

.fullscreen-message .box .title {
    padding: 0 24px 8px 24px;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center;
    color: #000;
}

.fullscreen-message .box .message {
    padding: 8px 24px 24px 24px;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    color: #666;
}

.fullscreen-message .box .actions {
    text-align: center;
    border-top: 1px solid #f3f3f3;
}

.fullscreen-message .box .actions a {
    display: block;
    padding: 16px 24px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    transition: none;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fullscreen-message .box .actions a:hover {
    background: #fcfcfc;
    color: #0066d5;
}

.fullscreen-message .box .actions a:active {
    background: #f3f3f3;
}

.fullscreen-message .box .actions a.no {
    float: left;
    box-sizing: border-box;
    width: 50%;
    border-bottom-right-radius: 0;
    color: #ff3b30;
}

.fullscreen-message .box .actions a.yes {
    float: right;
    box-sizing: border-box;
    width: 50%;
    border-bottom-left-radius: 0;
}

.fullscreen-message .box .error {
    color: #ff3b30;
}


/* Signing frame */

.signing-frame-container {
    position: absolute;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f3f3f3;
    z-index: 10;
}

.signing-frame {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 0 0 0;
}


/* Control Panel */

.cp {
    position: relative;
    background: #f3f3f3;
    padding: 16px 0;
}

.cp .box {
    display: block;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.cp table.data {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #999;
}

.cp table.data tr,
.cp table.data th,
.cp table.data td {
    padding: 16px 8px;
    text-align: left;
    vertical-align: top;
}

.cp table.data thead tr {
    border-bottom: 2px solid #e3e3e3;
}

.cp table.data thead tr th {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cp table.data tbody tr {
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
}

.cp table.data tbody tr:hover {
    background: #fcfcfc;
    color: #000;
}

.cp table.data th.thumb,
.cp table.data td.thumb {
    width: 22px;
    padding: 12px 12px;
}

.cp table.data .thumb-icon {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cp table.data .thumb-avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.cp table.data a {
    color: #666;
}

.cp table.data a:hover {
    color: #007aff;
}

.cp table.data .status {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cp table.data .status .blue {
    color: #007aff;
}

.cp table.data .status .red {
    color: #ff3b30;
}

.cp table.data .status .green {
    color: #00a651;
}

.cp table.data .status .yellow {
    color: #ffcc00;
}

.cp table.data .status .gray {
    color: #999;
}

.sidebar-admin-tools {
    position: relative;
    display: block;
    margin: 0 0 24px 0;
    padding: 0;
    box-sizing: border-box;
    background: #e3e3e3;
    border-radius: 4px;
}

.sidebar-admin-tools .admin-tools-title {
    padding: 16px 16px;
    color: #999;
    border-bottom: 1px dashed #ccc;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.sidebar-admin-tools .admin-tools-title .icon {
    vertical-align: middle;
}

.sidebar-admin-tools ul.actions {
    display: block;
    list-style: none;
    margin: 0;
    padding: 8px 8px;
}

.sidebar-admin-tools ul.actions li {
    display: block;
    margin: 0;
    padding: 8px 8px;
}

.sidebar-admin-tools ul.actions li a.button {
    display: block;
}

.sidebar-status {
    position: relative;
    display: block;
    margin: 0 0 16px 0;
    padding: 16px 8px;
    box-sizing: border-box;
    background: #fff;
    color: #666;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidebar-status .icon {
    vertical-align: middle;
}

.sidebar-status .blue {
    color: #007aff;
}

.sidebar-status .red {
    color: #ff3b30;
}

.sidebar-status .green {
    color: #00a651;
}

.sidebar-status .yellow {
    color: #ffcc00;
}

.sidebar-status .gray {
    color: #999;
}


/* Device Pixel Ratio Queries */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .s {
        background-image: url(../images/sprite@2x.png);
    }
    select {
        background-image: url(../images/select-arrow-button@2x.png);
    }
    ::-webkit-search-cancel-button {
        background-image: url(../images/search-cancel-button@2x.png);
    }
    input[type=search] {
        background-image: url(../images/input-search@2x.png);
    }
    input[type=search]:focus {
        background-image: url(../images/input-search@2x.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min--moz-device-pixel-ratio: 2.5),
only screen and (min-resolution: 360dpi) {
    select {
        background-image: url(../images/select-arrow-button@3x.png);
    }
    ::-webkit-search-cancel-button {
        background-image: url(../images/search-cancel-button@3x.png);
    }
    input[type=search] {
        background-image: url(../images/input-search@3x.png);
    }
    input[type=search]:focus {
        background-image: url(../images/input-search@3.png);
    }
}


/* ---------------------------- */


/* MEDIA QUERIES */


/* ---------------------------- */


/* @media screen and (max-width: 320px) */

.mobile-hidden {
    display: none;
}

.mobile-only {
    display: block;
}

.wrapper {
    width: 100%;
    padding: 0 8px;
}

header .wrapper {
    padding: 0;
}

header nav ul li.gusher {
    display: none;
}

header.basic nav ul li.gusher {
    display: block;
}

header nav ul li a .alerts {
    top: 8px;
    right: 50%;
    margin-right: -24px;
}

header nav ul li a span.title {
    display: none;
}

header.basic nav ul li a span.title {
    display: block;
}

header nav ul li.base {
    width: 16.6%;
}

header.basic nav ul li.base {
    width: auto;
}

header nav ul li.base a.base .icon {
    float: none;
    margin: 6px auto;
}

header nav ul li.base a.base .avatar {
    float: none;
    margin: 4px auto;
}

header nav ul li.base a.base .icon-gusher {
    margin: -32px 0 0 0;
}

header nav ul li.base a.base .icon-gusher-g {
    margin: 0 auto;
}

header nav ul li ul {
    position: fixed;
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: 56px;
    left: 0;
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

header nav ul li ul li a .chevron {
    top: 8px;
    right: 6px;
    font-size: 20px;
}

header nav ul li ul li.last a {
    border-bottom: 1px solid #f3f3f3;
}

header nav ul li.right ul {
    margin-left: 0;
}

header nav ul li.right ul.mini-posts {
    margin-left: 0;
}

header nav ul li ul.mini-posts {
    width: 100%;
    height: 100%;
    padding: 0 0 48px 0;
}

header nav ul li ul.mini-posts li.footer {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 49px;
    border: none;
    border-top: 1px solid #e3e3e3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.authenticated header nav > ul > li.nav-search-link {
    display: block;
}

.authenticated header nav > ul > li.nav-search-input {
    display: none;
}

.anonymous header nav ul li.nav-signup {
    display: none;
}

.anonymous header nav ul li.subnav-signup {
    display: block;
}

.anonymous header nav ul li.nav-login {
    display: none;
}

.anonymous header nav ul li.subnav-login {
    display: block;
}

.anonymous header nav ul li.nav-create {
    display: none;
}

.anonymous header nav ul li.subnav-create {
    display: block;
}

.anonymous header nav ul li.nav-startups {
    display: none;
}

.anonymous header nav ul li.subnav-startups {
    display: block;
}

.anonymous header nav ul li.nav-roles {
    display: none;
}

.anonymous header nav ul li.subnav-roles {
    display: block;
}

.anonymous header nav ul li.nav-people {
    display: none;
}

.anonymous header nav ul li.subnav-people {
    display: block;
}

.anonymous header nav ul li.nav-blog {
    display: none;
}

.anonymous header nav ul li.subnav-blog {
    display: block;
}

.authenticated .mobile-search-bar {
    display: block;
}

.authenticated .mobile-search-bar-offset {
    display: block;
}

.anonymous .mobile-search-bar {
    display: none;
}

.anonymous .mobile-search-bar-offset {
    display: none;
}

.theater-overlay .video-player {
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    margin: 16px;
}

.banner.b01 {
    padding-top: 20px;
}

.banner.b01 h1 {
    width: auto;
    font-size: 32px;
    line-height: normal;
    font-weight: 600;
}

.banner.b01 h2 {
    width: auto;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.banner.b01 a.cta {
    width: auto;
}

.banner.b02 h1 {
    font-size: 30px;
    line-height: normal;
    font-weight: 600;
}

.banner.b02 h2 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.banner.b02 ul.process-steps li {
    float: none;
    width: auto;
    padding: 24px 24px;
    text-align: left;
}

.banner.b02 ul.process-steps li .graphic {
    position: absolute;
    width: 48px;
    font-size: 26px;
    line-height:
}

.banner.b02 ul.process-steps li .title {
    padding-left: 48px;
}

.banner.b02 ul.process-steps li .description {
    padding-left: 48px;
}

.banner.b02 ul.process-steps li::before {
    position: absolute;
    content: "";
    top: 62px;
    left: 36px;
    right: auto;
    bottom: 4px;
    border-left: 1px dashed #ddd;
}

.banner.b02 ul.process-steps li:last-of-type::before {
    display: none;
}

.banner.b02 ul.process-steps li::after {
    position: absolute;
    top: auto;
    left: 24px;
    right: 24px;
    bottom: -8px;
    width: auto;
    content: "\e01d";
    font-size: 24px;
    line-height: 1;
}

footer .wrapper {
    padding: 0 16px;
}

footer .text-links-block {
    width: 33.3%;
    margin: 32px 0 16px 0;
    text-align: center;
}

footer .brand-block {
    width: 100%;
    text-align: center;
}

.feed {
    padding: 8px 0;
}

.feed .pane-1 {
    display: none;
    float: none;
    width: 100%;
    margin: 16px 0;
    padding: 0;
    box-sizing: border-box;
}

.dashboard.feed .pane-1 {
    position: fixed;
    top: 114px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px;
    background: #f3f3f3;
    z-index: 30;
    overflow-y: scroll;
}

.feed .pane-2 {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.feed .pane-3 {
    display: none;
    float: none;
    width: 100%;
    margin: 16px 0;
    padding: 0;
    box-sizing: border-box;
}

.dashboard.feed .pane-3 {
    position: fixed;
    top: 114px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px;
    background: #f3f3f3;
    z-index: 30;
    overflow-y: scroll;
}

.title-bar {
    display: block;
}

.title-bar-offset {
    display: block;
}

.feed ul.posts li .link-card a .image,
.feed .compose .compose-link-card a.link .image,
.feed ul.comments-post li .link-card a .image,
.feed .compose-comment .compose-link-card a.link .image {
    height: 180px;
}

.toolbar .title-bar {
    display: block;
}

.toolbar .pane-1 {
    display: none;
    width: 100%;
    max-width: auto;
    position: relative;
    top: 57px;
}

.toolbar .pane-2 {
    display: none;
    width: 100%;
    max-width: auto;
    position: relative;
    top: 57px;
}

.toolbar ul.steps {
    width: 100%;
    padding: 16px 16px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #000;
}

.toolbar ul.steps li {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    float: none;
}

.toolbar ul.steps li a {
    padding: 16px 16px;
    font-size: 14px;
    line-height: 16px;
}

.toolbar ul.steps li.sep {
    width: 50%;
    height: 18px;
    border: none;
    border-right: 1px solid #54565b;
}

.toolbar ul.buttons {
    width: 100%;
    padding: 8px 8px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #000;
}

.toolbar ul.buttons li {
    width: 100%;
    padding: 8px 8px;
    box-sizing: border-box;
    float: none;
}

.toolbar ul.buttons li a.button {
    padding: 16px 16px;
    font-size: 14px;
    line-height: 16px;
}

.toolbar ul.menu {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #000;
}

.toolbar ul.menu li {
    width: 100%;
    padding: 0;
    float: none;
}

.toolbar ul.menu li a {
    width: auto;
    height: 32px;
    padding: 12px 12px 12px 12px;
    border-top: 1px solid #000;
}

.toolbar ul.menu li ul {
    position: relative;
    width: 100%;
    max-height: 240px;
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #222;
    border-bottom: 1px solid #000;
    box-shadow: none;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.toolbar ul.menu li ul li {
    width: auto;
    padding: 0;
    float: none;
}

.toolbar ul.menu li ul li a {
    width: auto;
    height: 24px;
    padding: 8px 12px 8px 12px;
}

.cards ul {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
}

.cards ul li {
    width: 100%;
    height: 320px;
    margin: 4px 0;
}

.cards.xcards ul li {
    height: 360px;
}

.cards ul li.portrait .preview {
    width: 100%;
    height: 180px;
}

.cards ul li.portrait .preview a .img {
    width: 100%;
    height: 180px;
}

.cards ul li.portrait .sample-loading-preview {
    width: 100%;
    height: 123px;
}

.cards ul li.portrait .summary {
    height: 72px;
}

.cards ul li.person {
    height: 148px;
}

.cards.xcards ul li.person {
    height: 188px;
}

.cards ul li.person .preview {
    position: absolute;
    width: 96px;
    height: 96px;
    background: none;
}

.cards ul li.person .preview a .avatar {
    width: 64px;
    height: 64px;
    margin: 16px auto;
}

.cards ul li.person .preview .sample-loading {
    width: 64px;
    height: 64px;
    margin: 16px auto;
}

.cards ul li.person .summary {
    height: 116px;
    padding: 16px 16px 16px 96px;
}

.cards ul li.person .summary .title {
    text-align: left;
}

.cards ul li.person .summary .subtitle {
    text-align: left;
}

.cards ul li.person .summary .body {
    padding: 0;
}

.cards ul li.person .summary .body p {
    text-align: left;
}

.cards ul li.person .summary .sample-loading {
    margin: 2px 0 6px 0;
}

.cards ul li.role {
    height: 240px;
}

.cards ul li.role .preview {
    height: 88px;
}

.cards ul li.role .preview a .img {
    width: 64px;
    height: 64px;
}

.cards ul li.role .summary {
    height: 120px;
}

.cards ul li.role .summary .title {
    text-align: center;
}

.cards ul li.role .summary .subtitle {
    text-align: center;
}

.cards ul li.record {
    height: 240px;
}

.cards ul li.record .preview {
    height: 88px;
}

.cards ul li.record .preview a .img {
    width: 64px;
    height: 64px;
}

.cards ul li.record .summary {
    height: 120px;
}

.cards ul li.record .summary .title {
    text-align: center;
}

.cards ul li.record .summary .subtitle {
    text-align: center;
}

.cards.xcards ul li .stats {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: #fcfcfc;
    border-top: 1px solid #f3f3f3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.cards.xcards ul li .stats .stat {
    float: left;
    width: 50%;
    padding: 4px 0;
    text-align: center;
    box-sizing: border-box;
}
.cards.xcards ul li .stats.col-3 .stat {
    width: 33.3%;
}
.cards.xcards ul li .stats.col-4 .stat {
    width: 25%;
}
.cards.xcards ul li .stats .stat .value {
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
    color: #000;
}
.cards.xcards ul li .stats .stat .key {
    display: block;
    font-size: 8px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
}

.cards.xcards ul li .stats .sample-loading {
    width: 50%;
    max-width: 24px;
    height: 12px;
    margin: 8px auto;
}

.cards ul li.add {
    height: 56px;
}

.cards ul li.add a .icon {
    display: inline;
    margin: 0 8px 0 0;
    font-size: 20px;
    line-height: 1.5em;
}

.cards ul li.add a .text {
    display: inline;
    font-size: 16px;
    line-height: 1.5em;
}

.cards ul li.add a .caption {
    top: auto;
    margin-top: 0;
    padding: 16px;
}

.cards .head {
    padding-bottom: 8px;
}

.cards .head .headline {
    float: none;
    text-align: center;
}

.cards .head .more {
    display: none;
}

.sample-card-1 {
    display: block!important;
}

.sample-card-2 {
    display: none!important;
}

.sample-card-3 {
    display: none!important;
}

.sample-card-4 {
    display: none!important;
}

.sample-card-5 {
    display: none!important;
}

.sample-card-6 {
    display: none!important;
}

.form-startup .wrapper {
    padding: 0;
}

.form-startup .form-box {
    padding: 8px 0px;
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.form-startup .body .pane-1 {
    float: none;
    width: 100%;
    padding: 6px 0;
}

.form-startup .body .pane-2 {
    display: none;
}

.form-startup .body input[type=file].merged-top-mobile + label {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-startup .body .cover-mobile-preview {
    display: block;
}

.form-box ul.top-tabs li.first a {
    border-top-left-radius: 0;
}

.form-box ul.top-tabs li.last a {
    border-top-right-radius: 0;
}

.form-box .field .number-and-inline-label input[type=number] {
    float: left;
    width: 64px;
}

body.basic {
    background: #fff;
}

body.basic .box-top {
    padding: 0 16px;
    border-bottom: 1px solid #e3e3e3;
}

body.basic .box-top a {
    color: #000;
}

body.basic .box {
    width: 100%;
    margin-top: 0;
    border: none;
    border-radius: 0;
}

body.basic .narrow-box {
    width: auto;
    margin-top: 0;
}

body.basic .narrow-box-bottom {
    width: auto;
}

body.basic .normal-box-bottom {
    width: auto;
}

body.basic .box-bottom {
    margin: 0 16px;
}

body.basic .small-print {
    margin: 0 8px;
    padding: 8px;
}

ul.tiles > li {
    width: 100%;
}

.profile .wrapper {
    padding: 0;
}

.profile .header {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.profile .header .more ul li a {
    padding: 16px 16px;
    font-size: 14px;
    line-height: 20px;
}

.profile .header .about p {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
}

.profile .header .summary {
    padding: 8px 16px 8px 16px;
}

.profile .header .summary ul li {
    display: inline;
    text-align: center;
}

.profile .header .summary ul li a {
    display: block;
    padding: 8px 8px;
    font-size: 14px;
    line-height: normal;
}

.profile .header .summary ul li a .icon {
    font-size: 14px;
}

.profile .header .summary ul li a.social {
    display: inline-block;
    padding: 12px 12px;
}

.profile .header .summary ul li a.social .icon {
    font-size: 16px;
}

.profile .header .summary ul li a.social .title {
    display: none;
}

.profile .header .action a {
    width: auto;
    min-height: 42px;
    margin: 0 auto;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 16px;
}

.profile .header .action a .icon {
    font-size: 16px;
}

.profile .header .actions {
    width: 100%;
    padding: 8px 72px 16px 16px;
}

.profile .header .actions a {
    width: auto;
    min-height: 42px;
    margin: 0;
    padding: 12px 12px;
    float: none;
    font-size: 14px;
    line-height: 16px;
}

.profile .header .actions a .icon {
    font-size: 16px;
}

.profile .header .actions a.message {
    position: absolute;
    top: 8px;
    right: 16px;
}

.profile .header .actions a.message .title {
    display: none;
}

.profile .header .tabs ul li a {
    padding: 16px 8px;
}

.profile .header .tabs ul li a .icon {
    display: block;
    height: 20px;
    margin: 0;
    font-size: 16px;
}

.profile .header .tabs ul li a .number {
    display: block;
    height: 20px;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.profile .header .tabs ul li a .title {
    display: block;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
}

.profile .header .tabs ul li.first a {
    border-bottom-left-radius: 0;
}

.profile .header .tabs ul li.last a {
    border-bottom-right-radius: 0;
}

.profile .about {
    padding: 8px 0;
}

.profile .about .wrapper {
    padding: 0 8px;
}

.profile .about .box {
    margin: 0 0 8px 0;
}

.settings {
    padding: 0;
}

.settings .wrapper {
    padding: 0;
}

.settings .pane-1 {
    display: none;
    float: none;
    width: 100%;
    margin: 16px 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.settings .pane-2 {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.settings .form-box {
    padding: 8px 0px;
    border: none;
    border-radius: 0;
}

.form-box .field ul.items > li.phone {
    padding: 0 96px 0 96px;
}

.form-box .field ul.items > li.phone a.selector {
    width: 48px;
    padding: 0 12px 0 12px;
}

.form-box .field ul.items > li.phone a.selector .code {
    display: none;
}

.tabbed-header-container .wrapper {
    padding: 0;
}

.tabbed-header {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tabbed-header .tabs ul li a {
    padding: 16px 8px;
}

.tabbed-header .tabs ul li a .icon {
    display: block;
    height: 20px;
    margin: 0;
    font-size: 16px;
}

.tabbed-header .tabs ul li a .number {
    display: block;
    height: 20px;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.tabbed-header .tabs ul li a .title {
    display: block;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
}

.tabbed-header .tabs ul li.first a {
    border-bottom-left-radius: 0;
}

.tabbed-header .tabs ul li.last a {
    border-bottom-right-radius: 0;
}

.startup-profile .wrapper {
    padding: 0;
}

.startup-profile > .wrapper > .header {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.startup-profile > .wrapper > .header .tabs ul li a {
    padding: 16px 8px;
}

.startup-profile > .wrapper > .header .tabs ul li a .icon {
    display: block;
    height: 20px;
    margin: 0;
    font-size: 16px;
}

.startup-profile > .wrapper > .header .tabs ul li a .number {
    display: block;
    height: 20px;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.startup-profile > .wrapper > .header .tabs ul li a .title {
    display: block;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
}

.startup-profile > .wrapper > .header .tabs ul li.first a {
    border-bottom-left-radius: 0;
}

.startup-profile > .wrapper > .header .tabs ul li.last a {
    border-bottom-right-radius: 0;
}

.startup-profile .box {
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.startup-profile .half-box .video-player {
    width: 100%;
    height: auto;
    min-height: 180px;
}

.startup-profile .half-box .body {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.startup-profile .pane-1 {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 0;
}

.startup-profile .pane-2 {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 0;
}

.startup-profile .followers .pane-2 {
    display: none;
}

.startup-profile .pane-alt-1 {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 0;
}

.startup-profile .pane-alt-2 {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 0;
}

.startup-profile .applicant-card {
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.startup-profile .applicant-card .summary .name {
    font-size: 14px;
    line-height: normal;
}

.startup-profile .applicant-card .actions a.button {
    padding: 16px 16px;
    font-size: 14px;
}

.startup-profile .goal-assignee-card {
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.startup-profile .feed .pane-1 {
    padding: 16px 8px;
}

.startup-profile .feed .pane-2 {
    display: none;
}

.startup-profile .feed .pane-alt-2 {
    padding: 0 8px 16px 8px;
}

.startup-profile .summary ul,
.startup-profile ul.list,
.startup-profile ul.grid {
    padding: 0 8px;
}

.startup-profile .side-actions {
    padding: 0 16px;
}

.startup-profile .side-actions a.button {
    width: auto;
    margin: 0 auto;
    font-size: 14px;
    padding: 16px 16px;
}

.startup-profile ul.roles li.role {
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.startup-profile ul.roles li.role ul.goals li.goal {
    border: none;
    border-radius: 0;
}

.startup-profile ul.roles li.role .actions a.button {
    font-size: 14px;
    padding: 16px 16px;
}

.startup-profile ul.roles li.role .actions a.gray-button {
    font-size: 14px;
    padding: 16px 16px;
}

.startup-profile .fixed-actions {
    display: block;
    padding: 0;
}

.startup-profile .fixed-actions a.button {
    width: auto;
    margin: 0 auto;
    font-size: 14px;
    padding: 16px 16px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.startup-profile .fixed-block {
    display: block;
    padding: 16px 0 0 0;
}

.startup-profile .fixed-block ul.list {
    margin: 0;
}

.startup-profile .role-details {
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.startup-profile .cards ul {
    margin: 0 auto;
    padding: 0;
}

.sidebar-admin-tools {
    margin: 0 8px 24px 8px;
}

.sidebar-admin-tools ul.actions li a.button {
    font-size: 14px;
    padding: 16px 16px;
}

.form-startup .permission-checkbox {
    display: block;
}

.form-startup .save-prompt {
    height: 80px;
}

.form-startup .save-prompt .pane-1 a.button {
    float: none;
}

.form-startup .save-prompt .pane-2 a.button {
    float: none;
}

.form-startup .save-prompt a.button {
    font-size: 14px;
    padding: 16px 16px;
}

.form-startup .save-prompt a.save {
    width: auto;
}

.form-startup .save-prompt a.cancel {
    width: auto;
}

.popup .wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

.popup .top-bar {
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.comments-feed .compose-comment {
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
}

.comments-feed .compose-comment textarea {
    border-radius: 0;
}

ul.user-box-stack {
    padding: 0 8px;
}

.messages .box {
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
    border: none;
    border-radius: 0;
}

.messages .nav {
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: auto;
    right: 0;
    z-index: 10;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.messages .nav .header {
    border-top-left-radius: 0;
}

.messages .nav .header a.action-left {
    border-top-left-radius: 0;
}

.messages .nav .body {
    width: auto;
    top: 112px;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    border-bottom-left-radius: 0;
}

.messages .chat {
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    left: 0;
    z-index: 5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.messages .chat .header {
    border-top-right-radius: 0;
}

.messages .chat .header a.action-right {
    border-top-right-radius: 0;
}

.messages .chat .header a.action-back {
    display: block;
}

.messages .chat .body {
    width: auto;
    top: 112px;
    bottom: 68px;
    left: 0;
    right: 0;
}

.messages .chat .compose-message {
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-right-radius: 0;
}

.messages .chat .compose-message textarea {
    border-radius: 0;
    border-bottom-right-radius: 0;
}

.messages .chat .compose-message .compose-attachments ul li {
    width: 25%;
}

.messages .chat .compose-message .compose-attachments ul li .img {
    height: 53.5px;
}

.messages .chat .compose-message.with-attachments textarea {
    border-bottom-right-radius: 0;
}

.messages .contacts-finder {
    top: 0;
    left: 0;
    bottom: 0;
    width: auto;
    right: 0;
    z-index: 10;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.messages .contacts-finder .header {
    border-top-left-radius: 0;
}

.messages .contacts-finder .header a.action-left {
    border-top-left-radius: 0;
}

.messages .contacts-finder .body {
    width: auto;
    top: 159px;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    border-bottom-left-radius: 0;
}

.messages .contacts-finder .contacts-search {
    width: auto;
    top: 111px;
    left: 0;
    right: 0;
    margin-left: 0;
}

ul.blocks .fields-pane-1 {
    float: none;
    width: auto;
}

ul.blocks .fields-pane-2 {
    float: none;
    width: auto;
}

.signing-frame {
    width: auto;
    left: 0;
    right: 0;
    margin: 0 0;
}

.feed .compose .compose-attachments ul li {
    width: 25%;
}

.feed .compose .compose-attachments ul li .img {
    height: 53.5px;
}

.feed ul.posts li .attachments ul li .img {
    height: 53.5px;
}

.feed ul.posts li .images ul li .img {
    height: 55.5px;
}

.feed ul.posts li .images ul li.wide {
    width: 100%;
}

.feed ul.posts li .images ul li.wide .img {
    height: 270px;
}

.feed ul.posts li .images ul li.half {
    width: 50%;
}

.feed ul.posts li .images ul li.half .img {
    height: 127px;
}

.stacked-form-box .buttons {
    border: none;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.toolbar .pane-2 .searchbox {
    width: 100%;
    height: 52px;
    padding: 8px 8px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #000;
}

.search-results .feed .pane-1 {
    position: fixed;
    display: block;
    top: 112px;
    left: 0;
    right: 0;
    float: none;
    width: auto;
    height: 56px;
    margin: 0;
    padding: 4px 6px;
    background: #ececec;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: border-box;
    z-index: 10;
}

.search-results .feed .pane-1-offset {
    display: block;
    height: 56px;
}

.search-results .feed .pane-1 ul.side-filters li a {
    color: #999;
    background: #ececec;
}

.search-results .feed .pane-1 ul.side-filters li a:hover {
    background: #e3e3e3;
    color: #000;
}

.search-results .feed .pane-1 ul.side-filters li.active a {
    background-color: #d3d3d3;
    color: #000;
}

.search-results .feed .pane-2 {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul.side-filters li {
    float: left;
    width: 14.28%;
    margin: 0 0 8px 0;
    padding: 0 1px;
}

ul.side-filters li a {
    padding: 12px 8px 8px 8px;
}

ul.side-filters li a .icon {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    font-size: 20px;
}

ul.side-filters li a .caption {
    display: none;
}

.feed .mobile-search {
    display: none;
    width: 100%;
    padding: 0 0 4px 0;
}

.feed .mobile-search .searchbox {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
}

.about-page .wrapper {
    padding: 0 24px;
}

/* .about-page section.team {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0;
    display: block;
    background: #f3f3f3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.about-page section.team ul.people {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
}

.about-page section.team ul.people li {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin: 24px 0 0 0;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.about-page section.team ul.people li a {
    color: #000;
}

.about-page section.team ul.people li a:hover {
    color: #007aff;
}

.about-page section.team ul.people li .img {
    display: block;
    margin: 0;
    padding: 0;
}

.about-page section.team ul.people li .img .avatar {
    display: block;
    width: 80px;
    height: 80px;
    margin: 24px auto;
}

.about-page section.team ul.people li .text {
    display: block;
}

.about-page section.team ul.people li .name {
    display: block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: 500;
}

.about-page section.team ul.people li .position {
    display: block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: 300;
}

.about-page section.team ul.people li .bio {
    display: block;
    height: auto;
    padding: 16px;
    font-size: 12px;
    line-height: 1.5em;
}

.about-page section.team ul.people li .links {
    display: block;
    padding: 16px;
    border-top: 1px solid #e3e3e3;
    font-size: 16px;
    text-align: center;
    line-height: normal;
}

.about-page section.team ul.people li .links a {
    padding: 0 8px;
    color: #666;
}

.about-page section.team ul.people li .links a:hover {
    color: #000;
} */

.about-page section.follow {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 32px 0 24px 0;
    display: block;
    background: #222;
    color: #fff;
}

.about-page section.follow h3 {
    color: #fff;
    text-align: center;
}

.about-page section.follow .links {
    display: block;
    padding: 16px 0 0 0;
    font-size: 24px;
    text-align: center;
    line-height: normal;
}

.about-page section.follow .links a {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 8px 8px;
    padding: 12px 12px;
    box-sizing: border-box;
    background: #111;
    color: #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: normal;
}

.about-page section.follow .links a:hover {
    background: #000;
    color: #fff;
}

.about-page section.follow .links > .br {
    display: block;
}

.content-page .head {
    padding: 0;
}

.content-page .head .title {
    width: auto;
    float: none;
    padding: 24px 0;
    text-align: center;
}

.content-page .head .title h1 {
    text-align: center;
}

.content-page .head .nav {
    width: auto;
    margin: 0 -24px;
    float: none;
    text-align: center;
    background: #111;
}

.content-page .head .nav ul.links {
    padding: 0;
}

.content-page .head .nav ul.links li {
    padding: 0 8px;
}

.content-page ul.page-links li {
    width: auto;
    float: none;
}

.content-page ul.page-links li a {
    padding: 16px 8px;
}

.content-page ul.anchor-links li {
    width: auto;
    float: none;
    clear: none;
}

.content-page ul.anchor-links li:nth-child(even) {
    float: none;
    clear: none;
}

.content-page .steps-4 {
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
}

.content-page .steps-4 .icon {
    font-size: 10px;
}

.content-page .tutorials ul.video-list li {
    width: auto;
}

.content-page .tutorials ul.video-list li h3 {
    font-size: 20px;
    line-height: 1.25em;
}

.content-page .tutorials ul.video-list li:nth-child(odd) {
    float: none;
    clear: none;
    padding-right: 0;
}

.content-page .tutorials ul.video-list li:nth-child(even) {
    float: none;
    clear: none;
    padding-left: 0;
}

.content-page .video-container {
    padding: 24px 0;
}

.press-page .wrapper {
    padding: 0 24px;
}

.press-page h2 {
    color: #000;
    font-weight: 600;
    margin-bottom: 16px;
}

.press-page h3 {
    margin: 32px 0 16px 0;
}

.press-page h5 {
    margin: 8px 0;
    font-weight: 400;
    line-height: 1.5em;
    color: #666;
}

.press-page .links {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
}

.press-page .links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 4px 4px 0 0;
    padding: 5px 5px;
    box-sizing: border-box;
    background: #eee;
    color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: normal;
}

.press-page .links a:hover {
    background: #000;
    color: #fff!important;
}

.press-page .rowbox {
    display: block;
    margin: 0 auto;
    padding: 48px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.press-page section.intro {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 8px 0;
    display: block;
    background: #f9f9f9;
}

.press-page section.intro p {
    margin: 8px auto;
}

.press-page section.intro p a {
    color: #000;
}

.press-page section.intro p a:hover {
    color: #007aff;
}

.press-page section.factsheet {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0;
    display: block;
}

.press-page section.factsheet .sheet {
    position: relative;
    min-height: 120px;
    padding: 0;
}

.press-page section.factsheet .logo {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
}

.press-page section.factsheet .logo img {
    width: 100%;
}

.press-page section.factsheet ul.sheet-facts {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.press-page section.factsheet ul.sheet-facts > li {
    display: block;
    margin: 0 0 24px 0;
    padding: 0;
}

.press-page section.factsheet ul.sheet-facts > li h3 {
    margin: 0 0 6px 0;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
}

.press-page section.factsheet ul.sheet-facts > li h4 {
    margin: 0 0 4px 0;
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: #000;
}

.press-page section.factsheet ul.sheet-facts > li h5 {
    margin: 0 0 4px 0;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #333;
}

.press-page section.factsheet ul.sheet-facts > li a {
    color: #000;
}

.press-page section.factsheet ul.sheet-facts > li a:hover {
    color: #007aff;
}

@media screen and (min-width: 435px) {
    .press-page section.factsheet .logo {
        left: 0;
        right: auto;
    }
    .press-page section.factsheet .sheet {
        padding: 0 0 0 120px;
    }
    .press-page section.factsheet ul.sheet-facts {
        padding: 0 0 0 32px;
    }
}

@media screen and (min-width: 640px) {
    .press-page section.factsheet .sheet {
        position: relative;
        min-height: 120px;
        padding: 0 0 0 120px;
    }
    .press-page section.factsheet ul.sheet-facts {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 848px) {
    .press-page section.factsheet ul.sheet-facts {
        width: 33.3%;
    }
}

.press-page section.manifesto {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}

.press-page section.manifesto h2 {
    font-size: 16px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #999;
}

.press-page section.manifesto h3 {
    margin: 16px auto;
    font-size: 48px;
    line-height: normal;
    text-align: center;
}

.press-page section.manifesto h4 {
    margin: 16px auto;
    font-size: 24px;
    line-height: normal;
    text-align: center;
}

.press-page section.manifesto .cta {
    margin: 16px 0 0 0;
    min-width: 48px;
    min-height: 48px;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 30px;
}

.press-page section.background {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0;
    display: block;
}

.press-page section.team {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0 0 0;
    display: block;
}

.press-page section.team ul.bios {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.press-page section.team ul.bios > li {
    position: relative;
    display: block;
    margin: 12px 0 12px 0;
    padding: 0 0 12px 112px;
    box-sizing: border-box;
}

.press-page section.team ul.bios > li .avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.press-page section.team ul.bios > li .avatar {
    overflow: hidden;
}

.press-page section.team ul.bios > li .avatar img {
    width: 100%;
}

.press-page section.team ul.bios > li h3 {
    margin: 4px 0;
}

.press-page section.team ul.bios > li h3 a {
    color: #000;
}

.press-page section.team ul.bios > li h3 a:hover {
    color: #007aff;
}

.press-page section.team ul.bios > li h4 {
    margin: 4px 0 8px 0;
}

.press-page section.team ul.bios > li p {
    margin: 8px 0;
    font-size: 16px;
    line-height: 1.5em;
}

.press-page section.team ul.bios > li .links {
    margin: 16px 0;
}

@media screen and (min-width: 848px) {
    .press-page section.team ul.bios {
        margin: 0 -24px;
    }
    .press-page section.team ul.bios > li {
        padding: 0 24px 12px 136px;
        float: left;
        width: 50%;
    }
    .press-page section.team ul.bios > li .avatar {
        left: 24px;
    }
}

.press-page section.quotes {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0;
    display: block;
}

.press-page section.quotes ul.balloons {
    display: block;
    margin: 8px 8px;
    padding: 0;
    list-style: none;
}

.press-page section.quotes ul.balloons > li {
    display: inline-block;
    margin: 0 0;
    padding: 8px 0;
    box-sizing: border-box;
}

.press-page section.quotes h3 {
    display: block;
    margin: 0 0;
    padding: 16px 16px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    background: #f9f9f9;
    border-radius: 8px;
    box-sizing: border-box;
}

@media screen and (min-width: 848px) {
    .press-page section.quotes ul.balloons > li {
        display: block;
        padding: 8px 8px;
        float: left;
        width: 50%;
    }
}

.press-page section.releases {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0;
    display: block;
}

.press-page section.releases ul.releases-cards {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.press-page section.releases ul.releases-cards > li {
    display: block;
    margin: 0 0 24px 0;
    padding: 0;
    box-sizing: border-box;
}

.press-page section.releases ul.releases-cards > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    color: #666;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    overflow: hidden;
}

.press-page section.releases ul.releases-cards > li > a:hover {
    border: 1px solid #e3e3e3;
}

.press-page section.releases ul.releases-cards > li > a > .image {
    display: block;
    margin: 0;
    padding: 0;
    height: 160px;
    background-image: url(../images/link-sample.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.press-page section.releases ul.releases-cards > li > a:hover > .image {
    opacity: .9;
}

.press-page section.releases ul.releases-cards > li > a > h3 {
    margin: 16px 16px 4px 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.press-page section.releases ul.releases-cards > li > a > h4 {
    margin: 4px 16px;
    color: #666;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}

.press-page section.releases ul.releases-cards > li > a:hover > h4 {
    color: #333;
}

.press-page section.releases ul.releases-cards > li > a > h5 {
    margin: 16px 16px;
    padding: 0;
    color: #999;
    font-size: 14px;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.press-page section.releases ul.releases-cards > li > a:hover > h5 {
    color: #666;
}

@media screen and (min-width: 848px) {
    .press-page section.releases ul.releases-cards {
        margin: 0 -16px;
    }
    .press-page section.releases ul.releases-cards > li {
        display: block;
        padding: 16px 16px;
        float: left;
        width: 50%;
    }
    .press-page section.releases ul.releases-cards > li > a {
        height: 326px;
    }
    .press-page section.releases ul.releases-cards > li > a > h5 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 16px 16px;
        background: #fff;
    }
}

.press-page section.assets {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0;
    display: block;
    background: #f3f3f3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.press-page section.assets ul.gallery {
    list-style: none;
    display: block;
    margin: 0;
    padding: 16px 16px;
    color: #ccc;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.press-page section.assets ul.gallery > li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 16px 16px;
    width: 100%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

.press-page section.assets ul.gallery > li > a.thumb {
    display: block;
    margin-bottom: 16px;
    border-radius: 4px;
}

.press-page section.assets ul.gallery > li > a.thumb.screenshot {
    max-height: 200px;
    overflow: hidden;
}

.press-page section.assets ul.gallery > li > a > img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    border-radius: 4px;
}

.press-page section.assets ul.gallery > li > a > img.sm {
    max-width: 120px;
}

.press-page section.assets ul.gallery > li a {
    color: #666;
}

.press-page section.assets ul.gallery > li a:hover {
    color: #000;
}

.press-page section.assets ul.swatches {
    list-style: none;
    display: block;
    margin: 0;
    padding: 16px 16px;
    color: #ccc;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.press-page section.assets ul.swatches > li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 16px 16px;
    width: 100%;
    float: left;
    text-align: left;
    box-sizing: border-box;
}

.press-page section.assets ul.swatches > li > .swatch {
    display: block;
    margin: 0 16px 16px 0;
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
}

.press-page section.assets ul.swatches > li > ul.values {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    color: #666;
}

.press-page section.assets ul.swatches > li > ul.values > li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.press-page section.assets ul.swatches > li > ul.values > li > .key {
    display: inline-block;
    min-width: 60px;
    font-weight: 600;
    text-align: left;
}

.press-page section.assets ul.swatches > li > ul.values > li > .value {
    display: inline-block;
    min-width: 120px;
    text-align: left;
}

.press-page section.download-all {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 32px 0;
    display: block;
    background: #222;
    color: #fff;
    text-align: center;
}

.press-page section.download-all h2 {
    color: #fff;
    text-align: center;
}

.press-page section.download-all .button {
    min-width: 48px;
    min-height: 48px;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 30px;
}

.esa-page .wrapper {
    padding: 0 24px;
}

.esa-page section.features {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 32px 0;
    display: block;
    background: #f3f3f3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.esa-page section.features h2 {
    margin: 32px 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5em;
}

.esa-page section.features ul.feature-tiles {
    position: relative;
    display: block;
    list-style: none;
    margin: 16px 0;
    padding: 0;
}

.esa-page section.features ul.feature-tiles li {
    position: relative;
    display: block;
    float: none;
    width: auto;
    margin: 0;
    padding: 24px 24px;
    text-align: left;
    box-sizing: border-box;
}

.esa-page section.features ul.feature-tiles li .graphic {
    position: absolute;
    width: 48px;
    padding-bottom: 8px;
    font-size: 26px;
    line-height: normal;
    color: #000;
}

.esa-page section.features ul.feature-tiles li .title {
    padding-left: 48px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
    color: #000;
}

.esa-page section.features ul.feature-tiles li .description {
    padding-left: 48px;
    font-size: 16px;
    line-height: 1.5em;
}

.esa-page section.action-banner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 32px 0;
    display: block;
    background: #222;
    color: #fff;
    text-align: center;
}

.esa-page section.action-banner h2 {
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
}

.esa-page section.action-banner .button {
    margin: 0 auto;
    width: auto;
    min-height: 48px;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 30px;
}


/* Cropper */

.cropper-img {
    max-width: 100%;
}

.cropper-img-container {
    height: 320px
}

@media screen and (min-width: 320px) {
    .theater-overlay .video-player {
        width: 284px;
        height: 160px;
        top: 50%;
        left: 50%;
        margin: -80px 0 0 -142px;
    }
}

@media screen and (min-width: 360px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 63.25px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 63.25px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 63.25px;
    }
    .feed ul.posts li .images ul li .img {
        height: 65.25px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 310px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 147px;
    }
}

@media screen and (min-width: 375px) {
    .banner.b01 h1 {
        width: 300px;
        font-size: 36px;
        line-height: normal;
    }
    .banner.b01 h2 {
        width: 300px;
        font-size: 16px;
        line-height: normal;
    }
    .banner.b01 a.cta {
        width: 280px;
    }
    .banner.b02 h1 {
        font-size: 36px;
        line-height: normal;
    }
    .banner.b02 h2 {
        font-size: 16px;
        line-height: normal;
    }
    .esa-page section.action-banner .button {
        width: 280px;
    }
    .startup-profile .half-box .video-player {
        min-height: 210px;
    }
    .form-box .field .number-and-inline-label input[type=number] {
        float: left;
        width: 72px;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 67.25px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 67.25px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 67.25px;
    }
    .feed ul.posts li .images ul li .img {
        height: 69.25px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 325px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 154.5px;
    }
}

@media screen and (min-width: 411px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 76.25px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 76.25px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 76.25px;
    }
    .feed ul.posts li .images ul li .img {
        height: 78.25px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 361px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 172.5px;
    }
}

@media screen and (min-width: 414px) {
    .about-page section.follow .links > .br {
        display: inline;
    }
    .startup-profile .half-box .video-player {
        min-height: 232px;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 77px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 77px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 77px;
    }
    .feed ul.posts li .images ul li .img {
        height: 79px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 364px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 174px;
    }
}

@media screen and (min-width: 435px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 82.25px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 82.25px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 82.25px;
    }
    .feed ul.posts li .images ul li .img {
        height: 84.25px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 385px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 184.5px;
    }
}

@media screen and (min-width: 480px) {
    header nav ul li.gusher {
        display: block;
    }
    header nav ul li a {
        min-width: 32px;
    }
    header nav ul li.base {
        width: auto;
    }
    .authenticated header nav > ul > li.nav-search-link {
        display: none;
    }
    .authenticated header nav > ul > li.nav-search-input {
        display: block;
    }
    .authenticated .mobile-search-bar {
        display: none;
    }
    .authenticated .mobile-search-bar-offset {
        display: none;
    }
    .two-photo-mosaic {
        height: 260px;
    }
    .two-photo-mosaic > .photo-1 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%;
        margin-left: -1px;
        margin-bottom: 0;
    }
    .two-photo-mosaic > .photo-2 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50%;
        margin-right: -1px;
        margin-top: 0;
    }
    .theater-overlay .video-player {
        width: 320px;
        height: 180px;
        margin: -90px 0 0 -240px;
    }
    ul.tiles > li {
        width: 50%;
    }
    .cards ul {
        width: 472px;
        padding: 0;
    }
    .cards ul li {
        width: 218px;
        height: 283px;
        margin: 8px 8px 8px 8px;
    }
    .cards.xcards ul li {
        height: 323px;
    }
    .cards ul li.portrait .preview {
        width: 218px;
        height: 123px;
    }
    .cards ul li.portrait .preview a .img {
        width: 218px;
        height: 123px;
    }
    .cards ul li.portrait .sample-loading-preview {
        width: 218px;
        height: 123px;
    }
    .cards ul li.portrait .summary {
        height: 128px;
    }
    .cards ul li.person {
        height: 283px;
    }
    .cards.xcards ul li.person {
        height: 323px;
    }
    .cards ul li.person .preview {
        position: relative;
        width: 100%;
        height: 128px;
    }
    .cards ul li.person .preview a .avatar {
        width: 96px;
        height: 96px;
        margin: 24px auto;
    }
    .cards ul li.person .preview .sample-loading {
        width: 96px;
        height: 96px;
        margin: 24px auto;
    }
    .cards ul li.person .summary {
        height: 124px;
        padding: 16px;
    }
    .cards ul li.person .summary .title {
        text-align: center;
    }
    .cards ul li.person .summary .subtitle {
        text-align: center;
    }
    .cards ul li.person .summary .body {
        padding: 8px 0;
    }
    .cards ul li.person .summary .body p {
        text-align: center;
    }
    .cards ul li.person .summary .sample-loading {
        margin: 2px auto;
        margin-bottom: 6px;
    }
    .cards ul li.role {
        height: 283px;
    }
    .cards ul li.role .preview {
        height: 88px;
    }
    .cards ul li.role .preview a .img {
        width: 64px;
        height: 64px;
    }
    .cards ul li.role .summary {
        height: 160px;
    }
    .cards ul li.record {
        height: 283px;
    }
    .cards ul li.record .preview {
        height: 88px;
    }
    .cards ul li.record .preview a .img {
        width: 64px;
        height: 64px;
    }
    .cards ul li.record .summary {
        height: 160px;
    }
    .cards ul li.add {
        height: 283px;
    }
    .cards ul li.add a .icon {
        display: block;
        margin: 0 0 8px 0;
        font-size: 24px;
        line-height: 1.5em;
    }
    .cards ul li.add a .text {
        display: block;
        font-size: 14px;
        line-height: 1.5em;
    }
    .cards ul li.add a .caption {
        top: 50%;
        margin-top: -44px;
        padding: 16px;
    }
    .sample-card-2 {
        display: block!important;
    }
    .startup-profile .half-box .video-player {
        height: 270px;
        min-height: none;
    }
    .startup-profile .side-actions a.button {
        width: 320px;
    }
    .startup-avatar-editor .form-box .field .image-preview {
        width: 124px;
        height: 124px;
    }
    .startup-cover-editor .form-box .field .image-preview {
        width: 220px;
        height: 124px;
    }
    .startup-video-editor .form-box .video-js {
        width: 220px;
        height: 124px;
    }
    ul.blocks .fields-pane-1 {
        float: left;
        width: 50%;
    }
    ul.blocks .fields-pane-2 {
        float: right;
        width: 50%;
    }
    .messages .chat .compose-message .compose-attachments ul li {
        width: 20%;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 71.19px;
    }
    .search-results .feed .pane-1 {
        top: 56px;
        padding: 6px 6px;
    }
    .feed .compose .compose-attachments ul li {
        width: 20%;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 71.19px;
    }
    .feed ul.posts li .attachments ul li {
        width: 20%;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 71.19px;
    }
    .feed ul.posts li .images ul li .img {
        height: 95.5px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 430px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 207px;
    }
    .feed ul.posts li .link-card a .image,
    .feed .compose .compose-link-card a.link .image,
    .feed ul.comments-posts li .link-card a .image,
    .feed .compose-comment .compose-link-card a.link .image {
        height: 240px;
    }
    .content-page .steps-4 {
        font-size: 24px;
        line-height: normal;
        font-weight: 300;
    }
    .content-page .steps-4 .icon {
        font-size: 14px;
    }
}

@media screen and (min-width: 568px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 88.8px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 88.8px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 88.8px;
    }
    .feed ul.posts li .images ul li .img {
        height: 117.5px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 518px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 251px;
    }
    .about-page section.team ul.people {
        width: auto;
        margin: 0 -2%;
        padding: 24px 0 0 0;
    }
    .about-page section.team ul.people li {
        float: left;
        width: 46%;
        margin: 0 2%;
        margin-bottom: 24px;
    }
    .about-page section.team ul.people li .bio {
        height: 80px;
    }
    .press-page section.assets ul.swatches > li {
        width: 50%;
    }
}

@media screen and (min-width: 640px) {
    .mobile-hidden {
        display: block;
    }
    .mobile-only {
        display: none;
    }
    .noscroll-640 {
        overflow-y: scroll;
    }
    header nav ul li a span.title {
        display: block;
    }
    header nav ul li.base a.base .icon {
        float: left;
        margin: 6px auto;
    }
    header nav ul li.base a.base .avatar {
        float: left;
        margin: 4px auto;
    }
    header nav ul li.base a.base.icon-only > .icon {
        float: none;
    }
    header nav ul li.base a.base.icon-only > .avatar {
        float: none;
    }
    header nav ul li.base a.base .icon-gusher {
        margin: -32px 0 0 0;
    }
    header nav ul li.base a.base .icon-gusher-g {
        margin: 0 auto;
    }
    header nav ul li a .alerts {
        top: 8px;
        right: 8px;
        margin-right: auto;
    }
    header nav ul li ul {
        position: absolute;
        width: 240px;
        height: auto;
        /* max-height: 508px; */
        /* INFO: header height: 56px */
        max-height: calc(var(--default-layout-viewport-height) - 56px);
        top: auto;
        left: auto;
        border: 1px solid #e3e3e3;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    header nav ul li.nav-search-input {
        width: auto;
        left: 8px;
        right: 8px;
        border-radius: 4px;
        border-top-color: #f3f3f3;
    }
    header nav ul li.nav-search-input ul {
        width: auto;
        left: 8px;
        right: 8px;
        border-radius: 4px;
        border-top-color: #f3f3f3;
    }
    header nav ul li.nav-search-input ul li a {
        padding: 6px 12px 6px 12px;
    }
    header nav ul li ul li a .chevron {
        top: 6px;
        right: 0;
        font-size: 16px;
    }
    header nav ul li ul li.last a {
        border-bottom: none;
    }
    header nav ul li.right ul {
        margin-left: -184px;
    }
    header nav ul li.right ul.mini-posts {
        margin-left: -264px;
    }
    header nav ul li ul.mini-posts {
        width: 320px;
        height: 320px;
        padding: 0 0 48px 0;
    }
    header nav ul li ul.mini-posts li.post a .counter {
        width: 48px;
    }
    header nav ul li ul.mini-posts li.footer {
        top: 376px;
        bottom: auto;
        width: 320px;
        height: 49px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .anonymous header nav > ul > li.nav-search-input {
        left: 150px;
        right: 278px;
    }
    .anonymous header nav ul li.nav-signup {
        display: block;
    }
    .anonymous header nav ul li.subnav-signup {
        display: none;
    }
    .anonymous header nav ul li.nav-login {
        display: block;
    }
    .anonymous header nav ul li.subnav-login {
        display: none;
    }
    .anonymous header nav ul li.nav-create {
        display: block;
    }
    .anonymous header nav ul li.subnav-create {
        display: none;
    }
    .anonymous header nav ul li.nav-startups {
        display: block;
    }
    .anonymous header nav ul li.subnav-startups {
        display: none;
    }
    .banner.b01 {
        padding-top: 40px;
    }
    .banner.b01 h1 {
        width: auto;
        font-size: 36px;
        line-height: normal;
    }
    .banner.b01 h2 {
        width: 460px;
        font-size: 18px;
        line-height: normal;
    }
    .banner.b02 h1 {
        font-size: 36px;
        line-height: normal;
    }
    .banner.b02 h2 {
        font-size: 18px;
        line-height: normal;
    }
    .cards .action-card {
        padding: 16px 16px;
    }
    .cards .action-card h3.title {
        display: inline-block;
        padding: 12px 16px;
    }
    .cards .action-card a.cta {
        display: inline-block;
    }
    footer .text-links-block {
        width: 25%;
        margin: 16px 0;
        text-align: left;
    }
    footer .brand-block {
        width: 25%;
        text-align: right;
    }
    .theater-overlay .video-player {
        width: 480px;
        height: 270px;
        margin: -145px 0 0 -240px;
    }
    .feed ul.posts li .link-card a .image,
    .feed .compose .compose-link-card a.link .image,
    .feed ul.comments-posts li .link-card a .image,
    .feed .compose-comment .compose-link-card a.link .image {
        float: left;
        margin-right: 16px;
        width: 300px;
        height: 156px;
        border-right: 1px solid #f3f3f3;
        border-bottom: none;
    }
    .profile .header .more ul li a {
        padding: 12px 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .profile .header .about p {
        font-size: 14px;
        line-height: 1.5em;
        text-align: center;
    }
    .profile .header .summary {
        padding: 8px 16px 16px 16px;
    }
    .profile .header .summary ul li {
        display: inline;
        text-align: center;
    }
    .profile .header .summary ul li a {
        display: inline;
        padding: 0 8px;
        font-size: 14px;
        line-height: normal;
    }
    .profile .header .summary ul li a .icon {
        font-size: 14px;
    }
    .profile .header .summary ul li a.social {
        display: inline;
        padding: 0 8p;
    }
    .profile .header .summary ul li a.social .icon {
        font-size: 14px;
    }
    .profile .header .summary ul li a.social .title {
        display: none;
    }
    .profile .header .action a {
        width: 128px;
        min-height: 36px;
        margin: 0 auto;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .profile .header .action a .icon {
        font-size: 16px;
    }
    .profile .header .actions {
        width: 320px;
        padding: 8px 16px 16px 16px;
    }
    .profile .header .actions a {
        width: 128px;
        min-height: 36px;
        margin: 0 8px;
        padding: 8px 12px;
        float: left;
        font-size: 14px;
        line-height: 20px;
    }
    .profile .header .actions a .icon {
        font-size: 16px;
    }
    .profile .header .actions a.message {
        position: relative;
        top: auto;
        right: auto;
    }
    .profile .header .actions a.message .title {
        display: inline;
    }
    .profile .header .tabs ul li a {
        padding: 16px 16px;
    }
    .profile .header .tabs ul li a .icon {
        display: inline;
        height: auto;
        margin: 0 8px 0 0;
        font-size: 14px;
    }
    .profile .header .tabs ul li a .number {
        display: inline;
        height: auto;
        margin: 0 8px 0 0;
        font-size: 14px;
        line-height: normal;
    }
    .profile .header .tabs ul li a .title {
        display: inline;
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
    }
    .profile .header .tabs ul li.first a {
        border-bottom-left-radius: 4px;
    }
    .profile .header .tabs ul li.last a {
        border-bottom-right-radius: 4px;
    }
    .settings .title-bar {
        display: none;
    }
    .settings .title-bar-offset {
        display: none;
    }
    .settings .pane-1 {
        display: block!important;
        float: left;
        width: 30%;
        margin: 0;
        padding: 8px 8px;
    }
    .settings .pane-2 {
        display: block;
        float: right;
        width: 70%;
        margin: 0;
        padding: 8px 8px;
    }
    .form-box .field ul.items > li.phone {
        padding: 0 96px 0 176px;
    }
    .form-box .field ul.items > li.phone a.selector {
        width: 128px;
        padding: 0 12px 0 48px;
    }
    .form-box .field ul.items > li.phone a.selector .code {
        display: block;
    }
    .tabbed-header .tabs ul li a {
        padding: 16px 16px;
    }
    .tabbed-header .tabs ul li a .icon {
        display: inline;
        height: auto;
        margin: 0 8px 0 0;
        font-size: 14px;
    }
    .tabbed-header .tabs ul li a .number {
        display: inline;
        height: auto;
        margin: 0 8px 0 0;
        font-size: 14px;
        line-height: normal;
    }
    .tabbed-header .tabs ul li a .title {
        display: inline;
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
    }
    .tabbed-header .tabs ul li.first a {
        border-bottom-left-radius: 4px;
    }
    .tabbed-header .tabs ul li.last a {
        border-bottom-right-radius: 4px;
    }
    .startup-profile > .wrapper > .header .tabs ul li a {
        padding: 16px 16px;
    }
    .startup-profile > .wrapper > .header .tabs ul li a .icon {
        display: inline;
        height: auto;
        margin: 0 8px 0 0;
        font-size: 14px;
    }
    .startup-profile > .wrapper > .header .tabs ul li a .number {
        display: inline;
        height: auto;
        margin: 0 8px 0 0;
        font-size: 14px;
        line-height: normal;
    }
    .startup-profile > .wrapper > .header .tabs ul li a .title {
        display: inline;
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
    }
    .startup-profile > .wrapper > .header .tabs ul li.first a {
        border-bottom-left-radius: 4px;
    }
    .startup-profile > .wrapper > .header .tabs ul li.last a {
        border-bottom-right-radius: 4px;
    }
    .startup-profile .half-box .video-player {
        height: 360px;
    }
    .startup-profile .pane-1 {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 16px 0;
    }
    .startup-profile .pane-2 {
        float: none;
        display: block;
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 16px 0;
    }
    .startup-profile .followers .pane-2 {
        display: none;
    }
    .startup-profile .pane-alt-1 {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 16px 0;
    }
    .startup-profile .pane-alt-2 {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 16px 0;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 62.55px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 62.55px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 62.55px;
    }
    .feed ul.posts li .images ul li .img {
        height: 84.69px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 193.4px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 185.39px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 103.19px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 103.19px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 135.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 295px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 287px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 103.19px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 103.19px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 135.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 295px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 287px;
    }
    .search-results .feed .pane-1 {
        position: relative;
        display: block;
        top: auto;
        left: auto;
        right: auto;
        float: left;
        width: 30%;
        height: auto;
        margin: 0;
        padding: 0 8px 0 0;
        background: transparent;
        border-bottom: none;
    }
    .search-results .feed .pane-1-offset {
        display: none;
    }
    .search-results .feed .pane-1 ul.side-filters li a {
        color: #999;
        background: #f3f3f3;
    }
    .search-results .feed .pane-1 ul.side-filters li a:hover {
        background: #eee;
        color: #000;
    }
    .search-results .feed .pane-1 ul.side-filters li.active a {
        background-color: #e3e3e3;
        color: #000;
    }
    .search-results .feed .pane-2 {
        display: block;
        float: left;
        width: 70%;
        margin: 0;
        padding: 0;
    }
    ul.side-filters li {
        float: none;
        width: auto;
        margin: 0 0 4px 0;
        padding: 0;
    }
    ul.side-filters li a {
        padding: 9px 8px 9px 40px;
    }
    ul.side-filters li a .icon {
        position: absolute;
        top: 11px;
        left: 11px;
        margin: 0;
        font-size: 16px;
    }
    ul.side-filters li a .caption {
        display: block;
    }
    .content-page .head {
        padding: 16px 0;
    }
    .content-page .head .title {
        width: 50%;
        float: left;
        padding: 16px 0;
        text-align: left;
    }
    .content-page .head .title h1 {
        text-align: left;
    }
    .content-page .head .nav {
        width: 50%;
        margin: 0;
        float: right;
        text-align: right;
        background: none;
    }
    .content-page .head .nav ul.links {
        padding: 4px 0;
    }
    .content-page .head .nav ul.links li {
        padding: 0 0 0 16px;
    }
    .content-page ul.page-links li {
        width: 33%;
        float: left;
    }
    .content-page ul.page-links li a {
        padding: 8px 8px;
    }
    .content-page ul.anchor-links li {
        width: 50%;
        float: left;
        clear: left;
    }
    .content-page ul.anchor-links li:nth-child(even) {
        float: right;
        clear: right;
    }
    .content-page .video-container {
        padding: 24px 10%;
    }
    .content-page .tutorials ul.video-list li {
        width: 50%;
    }
    .content-page .tutorials ul.video-list li h3 {
        font-size: 16px;
        line-height: 1.25em;
    }
    .content-page .tutorials ul.video-list li:nth-child(odd) {
        float: left;
        clear: left;
        padding-right: 16px;
    }
    .content-page .tutorials ul.video-list li:nth-child(even) {
        float: right;
        clear: right;
        padding-left: 16px;
    }
}

@media screen and (min-width: 667px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 66.33px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 66.33px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 66.33px;
    }
    .feed ul.posts li .images ul li .img {
        height: 89.42px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 202.845px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 108.59px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 108.59px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 142.25px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 308.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 300.5px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 108.59px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 108.59px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 142.25px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 308.5px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 300.5px;
    }
}

@media screen and (min-width: 720px) {
    .theater-overlay .video-player {
        width: 640px;
        height: 360px;
        margin: -180px 0 0 -320px;
    }
    .cards ul {
        width: 708px;
    }
    .sample-card-3 {
        display: block!important;
    }
    body.basic .box-top {
        padding: 8px 16px;
        border-bottom: none;
    }
    body.basic .box-top a {
        color: #aaa;
    }
    body.basic .box {
        width: 640px;
    }
    body.basic .narrow-box {
        width: 320px;
        margin-top: 48px;
    }
    body.basic .narrow-box-bottom {
        width: 320px;
    }
    body.basic .normal-box-bottom {
        width: 640px;
    }
    body.basic .box-bottom {
        margin: 0 auto;
    }
    body.basic .small-print {
        margin: 0 auto;
        padding: 8px;
    }
    .startup-profile .half-box .video-player {
        height: 405px;
    }
    .popup .wrapper {
        top: 24px;
        bottom: 24px;
        left: 50%;
        right: auto;
        width: 640px;
        margin: 0 0 0 -320px;
        padding: 0;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .popup.popup-narrow {
        overflow-y: scroll!important;
    }
    .popup.popup-narrow .wrapper {
        position: relative;
        bottom: auto;
        margin: 0 0 24px -320px;
        overflow-y: visible!important;
    }
    .popup .top-bar {
        top: 24px;
        left: 50%;
        right: auto;
        width: 640px;
        margin: 0 0 0 -320px;
        padding: 0;
        border: 1px solid #e3e3e3;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .comments-feed .compose-comment {
        bottom: 24px;
        left: 50%;
        right: 50%;
        width: 640px;
        margin: 0 -320px;
    }
    .comments-feed .compose-comment textarea {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 73.75px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 73.75px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 73.75px;
    }
    .feed ul.posts li .images ul li .img {
        height: 98.69px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 221.4px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 213.39px;
    }
    .startup-profile .feed .compose .compose-attachments ul li {
        width: 12.5%;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 67.75px;
    }
    .startup-profile .feed ul.posts li .attachments ul li {
        width: 12.5%;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 67.75px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 155.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 335px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 327px;
    }
    .person-profile .feed .compose .compose-attachments ul li {
        width: 12.5%;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 67.75px;
    }
    .person-profile .feed ul.posts li .attachments ul li {
        width: 12.5%;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 67.75px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 155.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 335px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 327px;
    }
}

@media screen and (min-width: 731px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 75.3px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 75.3px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 75.3px;
    }
    .feed ul.posts li .images ul li .img {
        height: 92.22px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 225.25px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 217.25px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 69.13px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 69.13px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 158.25px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 340.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 322.5px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 69.13px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 69.13px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 158.25px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 340.5px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 322.5px;
    }
}

@media screen and (min-width: 736px) {
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 76px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 76px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 76px;
    }
    .feed ul.posts li .images ul li .img {
        height: 101.5px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 227px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 219px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 69.75px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 69.75px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 159.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 343px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 335px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 69.75px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 69.75px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 159.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 343px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 335px;
    }
}

@media screen and (min-width: 768px) {
    .noscroll-768 {
        overflow-y: scroll;
    }
    .theater-overlay .video-player {
        width: 718px;
        height: 404px;
        margin: -202px 0 0 -359px;
    }
    .startup-profile .half-box .video-player {
        height: 432px;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 80.47px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 80.47px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 80.47px;
    }
    .feed ul.posts li .images ul li .img {
        height: 107.09px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 238.195px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 230.19px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 73.75px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 73.75px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 167.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 359px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 351px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 73.75px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 73.75px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 167.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 359px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 351px;
    }
    .toolbar .title-bar {
        display: none;
    }
    .toolbar .pane-1 {
        display: block!important;
        width: auto;
        max-width: 380px;
        top: auto;
    }
    .user-live-profile .toolbar .pane-1 {
        max-width: 666px;
    }
    .toolbar .pane-2 {
        display: block!important;
        width: auto;
        max-width: 260px;
        top: auto;
    }
    .toolbar .pane-2 .buttons .boxless .title {
        display: none;
    }
    .toolbar .searchbox {
        width: 160px;
    }
    .toolbar .pane-2 .searchbox {
        width: 160px;
        height: auto;
        padding: 12px 8px;
        background: none;
        border: none;
    }
    .toolbar .searchbox input {
        padding: 0 0 0 28px;
    }
    .toolbar ul.steps {
        width: auto;
        padding: 11px 11px;
        background: none;
        border-bottom: none;
    }
    .toolbar ul.steps li {
        width: auto;
        padding: 0;
        float: left;
    }
    .toolbar ul.steps li a {
        padding: 8px 12px;
        font-size: 14px;
        line-height: 16px;
    }
    .toolbar ul.steps li.sep {
        width: 18px;
        height: 18px;
        border: none;
        border-bottom: 1px solid #54565b;
    }
    .toolbar ul.buttons {
        width: auto;
        padding: 10px 6px;
        background: none;
        border-bottom: none;
    }
    .toolbar ul.buttons li {
        width: auto;
        padding: 0 6px;
        float: left;
    }
    .toolbar ul.buttons li a.button {
        padding: 8px 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .toolbar ul.menu {
        position: relative;
        max-width: 648px;
        margin: 0;
        padding: 0;
        background: none;
        border-bottom: none;
    }
    .user-live-profile .toolbar ul.menu {
        max-width: 666px;
    }
    .toolbar ul.menu li {
        position: relative;
        width: auto;
        padding: 0;
        float: left;
    }
    .toolbar ul.menu li a {
        width: auto;
        height: 32px;
        padding: 12px 12px 12px 12px;
        border-top: none;
    }
    .toolbar ul.menu li a .arrow-icon {
        display: block;
    }
    .toolbar ul.menu li ul {
        position: absolute;
        width: 240px;
        max-height: 320px;
        margin: 0;
        padding: 0;
        border: 1px solid #000;
        border-top: 1px solid #222;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .toolbar .pane-2 ul.menu li ul {
        right: 0;
    }
    .toolbar ul.menu li ul li {
        width: auto;
        padding: 0;
        float: none;
    }
    .toolbar ul.menu li ul li a {
        width: auto;
        height: 24px;
        padding: 8px 12px 8px 12px;
    }
    .feed .mobile-search {
        display: none!important;
    }
}

@media screen and (min-width: 800px) {
    .anonymous header nav > ul > li.nav-search-input {
        left: 392px;
    }
    .anonymous header nav ul li.nav-roles {
        display: block;
    }
    .anonymous header nav ul li.subnav-roles {
        display: none;
    }
    .anonymous header nav ul li.nav-people {
        display: block;
    }
    .anonymous header nav ul li.subnav-people {
        display: none;
    }
    .anonymous header nav ul li.nav-blog {
        display: block;
    }
    .anonymous header nav ul li.subnav-blog {
        display: none;
    }
    .banner.b02 ul.process-steps li {
        float: left;
        width: 25%;
        padding: 24px 24px;
        text-align: center;
    }
    .banner.b02 ul.process-steps li .graphic {
        position: relative;
        width: auto;
        font-size: 30px;
    }
    .banner.b02 ul.process-steps li .title {
        padding-left: 0;
    }
    .banner.b02 ul.process-steps li .description {
        padding-left: 0;
    }
    .banner.b02 ul.process-steps li::before {
        display: none;
    }
    .banner.b02 ul.process-steps li::after {
        position: absolute;
        top: 36px;
        left: auto;
        right: -24px;
        bottom: auto;
        width: 48px;
        content: "\e020";
        font-size: 36px;
        line-height: 1;
    }
    .theater-overlay .video-player {
        width: 768px;
        height: 432px;
        margin: -216px 0 0 -384px;
    }
    .esa-page section.features ul.feature-tiles li {
        float: left;
        width: 50%;
        padding: 24px 24px;
        text-align: center;
    }
    .esa-page section.features ul.feature-tiles li .graphic {
        position: relative;
        width: auto;
        font-size: 30px;
    }
    .esa-page section.features ul.feature-tiles li .title {
        padding-left: 0;
    }
    .esa-page section.features ul.feature-tiles li .description {
        padding-left: 0;
    }
    .startup-profile .half-box .video-player {
        height: 450px;
    }
    .messages .box {
        width: auto;
        margin: 0;
    }
    .messages .nav {
        display: block!important;
        width: 35%;
        right: auto;
        z-index: 5;
        border-right: 1px solid #e3e3e3;
    }
    .messages .nav .body {
        width: 35%;
        left: auto;
        right: auto;
        border: none;
        border-right: 1px solid #e3e3e3;
    }
    .messages .chat {
        width: 65%;
        left: auto;
        z-index: 10;
    }
    .messages .chat .header a.action-back {
        display: none;
    }
    .messages .chat .body {
        width: 65%;
        left: auto;
        right: auto;
    }
    .messages .chat .compose-message {
        left: -1px;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 84.95px;
    }
    .messages .contacts-finder {
        width: 35%;
        right: auto;
        z-index: 5;
        border-right: 1px solid #e3e3e3;
    }
    .messages .contacts-finder .body {
        width: 35%;
        left: auto;
        right: auto;
        border: none;
        border-right: 1px solid #e3e3e3;
    }
    .messages .contacts-finder .contacts-search {
        width: 35%;
        left: auto;
        right: auto;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 84.95px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 84.95px;
    }
    .feed ul.posts li .images ul li .img {
        height: 112.69px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 249.4px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 241.39px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 77.75px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 77.75px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 175.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 375px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 367px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 77.75px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 77.75px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 175.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 375px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 367px;
    }
    .readable.big-letters .wrapper > .text {
        width: 50%;
        float: left;
        text-align: left;
    }
    .readable.big-letters .wrapper > .text-sm {
        width: 25%;
    }
    .readable.big-letters .wrapper > .text-md {
        width: 50%;
    }
    .readable.big-letters .wrapper > .text-lg {
        width: 75%;
    }
    .readable.big-letters .wrapper > .image {
        width: 50%;
        float: right;
        padding: 24px 0;
        text-align: right;
    }
    .readable.big-letters .wrapper > .image-sm {
        width: 25%;
    }
    .readable.big-letters .wrapper > .image-md {
        width: 50%;
    }
    .readable.big-letters .wrapper > .image-lg {
        width: 75%;
    }
    .readable.big-letters .wrapper > .image.hidden-on-mobile {
        display: block;
    }
    .readable.big-letters .wrapper > .image > .brand-logo {
        max-width: 240px;
        margin: 16px 0;
    }
    .readable.big-letters .wrapper > .image > .two-photo-mosaic {
        width: 90%;
    }
    .content-page .video-container {
        padding: 24px 15%;
    }
    .press-page section.assets ul.gallery > li.quarter {
        width: 25%;
    }
    .press-page section.assets ul.gallery > li.third {
        width: 33.3%;
    }
    .press-page section.assets ul.gallery > li.half {
        width: 50%;
    }
    .press-page section.assets ul.swatches > li {
        width: 33.3%;
    }
}

@media screen and (min-width: 848px) {
    .banner.b01 {
        padding-top: 48px;
    }
    .banner.b01 h1 {
        font-size: 40px;
        line-height: normal;
    }
    .banner.b01 h2 {
        width: auto;
        font-size: 24px;
        line-height: normal;
        font-weight: 300;
    }
    .banner.b02 h1 {
        font-size: 40px;
        line-height: normal;
    }
    .banner.b02 h2 {
        font-size: 24px;
        line-height: normal;
        font-weight: 300;
    }
    .theater-overlay .video-player {
        width: 800px;
        height: 450px;
        margin: -225px 0 0 -400px;
    }
    .startup-profile .half-box .video-player {
        height: 477px;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 91.67px;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 91.67px;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 91.67px;
    }
    .feed ul.posts li .images ul li .img {
        height: 121.09px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 266.195px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 258.19px;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 83.75px;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 83.75px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 187.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 399px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 391px;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 83.75px;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 83.75px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 187.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 399px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 391px;
    }
}

@media screen and (min-width: 1280px) {
    .anonymous header nav ul li a .brand-icon {
        display: none;
    }
    .anonymous header nav ul li a .brand-logo {
        display: block;
    }
}

@media screen and (min-width: 1280px) {
    .anonymous header nav > ul > li.nav-search-input {
        left: 392px;
    }
}

@media screen and (min-width: 960px) {
    .noscroll-960 {
        overflow-y: scroll;
    }
    .wrapper {
        width: 944px;
        padding: 0 8px;
    }
    header .wrapper {
        padding: 0 8px;
    }
    footer .wrapper {
        padding: 0 8px;
    }
    .feed {
        padding: 8px 0;
    }
    .feed .title-bar {
        display: none;
    }
    .feed .title-bar-offset {
        display: none;
    }
    .feed .pane-1 {
        position: fixed;
        display: block!important;
        float: none;
        top: 56px;
        right: 50%;
        bottom: 0;
        margin: 0 222px 0 0;
        padding: 16px 16px;
        width: 250px;
        overflow-y: scroll;
    }
    .dashboard.feed .pane-1 {
        top: 56px;
        left: auto;
        right: 50%;
        bottom: 0;
        margin: 0 222px 0 0;
        padding: 16px 16px;
    }
    .feed .pane-2 {
        position: relative;
        display: block;
        float: none;
        width: 444px;
        margin: 0 auto;
        padding: 8px 0;
    }
    .dashboard.feed .pane-2 {
        min-height: 100%;
    }
    .feed .pane-2 ul.posts li .link-card a .image,
    .feed .pane-2 .compose .compose-link-card a.link .image,
    .feed .pane-2 ul.comments-posts li .link-card a .image,
    .feed .pane-2 .compose-comment .compose-link-card a.link .image {
        float: none;
        margin-right: 0;
        width: auto;
        height: 220px;
        border-right: none;
        border-bottom: 1px solid #f3f3f3;
    }
    .feed .pane-3 {
        position: fixed;
        display: block!important;
        float: none;
        top: 56px;
        left: 50%;
        bottom: 0;
        margin: 0 0 0 222px;
        padding: 16px 16px;
        width: 250px;
        overflow-y: scroll;
    }
    .dashboard.feed .pane-3 {
        top: 56px;
        left:  50%;
        right: auto;
        bottom: 0;
        margin: 0 0 0 222px;
        padding: 16px 16px;
    }
    .cards .head {
        padding-bottom: 0;
    }
    .cards .head .headline {
        float: left;
        text-align: left;
    }
    .cards .head .more {
        display: block;
    }
    #featured-cards #startups-cards {
        max-height: 301px;
        overflow: hidden;
    }
    #featured-cards #roles-cards {
        max-height: 301px;
        overflow: hidden;
    }
    .toolbar .pane-1,
    .toolbar .pane-2 {
        display: block!important;
        max-width: 100%;
        padding: 0 8px;
    }
    .toolbar .pane-2 .buttons .boxless .title {
        display: inline;
    }
    .toolbar .searchbox {
        width: 256px;
    }
    .toolbar .pane-2 .searchbox {
        width: 256px;
    }
    .cards ul {
        width: 944px;
    }
    .startup-profile .cards ul {
        width: 708px;
    }
    .sample-card-4 {
        display: block!important;
    }
    .startup-profile .followers .pane-1 .sample-card-4 {
        display: none!important;
    }
    .form-startup .wrapper {
        padding: 0 8px;
    }
    .form-startup .form-box {
        padding: 8px 0px;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .live-profile > .startup-profile .head {
        padding: 24px 0 8px 0;
    }
    .form-startup .body .pane-1 {
        float: left;
        width: 688px;
        padding: 6px 0;
    }
    .form-startup .body .pane-2 {
        display: block;
    }
    .form-startup .body input[type=file].merged-top-mobile + label {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .form-startup .body .cover-mobile-preview {
        display: none;
    }
    .form-box ul.top-tabs li.first a {
        border-top-left-radius: 4px;
    }
    .form-box ul.top-tabs li.last a {
        border-top-right-radius: 4px;
    }
    .startup-avatar-editor .form-box .field .image-preview {
        width: 160px;
        height: 160px;
    }
    .startup-cover-editor .form-box .field .image-preview {
        width: 284px;
        height: 160px;
    }
    .startup-video-editor .form-box .video-js {
        width: 284px;
        height: 160px;
    }
    .profile .wrapper {
        padding: 0 8px;
    }
    .profile .header {
        border: 1px solid #e3e3e3;
        border-top: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .profile .about {
        padding: 16px 0;
    }
    .profile .about .wrapper {
        padding: 0 8px;
    }
    .profile .about .box {
        margin: 0 0 16px 0;
    }
    .settings {
        padding: 8px 0;
    }
    .settings .wrapper {
        padding: 0 8px;
    }
    .settings .pane-1 {
        display: block!important;
        float: left;
        width: 218px;
        margin: 8px 8px 8px 8px;
        padding: 0;
    }
    .settings .pane-2 {
        display: block;
        float: right;
        width: 678px;
        margin: 8px 8px 8px 8px;
        padding: 0;
    }
    .settings .form-box {
        padding: 8px 0px;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .tabbed-header-container .wrapper {
        padding: 0 8px;
    }
    .tabbed-header {
        border: 1px solid #e3e3e3;
        border-top: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .startup-profile .wrapper {
        padding: 0 8px;
    }
    .startup-profile > .wrapper > .header {
        border: 1px solid #e3e3e3;
        border-top: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .startup-profile .box {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .startup-profile .half-box .body {
        border: 1px solid #e3e3e3;
        border-top: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .startup-profile .pane-1 {
        display: block;
        float: left;
        width: 688px;
        margin: 0;
        padding: 16px 0;
    }
    .startup-profile.recruiting-mode .pane-1 {
        /* width: 1160px; */
    }
    .startup-profile .pane-2 {
        display: block;
        float: right;
        width: 220px;
        margin: 0;
        padding: 16px 0;
    }
    .startup-profile .pane-alt-1 {
        display: block;
        float: left;
        width: 220px;
        margin: 0;
        padding: 16px 0;
    }
    .startup-profile .pane-alt-2 {
        display: block;
        float: right;
        width: 688px;
        margin: 0;
        padding: 16px 0;
    }
    .startup-profile .followers .pane-2 {
        display: block;
    }
    .startup-profile .half-box .video-player {
        width: 688px;
        height: 387px;
    }
    .startup-profile .applicant-card {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .startup-profile .applicant-card .summary .name {
        font-size: 14px;
        line-height: normal;
    }
    .startup-profile .applicant-card .actions a.button {
        padding: 8px 12px;
        font-size: 14px;
    }
    .startup-profile .goal-assignee-card {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .startup-profile .applicant
    .startup-profile .summary ul,
    .startup-profile ul.list,
    .startup-profile ul.grid {
        padding: 0;
    }
    .startup-profile .side-actions {
        padding: 0 8px;
    }
    .startup-profile .side-actions a.button {
        width: auto;
        margin: 0 auto;
        font-size: 14px;
        padding: 8px 12px;
    }
    .startup-profile ul.roles li.role {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .startup-profile ul.roles li.role ul.goals li.goal {
        border: none;
        border-radius: 0;
    }
    .startup-profile ul.roles li.role .actions a.button {
        font-size: 14px;
        padding: 8px 12px;
    }
    .startup-profile ul.roles li.role .actions a.gray-button {
        font-size: 14px;
        padding: 8px 12px;
    }
    .startup-profile .feed .pane-1 {
        position: relative;
        float: left;
        top: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        padding: 16px 0;
        width: 688px;
        overflow-y: visible;
    }
    .startup-profile .feed .pane-2 {
        display: block;
        float: right;
        margin: 0 0 0 20px;
        padding: 16px 0;
        width: 220px;
        float: left;
    }
    .startup-profile .feed .pane-alt-2 {
        padding: 16px 0;
    }
    .startup-profile .followers .pane-1 {
        padding: 8px 0;
    }
    .startup-profile .fixed-actions {
        display: none;
    }
    .startup-profile .fixed-block {
        display: none;
    }
    .startup-profile .role-details {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .startup-profile .cards ul {
        margin: 0 -8px;
        padding: 0;
    }
    .sidebar-admin-tools {
        margin: 0 0 24px 0;
    }
    .sidebar-admin-tools ul.actions li a.button {
        font-size: 14px;
        padding: 8px 12px;
    }
    .form-startup .permission-checkbox {
        display: inline;
    }
    .form-startup .save-prompt {
        height: 64px;
    }
    .form-startup .save-prompt .pane-1 a.button {
        float: right;
    }
    .form-startup .save-prompt .pane-2 a.button {
        float: left;
    }
    .form-startup .save-prompt a.button {
        font-size: 14px;
        padding: 8px 12px;
    }
    .form-startup .save-prompt a.save {
        width: 160px;
    }
    .form-startup .save-prompt a.cancel {
        width: 160px;
    }
    .form-startup .buttons a.boxless-button {
        min-width: auto;
        min-height: auto;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .form-box .buttons a.boxless-idle img.loading {
        width: 16px;
        height: 16px;
        margin-top: 0;
    }
    .popup .wrapper {
        width: 800px;
        margin: 0 0 0 -400px;
        padding: 0;
    }
    .popup.popup-narrow .wrapper {
        width: 640px;
        margin: 0 0 24px -320px;
    }
    .popup.popup-narrow.popup-narrower .wrapper {
        width: 320px;
        margin: 0 0 24px -160px;
    }
    .popup .top-bar {
        width: 800px;
        margin: 0 0 0 -400px;
    }
    .comments-feed .compose-comment {
        width: 800px;
        margin: 0 -400px;
    }
    ul.user-box-stack {
        padding: 0;
    }
    .messages .box {
        top: 80px;
        bottom: 24px;
        left: 50%;
        right: 50%;
        width: 960px;
        margin: 0 -480px;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .messages .nav {
        top: 0;
        left: 0;
        bottom: 0;
        width: 320px;
        border-right: 1px solid #e3e3e3;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .messages .nav .header {
        border-top-left-radius: 4px;
    }
    .messages .nav .header a.action-left {
        border-top-left-radius: 4px;
    }
    .messages .nav .body {
        width: 320px;
        top: 136px;
        bottom: 24px;
        padding-bottom: 68px;
        border: 1px solid #e3e3e3;
        border-left: none;
        border-bottom-left-radius: 4px;
    }
    .messages .chat {
        top: 0;
        left: 320px;
        right: 0;
        bottom: 0;
        width: auto;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .messages .chat .header {
        border-top-right-radius: 4px;
    }
    .messages .chat .header a.action-right {
        border-top-right-radius: 4px;
    }
    .messages .chat .body {
        width: 640px;
        top: 136px;
        bottom: 84px;
    }
    .messages .chat .compose-message {
        bottom: -1px;
        left: -1px;
        right: -1px;
        border-bottom-right-radius: 4px;
    }
    .messages .chat .compose-message textarea {
        border-radius: 0;
        border-bottom-right-radius: 4px;
    }
    .messages .chat .compose-message .compose-attachments ul li {
        width: 20%;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 67.19px;
    }
    .messages .chat .compose-message .compose-attachments ul li {
        width: 20%;
    }
    .messages .chat .compose-message .compose-attachments ul li .img {
        height: 67.19px;
    }
    .messages .chat .compose-message.with-attachments textarea {
        border-bottom-right-radius: 0;
    }
    .messages .contacts-finder {
        top: 0;
        left: 0;
        bottom: 0;
        width: 320px;
        border-right: 1px solid #e3e3e3;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .messages .contacts-finder .header {
        border-top-left-radius: 4px;
    }
    .messages .contacts-finder .header a.action-left {
        border-top-left-radius: 4px;
    }
    .messages .contacts-finder .body {
        width: 320px;
        top: 183px;
        bottom: 24px;
        border: 1px solid #e3e3e3;
        border-left: none;
        border-bottom-left-radius: 4px;
    }
    .messages .contacts-finder .contacts-search {
        width: 321px;
        top: 136px;
        margin-left: -1px;
    }
    .signing-frame {
        width: 960px;
        left: 50%;
        right: 50%;
        margin: 0 -450px;
    }
    .feed .compose .compose-attachments ul li {
        width: 20%;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 67.19px;
    }
    .feed ul.posts li .attachments ul li {
        width: 20%;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 67.19px;
    }
    .feed ul.posts li .images ul li .img {
        height: 90.5px;
    }
    .feed ul.posts li .images ul li.wide .img {
        height: 410px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 197px;
    }
    .startup-profile .feed .compose .compose-attachments ul li {
        width: 12.5%;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 65.75px;
    }
    .startup-profile .feed ul.posts li .attachments ul li {
        width: 12.5%;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 65.75px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 151.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        height: 327px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 319px;
    }
    .person-profile .feed .compose .compose-attachments ul li {
        width: 12.5%;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 95.75px;
    }
    .person-profile .feed ul.posts li .attachments ul li {
        width: 12.5%;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 95.75px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 211.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        height: 447px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 439px;
    }
    .stacked-form-box .buttons {
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
    .search-results .feed .pane-1 {
        position: relative;
        display: block;
        float: left;
        top: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        padding: 0 8px 0 0;
        width: 220px;
    }
    .search-results .feed .pane-2 {
        display: block;
        float: right;
        width: 708px;
        margin: 0;
        padding: 0;
    }
    .about-page section.team ul.people li {
        width: 29%;
        margin: 0 2%;
    }
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1136px) {}

@media screen and (min-width: 1280px) {
    .readable.big-letters .wrapper > .image > .two-photo-mosaic {
        width: 100%;
    }
    .wrapper {
        width: 1180px;
    }
    .cards ul {
        width: 1180px;
    }
    .startup-profile .cards ul {
        width: 944px;
    }
    .sample-card-5 {
        display: block!important;
    }
    .startup-profile .feed .pane-1 {
        width: 924px;
    }
    .startup-profile .followers .pane-1 .sample-card-4 {
        display: block!important;
    }
    .startup-profile .followers .pane-1 .sample-card-5 {
        display: none!important;
    }
    .popup .wrapper {
        width: 960px;
        margin: 0 0 0 -480px;
    }
    .popup.popup-narrow .wrapper {
        width: 640px;
        margin: 0 0 24px -320px;
    }
    .popup .top-bar {
        width: 960px;
        margin: 0 0 0 -480px;
    }
    .comments-feed .compose-comment {
        width: 960px;
        margin: 0 -480px;
    }
    .feed .pane-1,
    .dashboard.feed .pane-1 {
        margin: 0 340px 0 0;
    }
    .feed .pane-2 {
        width: 680px;
    }
    .feed .pane-2 ul.posts li .link-card a .image,
    .feed .pane-2 .compose .compose-link-card a.link .image,
    .feed .pane-2 ul.comments-posts li .link-card a .image,
    .feed .pane-2 .compose-comment .compose-link-card a.link .image {
        float: left;
        margin-right: 16px;
        width: 300px;
        height: 156px;
        border-right: 1px solid #f3f3f3;
        border-bottom: none;
    }
    .feed .pane-3,
    .dashboard.feed .pane-3 {
        margin: 0 0 0 340px;
    }
    .form-startup .body .pane-1 {
        width: 924px;
    }
    .settings .pane-2 {
        width: 914px;
    }
    .search-results .feed .pane-2 {
        width: 944px;
    }
    .startup-profile .pane-1 {
        width: 924px;
    }
    .startup-profile.recruiting-mode .pane-1 {
        width: 100%;
    }
    .startup-profile .pane-alt-2 {
        width: 924px;
    }
    .startup-profile .feed .pane-2 {
        width: 220px;
    }
    .startup-profile .half-box .video-player {
        width: 924px;
        height: 520px;
    }
    body.basic .narrow-box {
        margin-top: 96px;
    }
    .feed .compose .compose-attachments ul li {
        width: 20%;
    }
    .feed .compose .compose-attachments ul li .img {
        height: 116.39px;
    }
    .feed ul.posts li .attachments ul li {
        width: 20%;
    }
    .feed ul.posts li .attachments ul li .img {
        height: 116.39px;
    }
    .feed ul.posts li .images ul li .img {
        height: 149.5px;
    }
    .feed ul.posts li .images ul li.wide .img {
        width: 50%;
        height: 315px;
    }
    .feed ul.posts li .images ul li.half .img {
        height: 315px;
    }
    .startup-profile .feed .compose .compose-attachments ul li {
        width: 12.5%;
    }
    .startup-profile .feed .compose .compose-attachments ul li .img {
        height: 95.25px;
    }
    .startup-profile .feed ul.posts li .attachments ul li {
        width: 12.5%;
    }
    .startup-profile .feed ul.posts li .attachments ul li .img {
        height: 95.25px;
    }
    .startup-profile .feed ul.posts li .images ul li .img {
        height: 151.5px;
    }
    .startup-profile .feed ul.posts li .images ul li.wide .img {
        width: 50%;
        height: 437px;
    }
    .startup-profile .feed ul.posts li .images ul li.half .img {
        height: 437px;
    }
    .person-profile .feed .compose .compose-attachments ul li {
        width: 12.5%;
    }
    .person-profile .feed .compose .compose-attachments ul li .img {
        height: 125.25px;
    }
    .person-profile .feed ul.posts li .attachments ul li {
        width: 12.5%;
    }
    .person-profile .feed ul.posts li .attachments ul li .img {
        height: 125.25px;
    }
    .person-profile .feed ul.posts li .images ul li .img {
        height: 270.5px;
    }
    .person-profile .feed ul.posts li .images ul li.wide .img {
        width: 50%;
        height: 557px;
    }
    .person-profile .feed ul.posts li .images ul li.half .img {
        height: 557px;
    }
    .messages .box {
        width: 1180px;
        margin: 0 -590px;
    }
    .messages .chat .body {
        width: 860px;
    }
    .about-page section.team ul.people {
        width: 960px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {}

@media screen and (min-width: 1440px) {
    .wrapper {
        width: 1416px;
    }
    .esa-page section.features ul.feature-tiles li {
        width: 25%;
    }
    .cards ul {
        width: 1416px;
    }
    .startup-profile .cards ul {
        width: 1180px;
    }
    .sample-card-6 {
        display: block!important;
    }
    .startup-profile .feed .pane-1 {
        width: 1160px;
    }
    .startup-profile .followers .pane-1 .sample-card-5 {
        display: block!important;
    }
    .startup-profile .followers .pane-1 .sample-card-6 {
        display: none!important;
    }
    .feed .pane-1,
    .dashboard.feed .pane-1 {
        margin: 0 458px 0 0;
    }
    .feed .pane-2 {
        width: 916px;
    }
    .feed .pane-3,
    .dashboard.feed .pane-3 {
        margin: 0 0 0 458px;
    }
    .form-startup .body .pane-1 {
        width: 1160px;
    }
    .settings .pane-2 {
        width: 1150px;
    }
    .search-results .feed .pane-2 {
        width: 1180px;
    }
    .startup-profile .pane-1 {
        width: 1160px;
    }
    .startup-profile.recruiting-mode .pane-1 {
        width: 1160px;
    }
    .startup-profile .pane-alt-2 {
        width: 1160px;
    }
    .startup-profile .feed .pane-2 {
        width: 220px;
    }
    .startup-profile .half-box .video-player {
        width: 1160px;
        height: 653px;
    }
    .messages .box {
        width: 1416px;
        margin: 0 -708px;
    }
    .messages .chat .body {
        width: 1096px;
    }
}

@media screen and (min-width: 1600px) {}

@media screen and (min-width: 1680px) {}

@media screen and (min-width: 1872px) {}

@media screen and (min-width: 2080px) {}


/* Control Panel */

.control-panel .toolbar > .wrapper {
    position: relative;
}
.control-panel .toolbar > .wrapper::after {
    position: absolute;
    display: none;
    content: '';
    top: 56px;
    left: 236px;
    right: 0;
    margin-left: 9px;
    margin-right: 7px;
    height: 1px;
    background: rgba(0,0,0,0.05);
}
.control-panel .toolbar .pane-1 {
    margin-left: 0;
    padding-left: 0;
}
.control-panel .feed {
    padding: 0;
}
.control-panel .feed .pane-1 {
    position: fixed;
    display: none;
    width: 236px;
    top: 56px;
    left: 0;
    margin: 0 0 0 0;
    padding: 10px 8px;
    z-index: 100;
}
.control-panel .feed .pane-2 {
    width: auto;
    margin: 0 -8px;
    padding: 0;
}
.control-panel .feed .pane-1 ul.list > li {
    display: block;
    position: relative;
    margin: 0 0 4px 0;
    padding: 0;
    box-sizing: border-box;
}
.control-panel .feed .pane-1 ul.list > li > a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 9px 8px 9px 40px;
    margin: 0;
    box-sizing: border-box;
    color: #999;
    background: #f3f3f3;
    transition: none;
    border-radius: 4px;
}
.control-panel .feed .pane-1 ul.list > li > a:hover {
    background: #eee;
    color: #000;
}
.control-panel .feed .pane-1 ul.list > li > a > .icon {
    position: absolute;
    top: 11px;
    left: 11px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}
.control-panel .feed .pane-1 ul.list > li.active > a {
    background-color: #e3e3e3;
    color: #000;
}
.control-panel .feed .pane-1 ul.list > li.active > a .title {
    font-weight: 500;
}
.control-panel .feed .cards > ul {
    width: auto;
    margin: 0 auto;
}
.control-panel .feed .pane-2 .feed {
    padding: 8px 8px;
}

@media screen and (min-width: 480px) {
    .control-panel .feed .cards > ul {
        width: 472px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 720px) {
    .control-panel .sample-card-3 {
        display: none!important;
    }
}

@media screen and (min-width: 768px) {
    .control-panel .toolbar {
        background: #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
    }
    .control-panel .toolbar > .wrapper::after {
        display: block;
    }
    .control-panel .toolbar .on-sidebar {
        display: none;
    }
    .control-panel .toolbar .pane-1 {
        margin-left: 236px;
        padding-left: 16px;
    }
    .control-panel .toolbar ul.menu li a {
        color: #999;
    }
    .control-panel .toolbar ul.menu li a:hover {
        color: #000;
        background: #eee;
    }
    .control-panel .toolbar ul.menu li a .sm {
        color: #333;
    }
    .control-panel .toolbar ul.menu li.active a {
        color: #000;
        background: #e3e3e3;
    }
    .control-panel .toolbar ul.menu li.selected a {
        background: #e3e3e3;
    }
    .control-panel .toolbar ul.menu li ul {
        border: 1px solid #e3e3e3;
        border-top: 1px solid #e3e3e3;
    }
    .control-panel .toolbar ul.menu li ul li a {
        background: #fff;
        border-top: 1px solid #fff;
    }
    .control-panel .toolbar ul.menu li.selected ul li a {
        background: #fff;
    }
    .control-panel .toolbar ul.menu li.selected ul li a:hover {
        background: #f3f3f3;
        border-top: 1px solid #f3f3f3;
    }
    .control-panel .toolbar ul.menu li ul li.first-subnav-section-item a {
        border-top: 1px solid #999;
    }
    .control-panel .toolbar ul.menu li.selected a {
        color: #000;
    }
    .control-panel .toolbar ul.menu li.selected ul li a {
        color: #666;
    }
    .control-panel .toolbar ul.menu li.selected ul li a:hover {
        color: #000;
    }
    .control-panel .toolbar ul.menu li.selected ul li a:active {
        color: #000;
    }
    .control-panel .toolbar ul.menu li ul li.active a {
        color: #fff;
        background: #007aff;
        border-top: 1px solid #007aff;
    }
    .control-panel .toolbar ul.menu li ul li.active a:hover {
        color: #fff;
        background: #007aff;
        border-top: 1px solid #007aff;
    }
    .control-panel .toolbar ul.menu li ul li.subtitle {
        background: #fff;
        color: #ccc;
    }
    .control-panel.no-filters .toolbar,
    .control-panel.no-filters .toolbar-offset {
        display: none;
    }
    .control-panel .feed .pane-1 {
        display: block;
    }
    .control-panel .feed .pane-2 {
        margin: 0;
        padding: 0 0 0 229px;
        min-height: 320px;
    }
}

@media screen and (min-width: 960px) {
    .control-panel .feed .pane-1 {
        left: 50%;
        margin: 0 0 0 -472px;
    }
    .control-panel .feed .pane-2 {
        padding: 0 0 0 229px;
    }
    .control-panel .feed .cards > ul {
        width: 708px;
    }
    .control-panel .sample-card-3 {
        display: block!important;
    }
    .control-panel .sample-card-4 {
        display: none!important;
    }
}

@media screen and (min-width: 1280px) {
    .control-panel .feed .pane-1 {
        margin: 0 0 0 -590px;
    }
    .control-panel .feed .cards > ul {
        width: 944px;
    }
    .control-panel .sample-card-4 {
        display: block!important;
    }
    .control-panel .sample-card-5 {
        display: none!important;
    }
}

@media screen and (min-width: 1440px) {
    .control-panel .feed .pane-1 {
        margin: 0 0 0 -708px;
    }
    .control-panel .feed .cards > ul {
        width: 1180px;
    }
    .control-panel .sample-card-5 {
        display: block!important;
    }
    .control-panel .sample-card-6 {
        display: none!important;
    }
}


/* Card Rows */

.cards.rows ul {
    padding: 0 8px;
}
.cards.rows ul li {
    width: 100%;
    height: auto;
    margin: 8px 0;
    clear: both;
}
.cards.rows ul li .preview {
    float: left;
    width: auto;
    height: auto;
    margin: 16px 16px;
}
.cards.rows ul li a.flag {
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    padding: 4px 4px;
    color: #fff;
    background: #666;
    border: 1px solid #fff;
    font-size: 10px;
    line-height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
}
.cards.rows ul li .preview a .img {
    width: 48px;
    height: 48px;
    margin: 0;
}
.cards.rows ul li .summary {
    width: auto;
    height: auto;
    margin: 16px;
    padding: 0;
}
.cards.rows ul li .summary .title,
.cards.rows ul li .summary .subtitle,
.cards.rows ul li .summary .body,
.cards.rows ul li .summary .body.centered {
    text-align: left;
}
.cards.rows ul li .summary .body {
    padding: 0;
}
.cards.rows ul li .foot,
.cards.rows ul li.portrait .foot {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
}
.cards.rows ul li .foot {
    position: relative;
    margin: 16px 16px 16px 80px;
}
.cards.rows ul li .foot .left,
.cards.rows ul li .foot .right {
    position: relative;
    display: inline-block;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    margin: 0 16px;
    padding: 0;
}
.cards.rows ul li .foot .overlap-gradient {
    display: none;
}
.cards.rows ul li .foot .overlap-solid {
    height: auto;
}
.cards.rows ul li .stats {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
}


/* Posts Entries */

.feed ul.posts li.entry {
    position: relative;
    padding: 16px 48px 16px 16px;
    min-height: 48px;
    font-size: 16px;
    box-sizing: border-box;
}
.feed ul.posts li.entry.with-icon {
    padding: 16px 48px;
}
.feed ul.posts li.entry > .entry-icon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 15px;
    width: 48px;
    font-size: 20px;
    text-align: center;
    color: #ccc;
    box-sizing: border-box;
}
.feed ul.posts li.entry > .caption {
    color: #000;
}
.feed ul.posts li.entry > .caption .sample-loading {
    width: 50%;
    height: 16px;
    margin: 1px 0 4px 0;
}
.feed ul.posts li.entry > .action {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 15px;
    width: 56px;
    font-size: 20px;
    text-align: center;
    color: #666;
    box-sizing: border-box;
}
.feed ul.posts li.entry > a.action:hover {
    background: #fcfcfc;
}
.feed ul.posts li.entry > .entry-icon .sample-loading,
.feed ul.posts li.entry > .action .sample-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.compose-entry {
    position: relative;
    margin: 0 0 8px 0;
}
.compose-entry > input.value {
    padding: 3px 56px 4px 16px;
    min-height: 48px;
    font-size: 16px;
    box-sizing: border-box;
}
.compose-entry > a.submit {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 17px;
    width: 56px;
    font-size: 20px;
    text-align: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-sizing: border-box;
}
.compose-entry > a.submit:hover {
    background: rgba(0,0,0,.01);
}
.compose-entry > a.submit.disabled,
.compose-entry > a.submit.disabled:hover {
    color: #ccc;
    background: none;
    cursor: default;
}


/* J-Score */

body.basic .jscore .header h1 {
    font-size: 40px;
    line-height: normal;
    font-weight: 600;
}

body.basic .jscore .header h2 {
    font-size: 20px;
    line-height: normal;
    font-weight: 300;
    color: #333;
}

.jscore .header {
    padding: 16px 0;
}

.jscore .score {
    position: relative;
    display: block;
    margin: 16px auto;
    padding: 24px 16px;
    background: #f3f3f3;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    font-weight: 400;
    color: #333;
}

.jscore .score .value {
    display: block;
    font-size: 80px;
    line-height: normal;
    font-weight: 600;
    color: #000;
}

.jscore .score .result {
    display: inline-block;
    margin: 0 0 16px 0;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    background: #fcfcfc;
    color: #666;
    border-radius: 4px;
}

.jscore .score .share-links {
    display: block;
    padding: 0;
    font-size: 20px;
    text-align: center;
    line-height: normal;
}

.jscore .score .share-links a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 4px 8px;
    padding: 10px 10px;
    box-sizing: border-box;
    background: #e3e3e3;
    color: #666;
    border-radius: 50%;
    text-align: center;
    line-height: normal;
}

.jscore .score .share-links a:hover {
    background: #000;
    color: #fff;
}

.jscore .footer {
    padding: 16px 0;
}

.jscore .footer h3 {
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
    text-align: center;
    color: #000;
}

.jscore .footer h4 {
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #666;
}

.jscore .footer .button {
    position: relative;
    display: block;
    height: 48px;
    margin: 16px auto;
    padding: 0 12px;
    font-size: 18px;
    line-height: 46px;
    font-weight: 500;
}

.startup-profile .half-box .video-player > .video-js > .vjs-poster {
    background-color: transparent;
}

/* Honeypot field */
.signup-form-phone {
  position: fixed !important;
  top: 100% !important;
  left: 100% !important;
  width: 10px !important;
  height: 10px !important;
  margin: 10px !important;
  background: transparent !important;
}

.affiliate {
    background: #f3f3f3;
    padding: 8px 0;
}

.post-video {
    position: relative;
    margin: 0 16px 8px 16px;
    height: 0;
    padding-bottom: 56.25%;
}

.comments-feed .post-video {
    margin-left: 0;
    margin-right: 0;
}

.post-video .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrapper.unsubscribe {
    margin: 0 auto;
    max-width: 600px;
}
.unsubscribe p {
    margin: 1em 0;
}


@media screen and (max-width: 959px) {
    .role-landing-page .pane-2 {
        display:none;
    }
    body.basic.landing footer {
        margin-top: 0px;
        padding-bottom: 0;
    }

}

.hover\:opacity-70:hover {
    opacity: .7;
}

.hover\:no-underline:hover {
    text-decoration: none;
}
.underline {
    text-decoration: underline;
}

.header__main-menu-btn {
    padding: 0.25rem;
    overflow: hidden;
    border: 1px solid rgb(229, 231, 235);
    border-radius: 9999px;
    cursor: pointer;
    color: rgb(107, 114, 128);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: max-content;
}
.header__main-menu-btn:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    color: #24262a !important;
}

.header__main-menu-btn .icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 0 2px 0 4px !important;
}