@charset "UTF-8";
@font-face {
  font-family: "hackerone";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/hackerone.eot");
  src: local("#"), url("/assets/fonts/hackerone.ttf") format("truetype"), url("/assets/fonts/hackerone.woff") format("woff"), url("/assets/fonts/hackerone.svg") format("svg"); }
@font-face {
  font-family: "Blokk";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/blokk.eot");
  src: local("#"), url("/assets/fonts/blokk.ttf") format("truetype"), url("/assets/fonts/blokk.woff") format("woff"), url("/assets/fonts/blokk.svg") format("svg"); }
@font-face {
  font-family: "Rye";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/rye.eot");
  src: local("#"), url("/assets/fonts/rye.ttf") format("truetype"), url("/assets/fonts/rye.woff") format("woff"), url("/assets/fonts/rye.svg") format("svg"); }
@font-face {
  font-family: "EffraHeavy";
  font-style: normal;
  font-weight: heavy;
  src: url("/assets/fonts/Effra_He.ttf") format("truetype"); }
@font-face {
  font-family: "EffraHeavy";
  font-style: italic;
  font-weight: heavy;
  src: url("/assets/fonts/Effra_HeIt.ttf") format("truetype"); }
@font-face {
  font-family: "EffraBold";
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/Effra_Bd.ttf") format("truetype"); }
@font-face {
  font-family: "EffraBold";
  font-style: italic;
  font-weight: bold;
  src: url("/assets/fonts/Effra_BdIt.ttf") format("truetype"); }
@font-face {
  font-family: 'EffraLight';
  src: url("/assets/fonts/effra/effra-light/effra-light.eot"), url("/assets/fonts/effra/effra-light/effra-light.woff") format("woff"), url("/assets/fonts/effra/effra-light/effra-light.ttf") format("truetype"), url("/assets/fonts/effra/effra-light/effra-light.svg") format("svg"); }
@font-face {
  font-family: 'EffraMedium';
  src: url("/assets/fonts/effra/effra-medium/effra-medium.eot"), url("/assets/fonts/effra/effra-medium/effra-medium.woff") format("woff"), url("/assets/fonts/effra/effra-medium/effra-medium.ttf") format("truetype"), url("/assets/fonts/effra/effra-medium/effra-medium.svg") format("svg"); }
@font-face {
  font-family: 'EffraRegular';
  src: url("/assets/fonts/effra/effra-regular/effra-regular.eot"), url("/assets/fonts/effra/effra-regular/effra-regular.woff") format("woff"), url("/assets/fonts/effra/effra-regular/effra-regular.ttf") format("truetype"), url("/assets/fonts/effra/effra-regular/effra-regular.svg") format("svg"); }
/*
@font-face {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/fontawesome-webfont.eot");
  src: local("#"), url("/assets/fonts/fontawesome-webfont.ttf") format("truetype"), url("/assets/fonts/fontawesome-webfont.woff") format("woff"), url("/assets/fonts/fontawesome-webfont.svg") format("svg"); }
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol,
ul {
  list-style: none; }

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

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

q,
blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

sup {
  vertical-align: super;
  font-size: smaller; }

body.non-boxless .wrapper, .inner-container, .full-width-inner-container, .not-supported-wrapper, .footer-wrapper, .profile-header__container {
  max-width: 1170px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto; }
  body.non-boxless .wrapper, body.non-boxless .inner-container, body.non-boxless .full-width-inner-container, body.non-boxless .not-supported-wrapper, body.non-boxless .footer-wrapper, body.non-boxless .profile-header__container {
    width: 1170px; }

.button--disabled, .button:disabled, input[type=submit]:disabled,
input[type=button]:disabled, .input:disabled, .select:disabled, .report-action-picker__input:disabled, .input--superman:disabled, .disabled, input[type="checkbox"]:disabled,
input[type="radio"]:disabled, input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label, .input:disabled + .helper-text, .select:disabled + .helper-text, .report-action-picker__input:disabled + .helper-text {
  opacity: .35;
  cursor: not-allowed; }

* {
  box-sizing: border-box; }

body,
html {
  height: 100%; }

.wrapper {
  padding-top: 60px; }
  body.non-boxless .wrapper {
    position: relative;
    zoom: 1;
    padding-top: 88px;
    z-index: 1; }
    body.non-boxless .wrapper:before, body.non-boxless .wrapper:after {
      content: " ";
      display: block;
      height: 0;
      overflow: hidden; }
    body.non-boxless .wrapper:after {
      clear: both; }

.footer-popup {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000;
  text-align: center;
  z-index: 10000; }
  .footer-popup p {
    color: white;
    margin-bottom: 0px;
    max-width: 1170px;
    margin: auto;
    padding: 5px 0; }
    .footer-popup p a.primary-btn--small {
      margin: 20px;
      padding: 4px 28px; }

.container {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea; }
  body.non-boxless .container {
    border: 1px solid #c5c5c5;
    border-radius: 4px; }

.inner-container--extra-padding {
  padding-top: 80px;
  padding-bottom: 80px; }
.inner-container--x-small {
  max-width: 625px; }
.inner-container--small {
  max-width: 700px; }
.inner-container--medium {
  max-width: 800px; }
.inner-container--large {
  max-width: 930px; }
.inner-container:target {
  padding-top: 91px;
  margin-top: -91px; }

body.non-boxless .main-column-wrapper {
  zoom: 1;
  padding: 20px; }
  body.non-boxless .main-column-wrapper:before, body.non-boxless .main-column-wrapper:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  body.non-boxless .main-column-wrapper:after {
    clear: both; }
  body.non-boxless .main-column-wrapper .main-column {
    width: 100%;
    float: left; }
  body.non-boxless .main-column-wrapper .right-column {
    float: right;
    width: 30%; }
  body.non-boxless .main-column-wrapper .right-column + .main-column {
    padding-right: 20px;
    width: 70%; }

.full-width-inner-container {
  padding-top: 30px;
  padding-bottom: 30px; }
  .full-width-inner-container--directory {
    padding-top: 30px; }
    @media (min-width: 640px) {
      .full-width-inner-container--directory {
        padding-top: 200px; } }

@media (min-width: 640px) {
  .full-width-main-column {
    float: left;
    width: 75%;
    padding-right: 40px; } }

@media (min-width: 640px) {
  .full-width-right-column {
    float: right;
    width: 25%; } }

.full-width-footer-wrapper {
  padding: 0 20px; }

.narrow-wrapper {
  max-width: 440px;
  padding: 121px 20px 30px;
  margin: 0 auto; }
  .narrow_layout .narrow-wrapper {
    min-height: 100%;
    margin-bottom: -61px; }
    .narrow_layout .narrow-wrapper:after {
      content: "";
      display: block;
      height: 61px; }

.narrow-intro {
  text-align: center;
  margin-bottom: 30px; }

.narrow-container {
  background: #fff;
  color: #000;
  border-radius: 4px;
  border: 1px solid #c5c5c5;
  text-align: left;
  padding: 20px;
  margin-bottom: 40px;
  word-break: break-word; }
  .narrow-container--muted-border {
    border-color: #e5e5e5; }

.narrow-footer {
  color: #777;
  font-size: 12px;
  text-align: center; }

@media (min-width: 940px) {
  .narrow-wrapper-columns {
    margin: 0 -10px; } }

@media (min-width: 940px) {
  .narrow-wrapper-column {
    float: left;
    width: 50%;
    padding: 0 10px; } }

.not-supported-wrapper {
  padding-top: 140px; }

.not-supported .left-column {
  width: 25%;
  float: left;
  padding-right: 20px; }

.not-supported .main-column {
  width: 75%;
  float: right; }

.not-supported-page-title {
  font-size: 38px;
  line-height: 1.2;
  margin-bottom: 40px; }
  .not-supported-page-title > em {
    font-style: italic; }

.not-supported-intro {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 50px; }

.supported-intro {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0; }

.batman-chinrub {
  border-radius: 400px;
  background: #fff;
  border: 1px solid #c5c5c5;
  padding: 5px;
  width: 215px;
  height: 215px;
  margin-top: -35px; }

.browsers-container {
  margin-bottom: 80px; }

.supported-browsers-list {
  background: #fff;
  border: 1px solid #c5c5c5;
  margin-top: 30px;
  border-radius: 4px; }

.supported-browsers-list-item {
  zoom: 1;
  padding: 30px 30px 30px 85px;
  border-bottom: 1px solid #dcdcdc; }
  .supported-browsers-list-item:before, .supported-browsers-list-item:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .supported-browsers-list-item:after {
    clear: both; }
  .supported-browsers-list-item.browser-firefox {
    background: url("/assets/images/browser-icon/firefox.png") no-repeat 30px 50%; }
  .supported-browsers-list-item.browser-chrome {
    background: url("/assets/images/browser-icon/chrome.png") no-repeat 30px 50%; }
  .supported-browsers-list-item.browser-opera {
    background: url("/assets/images/browser-icon/opera.png") no-repeat 30px 50%; }
  .supported-browsers-list-item.browser-ie {
    background: url("/assets/images/browser-icon/ie.png") no-repeat 30px 50%; }
  .supported-browsers-list-item.browser-safari {
    background: url("/assets/images/browser-icon/safari.png") no-repeat 30px 50%; }
  .supported-browsers-list-item:last-child {
    border-bottom: 0; }

.supported-browser-information {
  float: left; }
  .supported-browser-information > .browser-title {
    font-weight: 600;
    font-size: 15px; }
  .supported-browser-information > .browser-description {
    font-style: italic; }

.supported-browser-download {
  text-align: right;
  float: right; }

.customer-pages-benefits-image {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin-top: 75px; }

.resources-bug-bounty-basics .superman-services .superman-title__separator {
  width: auto; }
.resources-bug-bounty-basics .superman-services .row .col img {
  margin-top: 50px; }

.blog_posts {
  color: black; }
  .blog_posts .superman-container .inner-container ul:not(.report__social-share) {
    margin: 0 0 15px 20px;
    list-style: disc; }
  .blog_posts .superman-container .inner-container ol:not(.report__social-share) {
    margin: 0 0 15px 20px;
    list-style: decimal; }

.blog-page-image {
  border-radius: 4px;
  border: 1px solid #e5e5e5; }

.blog-page-image-description {
  font-size: 13px;
  text-align: center;
  display: block;
  margin-top: 10px; }

.blog__youtube-container {
  position: relative;
  width: 100%;
  margin-bottom: 15px; }
  .blog__youtube-container:before {
    padding-top: 56.25%;
    display: block;
    content: ""; }

.blog__youtube-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.blog__footnote {
  font-size: 10px;
  color: #828282;
  position: relative;
  vertical-align: 0;
  top: -5px; }

.masthead__video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1250;
  background-color: rgba(0, 0, 0, 0.75); }

.masthead__video-content {
  position: relative;
  margin-top: 50px;
  height: 0;
  overflow: hidden;
  z-index: 1251;
  padding-bottom: 56.25%; }

.masthead__video {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
  @media (min-width: 940px) {
    .masthead__video {
      left: 12.5%;
      width: 75%;
      height: 75%; } }

.masthead__close-icon {
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 0%;
  z-index: 1252;
  color: #fff;
  background: #ff669b;
  padding: 5px 10px;
  font-size: 10px; }
  @media (min-width: 940px) {
    .masthead__close-icon {
      padding: 15px;
      font-size: 20px;
      right: 12.5%; } }

.masthead__play-icon {
  color: #fff;
  font-size: 60px;
  cursor: pointer;
  width: 300px;
  display: inline-block;
  margin-bottom: 25px; }
  .masthead__play-icon:hover {
    color: rgba(255, 255, 255, 0.8); }

.ui-tooltip {
  border-width: 1px !important;
  -webkit-box-shadow: 0px 1px 3px #aaa;
  box-shadow: 0px 1px 3px #aaa; }

.ui-tooltip-content {
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #7c848a;
  line-height: 1.4;
  max-width: 240px; }

.h1-go .pricing-questions {
  background: #fff; }
  .h1-go .pricing-questions .superman-comparison {
    border: none; }
    .h1-go .pricing-questions .superman-comparison .col--one-third .superman-text--small {
      padding: 0 32px; }

.pricing-questions {
  border: 2px solid #e5e5e5;
  background: #f5f5f5;
  padding: 30px;
  border-radius: 4px;
  margin: 60px 0 100px;
  line-height: 24px;
  text-align: center; }
  .pricing-questions__container {
    max-width: 560px;
    margin: 0 auto; }

.pricing__button {
  border: 2px solid #c5c5c5;
  display: inline-block;
  padding: 9px;
  background: #fff;
  font-size: inherit;
  font-family: inherit;
  color: #333;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  appearance: none; }
  .pricing__button:hover {
    text-decoration: none;
    background-color: #f5f5f5; }
  .pricing__button:link, .pricing__button:visited {
    color: #333; }
  .pricing__button--blue, .pricing__button--green, .pricing__button--light-blue, .pricing__button--dark-blue {
    color: #fff; }
    .pricing__button--blue:link, .pricing__button--blue:visited, .pricing__button--green:link, .pricing__button--green:visited, .pricing__button--light-blue:link, .pricing__button--light-blue:visited, .pricing__button--dark-blue:link, .pricing__button--dark-blue:visited {
      color: #fff; }
  .pricing__button--blue {
    background: #216ba5;
    border-color: #216ba5; }
    .pricing__button--blue:hover {
      background: #194f7b;
      border-color: #194f7b; }
  .pricing__button--light-blue {
    background: #6CBFD2;
    border-color: #6CBFD2;
    color: #fff; }
    .pricing__button--light-blue:link {
      color: #fff; }
    .pricing__button--light-blue:hover {
      background: #45aec6;
      border-color: #45aec6; }
  .pricing__button--dark-blue {
    background: #0e172d;
    border-color: #0e172d; }
    .pricing__button--dark-blue:link {
      color: #fff; }
    .pricing__button--dark-blue:hover {
      background: #1a2b54;
      border-color: #1a2b54; }
  .pricing__button--green {
    background: #02bb4f;
    border-color: #02bb4f; }
    .pricing__button--green:hover {
      background: #01893a;
      border-color: #01893a; }
  .pricing__button--big {
    padding: 14px 36px; }
  .pricing__button--link {
    border-color: transparent;
    color: #216ba5;
    font-weight: 400; }
    .pricing__button--link:hover {
      text-decoration: underline;
      background: transparent; }

.pricing-page__introduction {
  margin-bottom: 80px;
  text-align: center; }
  .pricing-page__introduction--plans {
    margin-bottom: 110px; }

.pricing-testimonials h2 {
  text-align: center;
  padding: 0 0 40px; }
  @media (min-width: 850px) {
    .pricing-testimonials h2 {
      text-align: left;
      padding: 0 0 40px; } }
.pricing-testimonials img {
  max-width: 60%; }
.pricing-testimonials .separator {
  width: 40px;
  border-bottom: 2px solid #c5c5c5;
  margin: 0px 0 0 40px;
  padding-left: 40px; }
.pricing-testimonials .flexport {
  background-image: url("/assets/images/static_pages/challenge/Flexport full image.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .tradeshift {
  background-image: url("/assets/images/static_pages/challenge/Tradeshift Image.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .yext {
  background-image: url("/assets/images/static_pages/challenge/yext.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .dod {
  background-image: url("/assets/images/static_pages/challenge/DoD full image.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .american-systems {
  background-image: url("/assets/images/static_pages/solutions/clear.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .sumologic {
  background-image: url("/assets/images/static_pages/challenge/sumo-logic.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .shopify {
  background-image: url("/assets/images/static_pages/solutions/Shopify full image.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .gm {
  background-image: url("/assets/images/static_pages/solutions/GM full image.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .lendingclub {
  background-image: url("/assets/images/static_pages/services/Lending Club full image.png");
  background-repeat: no-repeat;
  background-size: cover; }
.pricing-testimonials .testimonial--text__left {
  color: #494649;
  height: 320px;
  display: table;
  background-color: #f1f1f1;
  padding: 30px 40px; }
  .pricing-testimonials .testimonial--text__left:before {
    position: absolute;
    font-size: 34px;
    color: #808080;
    opacity: .3;
    content: ''; }
    @media (min-width: 850px) {
      .pricing-testimonials .testimonial--text__left:before {
        content: '\f10d'; } }
  .pricing-testimonials .testimonial--text__left:after {
    content: '';
    position: absolute;
    width: 72px;
    height: 38px;
    bottom: -12px;
    right: -24px;
    background: #fff;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    float: right; }
    @media (min-width: 850px) {
      .pricing-testimonials .testimonial--text__left:after {
        content: '';
        position: absolute;
        width: 86px;
        height: 38px;
        bottom: -9px;
        left: 44.6%;
        background: #fff;
        transform-origin: 54% 100%;
        transform: rotate(-31deg);
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        float: right; } }
.pricing-testimonials .testimonial--text__right {
  margin-top: -44px;
  color: #fff;
  height: 320px;
  display: table;
  background-color: #555556;
  padding: 30px 40px; }
  @media (min-width: 850px) {
    .pricing-testimonials .testimonial--text__right {
      border-right: 0px; } }
  .pricing-testimonials .testimonial--text__right:before {
    position: absolute;
    font-size: 34px;
    color: #fff;
    opacity: .3;
    content: ''; }
    @media (min-width: 850px) {
      .pricing-testimonials .testimonial--text__right:before {
        content: '\f10d'; } }
  .pricing-testimonials .testimonial--text__right:after {
    position: absolute;
    width: 86px;
    height: 38px;
    top: -61px;
    right: 43%;
    background: #fff;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    float: right; }
    @media (min-width: 850px) {
      .pricing-testimonials .testimonial--text__right:after {
        content: ''; } }
.pricing-testimonials .testimonial--text__quote {
  font-style: italic;
  font-size: 18px;
  line-height: 32px;
  vertical-align: middle;
  padding: 0; }
  @media (min-width: 850px) {
    .pricing-testimonials .testimonial--text__quote {
      padding: 20px 20px 20px 40px; } }
.pricing-testimonials .testimonial--text__customer {
  padding-top: 15px;
  font-family: EffraRegular; }
  @media (min-width: 850px) {
    .pricing-testimonials .testimonial--text__customer {
      padding-left: 40px; } }
@media (min-width: 850px) {
  .pricing-testimonials .testimonial--text__company {
    padding-left: 40px; } }
.pricing-testimonials .testimonial--image__left .image-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  height: 320px;
  width: 560px;
  text-align: center; }
.pricing-testimonials .testimonial--image__left:after {
  position: absolute;
  width: 86px;
  height: 38px;
  bottom: -9px;
  left: 44.6%;
  background: #fff;
  transform-origin: 54% 100%;
  transform: rotate(-31deg);
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  float: right; }
  @media (min-width: 850px) {
    .pricing-testimonials .testimonial--image__left:after {
      content: ''; } }
@media (min-width: 850px) {
  .pricing-testimonials .testimonial--image__right {
    margin-top: -44px; } }
.pricing-testimonials .testimonial--image__right .image-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  height: 320px;
  width: 560px;
  text-align: center; }
.pricing-testimonials .testimonial--image__right:after {
  position: absolute;
  width: 86px;
  height: 38px;
  top: -61px;
  right: 43%;
  background: #fff;
  transform-origin: 54% 100%;
  transform: rotate(-31deg);
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  float: right; }
  @media (min-width: 850px) {
    .pricing-testimonials .testimonial--image__right:after {
      content: ''; } }

.pricing-plan {
  background-color: #f5f5f5;
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer; }
  @media (min-width: 940px) {
    .pricing-plan--is-most-popular, .pricing-plan--is-convenient {
      margin-top: -29px; } }
  .pricing-plan--is-most-popular {
    border-color: #216ba5; }
  .pricing-plan--is-convenient {
    background: #daf9e7;
    border-color: #02bb4f; }
  .pricing-plan__indicator {
    padding: 4px 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 13px; }
    .pricing-plan--is-most-popular .pricing-plan__indicator {
      background-color: #216ba5; }
    .pricing-plan--is-convenient .pricing-plan__indicator {
      background-color: #02bb4f; }
  .pricing-plan__top {
    padding: 20px 0 0;
    border: 2px solid #e5e5e5;
    background: #fff;
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.07); }
    .pricing-plan__top img {
      padding: 0 20px 20px;
      height: 107px; }
    .pricing-plan__top:after {
      content: '';
      position: relative;
      width: 32px;
      height: 24px;
      bottom: 13px;
      right: -16px;
      background: #f5f5f5;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      float: right;
      box-shadow: inset 0px 15px 6px -10px rgba(0, 0, 0, 0.07); }
    .pricing-plan__top:hover {
      border: 2px solid #ec1075; }
      .pricing-plan__top:hover h3 {
        border-top: 2px solid #ec1075; }
      .pricing-plan__top:hover:after {
        border-top: 2px solid #ec1075; }
  .pricing-plan__title {
    font-size: 21px;
    font-family: EffraHeavy;
    line-height: 30px;
    font-weight: 700;
    border-top: 2px solid #e5e5e5;
    padding: 10px 0;
    color: #ec1075;
    text-transform: uppercase; }
  .pricing-plan__description {
    font-size: 14px;
    height: 80px;
    line-height: 25px;
    border-top: 2px solid #e5e5e5;
    padding: 20px 0 0;
    margin: 0 20px;
    color: #000; }
  .pricing-plan__expanded {
    display: none;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.07);
    padding: 30px;
    background: white;
    border: 2px solid #e5e5e5;
    margin-bottom: 40px; }
    .pricing-plan__expanded:after {
      content: '';
      position: relative;
      width: 72px;
      height: 45px;
      bottom: -27px;
      right: -60px;
      background: #f5f5f5;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      float: right;
      box-shadow: inset 0px 15px 10px -10px rgba(0, 0, 0, 0.07); }
    .pricing-plan__expanded h3 {
      color: #494649;
      border-top: 0; }
    .pricing-plan__expanded i {
      float: right;
      font-size: 21px;
      color: #9a9a9a; }
    .pricing-plan__expanded p {
      color: #9a9a9a; }
  .pricing-plan__features {
    padding: 0 10px; }
  .pricing-plan__feature {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
    font-size: 13px; }
    .pricing-plan--is-most-popular .pricing-plan__feature {
      border-color: #dfe7ec; }
    .pricing-plan--is-convenient .pricing-plan__feature {
      border-color: #c6e0d1; }
    .pricing-plan__feature:last-child {
      border-bottom: 0; }
  .pricing-plan__contract {
    height: 20px; }
  .pricing-plan__wrapper {
    padding-top: 30px; }

.pricing-table {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .pricing-table__scroll-area {
    overflow-y: scroll; }
  .pricing-table__content {
    min-width: 760px; }
  .pricing-table__shadow-left, .pricing-table__shadow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    z-index: 1; }
  .pricing-table__shadow-left--active {
    left: -15px;
    box-shadow: 10px 0 10px 1px rgba(0, 0, 0, 0.25); }
  .pricing-table__shadow-right--active {
    right: -15px;
    box-shadow: -10px 0 10px 1px rgba(0, 0, 0, 0.25); }
  .pricing-table__section-separator {
    background: #ebf5fa;
    border: 2px solid #e5e5e5; }
  .pricing-table__section-title {
    padding: 12px 0 12px 20px;
    border-right: 2px solid #e5e5e5;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 640px) {
      .pricing-table__section-title {
        padding-left: 20px;
        padding-right: 20px; } }
  .pricing-table__feature-image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: none; }
    @media (min-width: 640px) {
      .pricing-table__feature-image {
        display: inline-block; } }
  .pricing-table__feature {
    font-size: 21px; }
    .pricing-table__feature--excluded {
      color: #dcdcdc; }
    .pricing-table__feature--included {
      color: #3cbd6b; }
  .pricing-table__column {
    width: 12%;
    font-weight: 300; }
    .pricing-table__row:hover .pricing-table__column {
      background: #f5f5f5;
      transition: background .3s ease 0s; }
    .pricing-table__column--footer {
      border-left: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      padding: 10px; }
    .pricing-table__column--footer-active {
      border-bottom: 2px solid #216ba5;
      border-left: 2px solid #216ba5;
      border-right: 2px solid #216ba5; }
    .pricing-table__column--footer:last-child {
      border-right: 2px solid #e5e5e5; }
    .pricing-table__column--description, .pricing-table__column--plan, .pricing-table__column--benefit {
      border-bottom: 1px solid #e5e5e5;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media (min-width: 640px) {
        .pricing-table__column--description, .pricing-table__column--plan, .pricing-table__column--benefit {
          padding-top: 20px;
          padding-bottom: 20px; } }
    .pricing-table__column--description {
      width: 25%;
      background: #fafafa;
      border-left: 2px solid #e5e5e5;
      border-right: 2px solid #e5e5e5;
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 640px) {
        .pricing-table__column--description {
          padding-left: 20px;
          padding-right: 20px; } }
      .pricing-table__row:last-child .pricing-table__column--description {
        border-bottom-width: 2px; }
      .pricing-table__row:hover .pricing-table__column--description {
        background: #f0f0f0; }
    .pricing-table__column--key-feature {
      width: 250px; }
    .pricing-table__column--plan {
      text-align: center; }
      .pricing-table__column--plan:last-child {
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5; }
    .pricing-table__column--benefit {
      width: auto;
      padding: 20px; }
      .pricing-table__column--benefit:last-child {
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5; }
    .pricing-table__column--active {
      border-left: 2px solid #216ba5;
      border-right: 2px solid #216ba5; }
      tbody:first-child .pricing-table__section-separator .pricing-table__column--active {
        border-top: 2px solid #216ba5; }

.promo-banner {
  top: 91px;
  position: absolute;
  width: 100%;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  background: #8c8c8c;
  z-index: 1199; }
  .promo-banner__container {
    position: relative; }
  .promo-banner__content {
    font-size: 14px;
    padding-right: 30px;
    display: inline-block; }
  .promo-banner__arrow-icon {
    top: 50%;
    right: -10px;
    margin-top: -20px;
    font-size: 25px;
    position: absolute; }
    @media (min-width: 640px) {
      .promo-banner__arrow-icon {
        margin-top: -18px;
        font-size: 25px; } }

body {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  color: #7c848a;
  background: #fff; }
  body p {
    margin-bottom: 24px; }

.superman-page {
  position: relative; }
  .superman-page.nav {
    position: absolute; }
    .superman-page.nav .superman-container {
      display: none; }

.superman-lander {
  background: url("/assets/images/static_pages/headers/banner.png") no-repeat;
  background-size: cover;
  background-position-y: 100%;
  padding: 90px 0 0; }

.superman-hero {
  padding: 79px 0 69px 0;
  text-align: left;
  color: #fff;
  position: relative;
  background-blend-mode: multiply, color;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 1;
  background: transparent;
  height: auto; }
  .superman-hero--default {
    background: url("/assets/images/static_pages/headers/Terms - Hero Img.png") no-repeat;
    background-size: cover;
    background-position-y: 100%; }
  .superman-hero--difference {
    background: url("/assets/images/static_pages/headers/diff2.jpg") no-repeat;
    background-size: cover;
    background-position-y: 48%; }
  .superman-hero--partners {
    background: url("/assets/images/static_pages/homepage/Contact Us - Desktop - Hero Img.png") no-repeat;
    background-size: cover;
    background-position-y: 100%; }
  @media (min-width: 640px) {
    .superman-hero {
      padding: 129px 0 69px 0;
      height: auto; } }
  .superman-hero--small {
    padding: 100px 0; }
  .superman-hero p.medium {
    color: #fff; }
  .superman-hero a.primary-btn, .superman-hero a.secondary-btn {
    width: 100%; }
    @media (min-width: 640px) {
      .superman-hero a.primary-btn, .superman-hero a.secondary-btn {
        width: 250px; } }
  .superman-hero .superman-hero__title + p {
    color: #fff;
    font-size: 18px; }
    .superman-hero .superman-hero__title + p.subtitle {
      font-size: 30px;
      color: white; }
  .superman-hero .triangle-cutout {
    display: block;
    overflow: hidden;
    content: "";
    position: absolute;
    width: 3000px;
    right: 1000px;
    height: 3000px;
    top: -1700px;
    transform-origin: 44% 0px 0px;
    transform: rotate(-31deg); }
    @media (min-width: 640px) {
      .superman-hero .triangle-cutout {
        display: block;
        top: -1890px; } }
    .superman-hero .triangle-cutout:before {
      display: block;
      overflow: hidden;
      content: "";
      position: absolute;
      width: 3000px;
      height: 3000px;
      background-image: linear-gradient(-110deg, rgba(126, 231, 56, 0.93) 29%, rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0)); }
      @media (min-width: 640px) {
        .superman-hero .triangle-cutout:before {
          display: block;
          background-image: linear-gradient(-95deg, rgba(126, 231, 56, 0.93) 21%, rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0), rgba(73, 70, 73, 0)); } }
  .superman-hero .rect-cutout {
    display: block;
    overflow: hidden;
    content: "";
    position: absolute;
    width: 1000px;
    height: 1000px;
    right: 0px;
    top: -696px; }
    @media (min-width: 640px) {
      .superman-hero .rect-cutout {
        top: -729px; } }
  .superman-hero .inner-container {
    position: relative;
    padding: 0 40px; }
    @media (min-width: 640px) {
      .superman-hero .inner-container {
        padding: 0 20px; } }
  .superman-hero:before {
    background-image: linear-gradient(-131deg, #7ee738, #494649, #494649, #494649); }
  .superman-hero--girl {
    background: url("/assets/images/superman/girl.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--man {
    background: url("/assets/images/superman/man.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--computer {
    background: url("/assets/images/superman/computer.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--laptop {
    background: url("/assets/images/superman/laptop.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--hack-the-world {
    background: url("/assets/images/superman/hack-the-world.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--dod {
    background: url("/assets/images/superman/dod.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--localtapiola {
    background: url("/assets/images/superman/localtapiola.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--pentest {
    background: url("/assets/images/superman/pentest.jpg") center no-repeat;
    background-size: cover; }
  .superman-hero--hackers {
    background: url("/assets/images/superman/hackers.png") center no-repeat;
    background-size: cover; }
  .superman-hero + .superman-container {
    top: -80px;
    padding: 140px 0 69px;
    margin-bottom: -80px; }
  .superman-hero--small {
    padding: 100px 0; }
  .superman-hero__title {
    margin-bottom: 15px;
    color: #fff;
    width: 100%;
    padding: 0 20px; }
    @media (min-width: 640px) {
      .superman-hero__title {
        width: 740px;
        padding: 0; }
        .superman-hero__title.full-width {
          width: 100%; } }
    .superman-hero__title--small {
      font-size: 36px; }
    .superman-hero__title__desc {
      width: 100%;
      margin-bottom: 15px; }
      @media (min-width: 640px) {
        .superman-hero__title__desc {
          width: 740px; } }
  .superman-hero__sub-title {
    line-height: 1.5;
    font-family: EffraLight;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 85px; }
    .superman-hero__sub-title--small {
      font-size: 21px; }
    @media (min-width: 640px) {
      .superman-hero__sub-title {
        width: 740px;
        padding: 0; } }
  .superman-hero a {
    color: #fff; }
    .superman-hero a:hover {
      color: #fff; }
    .superman-hero a.contact:hover {
      color: #fff; }
    .superman-hero a:visited {
      color: #fff; }

.hp-header .superman-hero__title--small {
  font-size: 39px; }
.hp-header .superman-hero__sub-title {
  margin-bottom: 60px; }
.hp-header .masthead__play-icon {
  line-height: 1em;
  margin-top: 60px;
  opacity: 0.5; }
  .hp-header .masthead__play-icon:hover {
    opacity: 1; }
.hp-header .play-text {
  font-size: 18px;
  opacity: 1;
  margin: 0px; }

.hp-solutions .superman-comparison__column {
  padding: 60px 20px; }
.hp-solutions .solution-link {
  text-decoration: underline; }

.hp-value .superman-services h2 {
  font-size: 22px; }

.you-and-this-army .spec-superman-title-intro {
  margin-bottom: 0px; }
  .you-and-this-army .spec-superman-title-intro p {
    margin-bottom: 0px; }

.product-overview-old .quote {
  font-size: 24px;
  font-style: italic;
  line-height: 36px;
  margin-bottom: 20px; }

.resources-hack-learn-earn .about .superman-title__separator {
  margin-bottom: 20px; }

.superman-button {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  text-decoration: none;
  appearance: none;
  background-color: #ff669b;
  border: none;
  font-size: inherit;
  font-weight: 600;
  text-shadow: none;
  padding: 10px 25px; }
  .superman-button:visited {
    color: #fff; }
  .superman-button:hover {
    color: #fff; }
  .superman-button:active {
    color: #fff; }
  .superman-button--small {
    font-size: 14px;
    padding: 5px 12px; }
  .superman-button--big {
    font-size: 20px;
    padding: 14px 50px; }
  .superman-button--topbar {
    font-size: inherit;
    padding: 5px 20px;
    margin-top: -20px; }
  .superman-button--grey {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6); }
  .superman-button--shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
  .superman-button:hover {
    background-color: #ff4d8a;
    text-decoration: none; }
  .superman-button:focus {
    outline: none;
    background-color: #ff4d8a;
    box-shadow: 0 0 10px #ff669b, inset 0 0 0 2px #ff1a69; }

.internet-bug-bounty .superman-circle {
  display: inherit; }

.superman-circle {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: 32px auto;
  position: relative;
  background: #fff;
  text-align: center;
  overflow: hidden; }
  .superman-circle--border {
    border: 2px solid #e6e7ea; }
  .superman-circle--transparent {
    background: transparent; }
  .superman-circle--translucent {
    background: rgba(0, 0, 0, 0.5);
    color: #fff; }
  .superman-circle--small {
    width: 44px;
    height: 44px; }
  .superman-circle--big {
    width: 100px;
    height: 100px;
    font-size: 38px; }
  .superman-circle--shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
    .superman-footer .superman-circle--shadow {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      margin-top: 10px; }
      @media (min-width: 640px) {
        .superman-footer .superman-circle--shadow {
          margin-top: 0; } }
    .superman-hero .superman-circle--shadow {
      position: absolute;
      bottom: -40px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1; }

.superman-icon {
  color: #ff669b;
  font-size: 40px;
  line-height: 1;
  display: inline-block; }
  .superman-icon--blue {
    color: #00dbff; }
  .superman-icon--grey {
    color: #d7d7d7; }

.superman-container {
  padding: 40px 0;
  text-align: center;
  position: relative; }
  .superman-container.h1-go {
    padding: 120px 0; }
  .superman-container--tiny {
    padding: 40px 0; }
  .superman-container--small {
    padding: 80px 0; }
  .superman-container--soft-tan {
    background: #efeeec; }
  .superman-container--soft-grey {
    background: #f5f5f5; }
    .superman-container--soft-grey + .pricing-testimonials {
      padding-top: 80px; }
  .superman-container--black {
    background-color: #242424; }
    .superman-container--black p {
      color: #ffffff; }
  .superman-container--footer {
    background: url("/assets/images/superman/footer-desktop-bkg.jpg");
    padding-bottom: 40px; }
  .superman-container--human {
    background: url("/assets/images/superman/human.jpg") no-repeat;
    background-size: cover;
    color: #b9c2c7; }
  .superman-container--difference {
    background: url("/assets/images/static_pages/difference/quotes_bg.png") no-repeat;
    background-size: cover;
    background-position-y: 70%;
    color: #b9c2c7; }
  .superman-container--localtapiola-ciso {
    padding: 350px 0 25px;
    background: url("/assets/images/superman/localtapiola/ciso.jpg") center center no-repeat;
    background-size: cover;
    color: #b9c2c7; }
  .superman-container--handshake {
    background: url("/assets/images/superman/handshake.jpg") center center no-repeat;
    background-size: cover;
    color: #b9c2c7;
    padding: 200px 0; }
  .superman-container--nako {
    background: url("/assets/images/superman/nako.jpg") no-repeat;
    background-size: cover;
    color: #b9c2c7; }
    .superman-container--nako a:not(.superman-button) {
      text-decoration: underline; }
    .superman-container--nako a:hover:not(.superman-button) {
      color: #0099b3; }
    .superman-container--nako a:not(.superman-button),
    .superman-container--nako a:visited:not(.superman-button),
    .superman-container--nako a:active:not(.superman-button) {
      color: #00dbff; }
    .superman-container--nako p {
      color: #fff; }
  .superman-container.greenhouse {
    padding: 100px 0; }
  .superman-container .resources-item__featured {
    position: absolute;
    right: 0; }
  .superman-container.vdp {
    background-image: url(/assets/images/static_pages/response/vdp-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
    padding: 40px 0 100px; }
    .superman-container.vdp h1 {
      color: #fff;
      padding: 40px 0; }
    .superman-container.vdp p {
      color: #fff; }

.superman-title {
  text-align: center; }
  .superman-title--left {
    text-align: left; }
  .superman-title__content {
    max-width: 600px;
    margin: 0 auto 7px;
    text-transform: uppercase;
    padding: 0 0 38px; }
    .superman-title--left .superman-title__content {
      margin-left: 0; }
    .superman-title--medium .superman-title__content {
      font-size: 21px; }
    .superman-title--small .superman-title__content {
      font-size: 16px; }
    .superman-title--white .superman-title__content {
      color: #fff; }
  .superman-title__separator {
    width: 431px;
    height: 1px;
    background: #cacaca;
    margin: 14px auto 60px; }
    .superman-title--medium .superman-title__separator {
      margin: 7px auto 30px; }
    .superman-title--left .superman-title__separator {
      margin-left: 0; }
  .superman-title__intro {
    max-width: 800px;
    margin: 0 auto 90px; }
    .superman-title--small .superman-title__intro {
      margin-bottom: 32px; }

@media (min-width: 768px) {
  .superman-feature__description-left, .superman-feature__description-right {
    min-height: 420px; } }
.superman-feature__description-left {
  margin-top: 30px; }
  @media (min-width: 640px) {
    .superman-feature__description-left {
      margin-top: 0;
      padding-left: 30px; } }
.superman-feature__description-right {
  padding-right: 30px; }

.superman-testimonials {
  color: #fff; }
  .superman-testimonials__image {
    margin: auto;
    height: 150px;
    line-height: 150px; }
    .superman-testimonials__image img {
      max-height: 100px; }
  .superman-testimonials__item {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 5px; }
    .superman-testimonials__item p {
      font-style: italic;
      font-size: 20px;
      line-height: 28px;
      color: #fff; }
    .superman-testimonials__item--soft-grey, .superman-testimonials__item--soft-grey p {
      background: #f5f5f5;
      color: #7c848a; }
    .superman-testimonials__item .superman-testimonials__quote {
      height: 190px; }
    .superman-testimonials__item img {
      image-rendering: -moz-crisp-edges;
      /* Firefox */
      image-rendering: -o-crisp-edges;
      /* Opera */
      image-rendering: -webkit-optimize-contrast;
      /* Webkit (non-standard naming) */
      image-rendering: crisp-edges;
      -ms-interpolation-mode: nearest-neighbor; }
    .superman-testimonials__item .superman-logo {
      height: 80px;
      margin: 20px 0; }
  .superman-testimonials__title {
    color: #ff669b;
    font-weight: 700; }

.superman-dod__image {
  background: url("/assets/images/superman/world.png") center center no-repeat;
  background-size: 100%;
  padding: 40px; }
.superman-dod__content {
  margin: 60px 0; }

.superman-services {
  margin-top: 90px;
  margin-bottom: 90px; }
  .superman-services__button-spacing {
    margin-bottom: 40px; }
  .superman-services.requirements .col--one-third {
    display: inline-block;
    vertical-align: top;
    margin-left: -0.2em; }

.product-challenge .superman-services, .product-overview-old .superman-services, .product-response-old .superman-services {
  text-align: left; }
  .product-challenge .superman-services h2, .product-overview-old .superman-services h2, .product-response-old .superman-services h2 {
    text-align: left;
    margin: 0 0 8px; }
  .product-challenge .superman-services .superman-icon, .product-overview-old .superman-services .superman-icon, .product-response-old .superman-services .superman-icon {
    float: left; }
  .product-challenge .superman-services .superman-circle, .product-overview-old .superman-services .superman-circle, .product-response-old .superman-services .superman-circle {
    margin: 20px 20px 20px 7px;
    float: left;
    clear: left; }
  .product-challenge .superman-services p, .product-overview-old .superman-services p, .product-response-old .superman-services p {
    display: block;
    margin-right: 10px;
    margin-bottom: 40px; }
.product-challenge .superman-customers, .product-overview-old .superman-customers, .product-response-old .superman-customers {
  margin-left: 0.3em; }
  .product-challenge .superman-customers .superman-client, .product-overview-old .superman-customers .superman-client, .product-response-old .superman-customers .superman-client {
    margin-bottom: 20px; }
    .product-challenge .superman-customers .superman-client .centering-outer, .product-overview-old .superman-customers .superman-client .centering-outer, .product-response-old .superman-customers .superman-client .centering-outer {
      margin-left: -0.3em; }

.product-bounty-old .features-quote {
  font-size: 22px; }

@media (min-width: 640px) {
  .spec-user-profiles-row .col--one-quarter {
    width: 24.4%; } }
.superman-client {
  position: relative;
  height: 120px; }
  .superman-client .centering-inner {
    max-width: 187px;
    width: 100%;
    height: 100%; }
    .superman-client .centering-inner .centering-content {
      height: 100%;
      margin: 0 20px; }
      .superman-client .centering-inner .centering-content .logo {
        height: 100%;
        width: 100%;
        background-size: initial;
        background-repeat: no-repeat;
        background-position: center; }
  .superman-client img {
    max-height: 90px;
    max-width: 90%;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .superman-client img.large {
      max-width: 100%; }

.superman-text--medium {
  font-size: 18px;
  line-height: 1.8; }

.superman-text--small, .superman-text--small a {
  font-size: 14px;
  line-height: 1.6; }

.superman-text--bold {
  font-weight: 700; }

.superman-comparison {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e6e7ea; }
  .superman-comparison__title {
    padding: 10px;
    background: #edeef0;
    font-weight: 700; }
  @media (min-width: 800px) {
    .superman-comparison__entry {
      display: table; } }
  .superman-comparison__content, .superman-comparison__icon {
    display: table-cell;
    vertical-align: middle; }
    @media (min-width: 800px) {
      .superman-comparison__content, .superman-comparison__icon {
        display: block; } }
  .superman-comparison__icon {
    width: 1%; }
    @media (min-width: 800px) {
      .superman-comparison__icon {
        width: auto; } }
  .superman-comparison__content {
    padding-left: 20px;
    text-align: left; }
    @media (min-width: 800px) {
      .superman-comparison__content {
        padding-left: 0;
        text-align: center; } }
  .superman-comparison__arrow-placeholder {
    display: none; }
    @media (min-width: 800px) {
      .superman-comparison__arrow-placeholder {
        display: block;
        position: absolute;
        width: 35%;
        left: 81%;
        top: 80px; }
        .superman-comparison__arrow-placeholder--three-col {
          width: 235%; } }
  .superman-comparison__arrow {
    height: 3px;
    background: #e6e7ea; }
    .superman-comparison__arrow:after, .superman-comparison__arrow:before {
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      top: 1px;
      left: auto;
      right: auto; }
    .superman-comparison__arrow:after {
      border-color: transparent;
      border-width: 10px; }
    .superman-comparison__arrow:before {
      border-width: 10px; }
    .superman-comparison__arrow:after, .superman-comparison__arrow:before {
      top: 1px;
      left: 100%; }
    .superman-comparison__arrow:after {
      margin-top: -10px;
      border-left-color: #e6e7ea; }
    .superman-comparison__arrow:before {
      margin-top: -10px;
      border-left-color: #e6e7ea; }
  .superman-comparison__column {
    border-bottom: 1px dashed #e6e7ea;
    position: relative;
    padding: 20px; }
    @media (min-width: 800px) {
      .superman-comparison__column {
        padding: 40px 20px;
        width: 20%;
        display: table-cell;
        border-bottom: none;
        border-right: 1px dashed #e6e7ea; } }
    .superman-comparison__column:last-child {
      border-bottom: none;
      border-right: none; }

.superman-scrollspy {
  height: 1px; }
  .superman-scrollspy .affix {
    position: fixed;
    top: 100px; }
  .superman-scrollspy .affix-bottom {
    position: absolute;
    bottom: 0; }

.superman-hero .cta {
  padding: 20px 0;
  text-align: center; }
  @media (min-width: 850px) {
    .superman-hero .cta {
      text-align: left;
      padding: 0; } }

.superman-cta {
  color: #333;
  padding: 10px 40px;
  display: block;
  border-radius: 5px;
  border: 2px solid transparent;
  cursor: pointer; }
  .superman-cta:visited {
    color: #333; }
  .superman-cta:hover {
    color: #333; }
  .superman-cta:active {
    color: #333; }
  .superman-cta h4 {
    margin: 20px 0;
    color: #ec1075; }
  .superman-cta .superman-title__intro {
    font-size: 18px; }

.superman-profile {
  text-align: center;
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .superman-profile__name {
    font-weight: 600;
    margin-top: 10px;
    font-weight: 600;
    margin-top: 10px;
    padding: 7px;
    position: absolute;
    bottom: -41px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%; }
  .superman-profile__avatar {
    position: relative;
    margin-bottom: -40px; }
    .superman-profile__avatar:hover .superman-profile__links {
      display: block;
      height: 100% !important;
      width: 100% !important; }
    .superman-profile__avatar:hover + .superman-profile__name {
      display: none; }
  .superman-profile__hover {
    display: inline-block;
    top: 50%;
    transform: translate3d(0,-50%,0);
    position: relative; }
    .superman-profile__hover .name {
      font-family: EffraRegular;
      font-size: 24px;
      margin-bottom: 0; }
    .superman-profile__hover .title {
      font-family: EffraLight;
      font-size: 16px; }
    .superman-profile__hover i {
      font-size: 24px;
      color: #fff; }
      .superman-profile__hover i:hover {
        color: #ec1075; }
  .superman-profile__links {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%; }
    .superman-profile__links p {
      color: #fff; }
  .superman-profile__link {
    width: 32px;
    height: 31px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px; }
    .superman-profile__link:hover {
      text-decoration: none;
      cursor: auto; }
    .superman-profile__link--twitter {
      background-image: url("/assets/images/social-icons/twitter.png"); }
    .superman-profile__link--github {
      background-image: url("/assets/images/social-icons/github.png"); }
    .superman-profile__link--linkedin {
      background-image: url("/assets/images/social-icons/linkedin.png"); }

.superman-table {
  width: 100%; }
  .superman-table__heading, .superman-table__column {
    padding: 12px 10px; }
    @media (min-width: 640px) {
      .superman-table__heading, .superman-table__column {
        padding-left: 20px;
        padding-right: 20px; } }
  .superman-table__heading {
    background: #ebf5fa;
    border: 1px solid #e5e5e5;
    font-weight: 600; }
  .superman-table__column {
    font-weight: 300;
    border: 1px solid #e5e5e5;
    background: #fafafa; }
    .superman-table__row:hover .superman-table__column {
      background: #f5f5f5;
      transition: background .3s ease 0s; }

@media (min-width: 768px) {
  .superman-carousel__item {
    display: none; } }
.superman-carousel__item--active {
  display: block; }
.superman-carousel__arrow-wrapper {
  display: none; }
  @media (min-width: 1150px) {
    .superman-carousel__arrow-wrapper {
      display: block; } }
.superman-carousel__arrow {
  position: absolute;
  top: 470px;
  user-select: none;
  cursor: pointer; }
  .superman-carousel__arrow--left {
    left: 5px;
    cursor: pointer; }
  .superman-carousel__arrow--right {
    right: 5px;
    cursor: pointer; }
  .superman-carousel__arrow--left.ico-h1-angle {
    transform: rotate(90deg);
  }
  .superman-carousel__arrow--right.ico-h1-angle {
    transform: rotate(-90deg);
  }
.superman-carousel__navigation-item {
  user-select: none;
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  cursor: pointer;
  color: #216ba5;
  text-align: center;
  border: 2px solid transparent;
  padding: 10px;
  font-size: 13px;
  border-radius: 5px; }
  .superman-carousel__navigation-item:hover {
    text-decoration: underline; }
  .superman-carousel__navigation-item--active {
    border-color: #ff669b; }

.superman-preload {
  position: absolute;
  top: -99999px;
  bottom: -99999px;
  width: 1px;
  height: 1px; }
  .superman-preload__security-inbox {
    background-image: url("/assets/images/landing/benefits/background/security-inbox.jpg"); }
  .superman-preload__coordination {
    background-image: url("/assets/images/landing/benefits/background/coordination.jpg"); }
  .superman-preload__insight {
    background-image: url("/assets/images/landing/benefits/background/insight.jpg"); }
  .superman-preload__bug-bounty {
    background-image: url("/assets/images/landing/benefits/background/bug-bounty.jpg"); }
  .superman-preload__secure-confidential {
    background-image: url("/assets/images/landing/benefits/background/secure-confidential.jpg"); }

.landing__lead-form-link {
  display: block;
  margin-top: 10px; }
  .landing__lead-form-link a {
    color: #fff;
    text-shadow: 0 .5px 0 #000;
    text-decoration: underline;
    font-size: 14px;
    padding: 10px; }
    .landing__lead-form-link a:visited {
      color: #fff; }

.odometer-style {
  vertical-align: middle; }

.zerodaily .superman-hero, .zero_daily .superman-hero {
  background: url("/assets/images/static_pages/headers/ZeroDaily - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%;
  text-align: left; }
  .zerodaily .superman-hero p.medium, .zero_daily .superman-hero p.medium {
    color: #fff; }
.zerodaily a.green, .zero_daily a.green {
  font-size: 21px;
  line-height: 25px; }
.zerodaily i.fa-chevron-right, .zero_daily i.fa-chevron-right {
  color: #ec1075;
  padding-right: 5px; }
.zerodaily .panel, .zero_daily .panel {
  overflow: hidden;
  border-radius: 0;
  width: 100%;
  padding: 10px 1px 20px;
  border: none;
  margin-bottom: 0; }
  .zerodaily .panel:after, .zero_daily .panel:after {
    content: '';
    height: 10px; }
.zerodaily .quotes, .zero_daily .quotes {
  text-align: left; }
  .zerodaily .quotes .quote, .zero_daily .quotes .quote {
    font-size: 18px;
    font-family: EffraLight;
    font-style: italic;
    padding-right: 40px;
    padding-top: 10px; }
  .zerodaily .quotes .quote-company, .zero_daily .quotes .quote-company {
    font-size: 16px;
    font-family: EffraRegular;
    padding: 20px 0 0; }
.zerodaily h1.archive, .zero_daily h1.archive {
  padding: 20px 0;
  text-align: center; }
  @media (min-width: 850px) {
    .zerodaily h1.archive, .zero_daily h1.archive {
      text-align: left; } }
.zerodaily .col--four-fifths, .zero_daily .col--four-fifths {
  padding-left: 0px; }
  @media (min-width: 850px) {
    .zerodaily .col--four-fifths, .zero_daily .col--four-fifths {
      padding-left: 68px; } }
.zerodaily .col--one-fifth, .zero_daily .col--one-fifth {
  padding-top: 84px;
  display: none; }
  @media (min-width: 850px) {
    .zerodaily .col--one-fifth, .zero_daily .col--one-fifth {
      display: block; } }
@media (min-width: 850px) {
  .zerodaily .panel, .zero_daily .panel {
    overflow: hidden; } }
.zerodaily .panel .archive-list, .zero_daily .panel .archive-list {
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  display: inline-block;
  width: 100%;
  padding: 0 20px; }
  .zerodaily .panel .archive-list:after, .zero_daily .panel .archive-list:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -31px;
    right: -195px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
  .zerodaily .panel .archive-list .list, .zero_daily .panel .archive-list .list {
    padding: 30px 0; }
    .zerodaily .panel .archive-list .list h3, .zero_daily .panel .archive-list .list h3 {
      font-size: 16px;
      line-height: 2.25;
      color: #ec1075;
      font-family: EffraRegular; }
.zerodaily h1.superman-hero__title, .zero_daily h1.superman-hero__title {
  padding: 0; }
.zerodaily h2.get-started, .zero_daily h2.get-started {
  padding: 20px 0; }
.zerodaily .item-list, .zero_daily .item-list {
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  display: inline-block;
  width: 100%;
  padding: 0 20px; }
  .zerodaily .item-list:after, .zero_daily .item-list:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -31px;
    right: -195px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
  .zerodaily .item-list h3, .zero_daily .item-list h3 {
    display: inline-block;
    padding: 20px 0;
    color: #ec1075;
    cursor: default;
    font-size: 20px; }
    @media (min-width: 850px) {
      .zerodaily .item-list h3, .zero_daily .item-list h3 {
        font-size: 24px; } }
    .zerodaily .item-list h3:hover, .zero_daily .item-list h3:hover {
      color: #494649; }
  .zerodaily .item-list i, .zero_daily .item-list i {
    display: inline-block;
    float: right;
    padding: 20px;
    font-size: 23px;
    color: #ec1075; }
  .zerodaily .item-list ul, .zero_daily .item-list ul {
    display: none;
    padding-bottom: 40px; }

h1 {
  font-family: EffraHeavy;
  font-size: 40px;
  line-height: 1.13;
  color: #494649;
  text-transform: uppercase; }
  h1.white {
    color: #fff; }

h2 {
  font-family: EffraHeavy;
  font-size: 30px;
  line-height: 1.17;
  color: #494649;
  text-transform: uppercase; }

h3 {
  font-family: EffraMedium;
  font-size: 30px;
  line-height: 1.17;
  color: #494649; }

h4 {
  font-family: EffraMedium;
  font-size: 24px;
  line-height: 1.08;
  color: #494649; }

h5 {
  font-family: EffraMedium;
  font-size: 18px;
  line-height: 1.22;
  color: #494649; }

h6 {
  font-family: EffraHeavy;
  font-size: 18px;
  line-height: 1.22;
  color: #494649;
  text-transform: uppercase; }

strong {
  font-family: EffraBold; }

code {
  background-color: #eee;
  border-radius: 3px;
  font-family: courier, monospace;
  padding: 0 3px;
  overflow: scroll;
  width: 100%;
  display: inline-block; }

p, span {
  font-family: EffraRegular;
  font-size: 16px;
  line-height: 1.5;
  color: #494649; }
  p.small, span.small {
    font-family: EffraLight;
    font-size: 16px;
    line-height: 1.5;
    color: #494649; }
  p.medium, span.medium {
    font-family: EffraLight;
    font-size: 18px;
    line-height: 1.5;
    color: #494649; }
  p.large, span.large {
    font-size: 21px;
    font-family: EffraLight;
    line-height: 1.5; }
  p.white, span.white {
    color: #fff; }
  p > a, span > a {
    font-family: EffraRegular;
    font-size: 16px;
    line-height: 1.56;
    color: #ec1075; }

.green {
  color: #6bbd45; }
  .green:hover {
    color: #6bbd45; }

span.primary-btn a {
  width: 250px;
  height: 50px;
  font-family: EffraLight;
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  padding: 10px 0;
  background-color: #ec1075;
  border: solid 1px #ec1075;
  text-transform: uppercase; }
  span.primary-btn a--small {
    font-size: 14px;
    line-height: 1em;
    height: auto;
    width: auto;
    padding: 8px 30px;
    background-color: #ec1075;
    border: solid 1px #ec1075;
    color: #ffffff; }
    span.primary-btn a--small:hover {
      border: solid 1px #b21e54;
      background-color: #b21e54;
      color: #ffffff; }
  span.primary-btn a:hover {
    border: solid 1px #b21e54;
    background-color: #b21e54; }

.resources-bug-bounty-basics div.figure {
  display: table; }
  .resources-bug-bounty-basics div.figure p.quote {
    caption-side: bottom;
    display: table-caption;
    font-size: 22px;
    font-family: EffraMedium;
    margin-top: 20px; }

.views_slideshow_cycle_teaser_section {
  margin: auto; }

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  background: #AAA; }
  .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
    background: #ec1075; }

.views_slideshow_controls_text {
  position: absolute;
  width: 100%; }

.views_slideshow_controls_text_pause {
  display: none; }

.views_slideshow_controls_text_previous {
  left: 0;
  position: absolute; }

.views_slideshow_controls_text_next {
  right: 0;
  position: absolute; }

a, button {
  color: #ec1075; }
  a:hover, button:hover {
    color: #494649; }
  a.cta-banner, button.cta-banner {
    font-family: EffraLight;
    font-size: 21px;
    line-height: 1.14;
    color: #6bbd45; }
    a.cta-banner:hover, button.cta-banner:hover {
      color: #29b04a; }
  a.blog-post, button.blog-post {
    font-family: EffraMedium;
    font-size: 16px;
    line-height: 1.38;
    color: #ec1075; }
    a.blog-post:hover, button.blog-post:hover {
      color: #494649; }
  a.accordion-list, button.accordion-list {
    font-family: EffraMedium;
    font-size: 24px;
    line-height: 1.17;
    color: #ec1075; }
    a.accordion-list:hover, button.accordion-list:hover {
      color: #494649; }
  a.pagination, button.pagination {
    font-family: EffraMedium;
    font-size: 18px;
    line-height: 1.22;
    color: #cccccc; }
    a.pagination:hover, button.pagination:hover {
      color: #ec1075; }
  a.footer, button.footer {
    color: #000000;
    font-family: EffraLight;
    font-size: 15px;
    line-height: 2;
    display: block;
    color: #000000; }
    a.footer:visited, button.footer:visited {
      color: #000000; }
    a.footer:hover, button.footer:hover {
      color: #000000; }
    a.footer:active, button.footer:active {
      color: #000000; }
    a.footer:hover, button.footer:hover {
      color: #ec1075;
      text-decoration: none; }
  a.primary-btn, button.primary-btn {
    width: auto;
    height: auto;
    font-family: EffraMedium;
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    padding: 10px 30px;
    background-color: #ec1075;
    border: solid 1px #ec1075;
    text-transform: uppercase; }
    a.primary-btn--small, button.primary-btn--small {
      font-size: 14px;
      line-height: 1em;
      height: auto;
      width: auto;
      padding: 8px 30px;
      background-color: #ec1075;
      border: solid 1px #ec1075;
      color: #ffffff; }
      a.primary-btn--small:hover, button.primary-btn--small:hover {
        border: solid 1px #b21e54;
        background-color: #b21e54;
        color: #ffffff; }
    a.primary-btn--large, button.primary-btn--large {
      width: auto;
      height: auto;
      font-family: EffraMedium;
      font-size: 18px;
      line-height: 1.78;
      text-align: center;
      color: #ffffff;
      display: inline-block;
      padding: 10px 53px;
      background-color: #ec1075;
      border: solid 1px #ec1075;
      text-transform: uppercase; }
      a.primary-btn--large:hover, button.primary-btn--large:hover {
        border: solid 1px #b21e54;
        background-color: #b21e54;
        color: #ffffff; }
    a.primary-btn:hover, button.primary-btn:hover {
      border: solid 1px #b21e54;
      background-color: #b21e54; }
    @media (min-width: 850px) {
      a.primary-btn, button.primary-btn {
        height: 50px; } }
  a.secondary-btn, button.secondary-btn {
    width: auto;
    background-color: #transparent;
    border: solid 1px #ec1075;
    font-family: EffraMedium;
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #494649;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 10px;
    text-transform: uppercase;
    cursor: pointer; }
    a.secondary-btn:hover, button.secondary-btn:hover {
      color: #ffffff;
      background-color: #b21e54;
      border: solid 1px #b21e54; }

div.confirmform {
  display: none; }

.superman-hero .secondary-btn {
  color: #ffffff; }
  @media (min-width: 850px) {
    .superman-hero .secondary-btn {
      margin-left: 30px; } }

.container-separator {
  width: 431px;
  height: 1px;
  background: #cacaca;
  margin: 50px auto; }

.noscroll {
  overflow: hidden; }

.search-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.93);
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  position: fixed;
  z-index: 2000; }
  .search-wrapper i.icon-cross {
    float: right;
    position: relative;
    right: 0;
    top: 0;
    padding: 40px;
    color: white;
    font-size: 24px;
    z-index: 2; }
  .search-wrapper .inner-container {
    height: 100%; }
    .search-wrapper .inner-container form {
      position: relative;
      height: 100%;
      padding: 100px 0;
      border-bottom: 1px solid white; }
      .search-wrapper .inner-container form .search-nav {
        width: 100%;
        display: table;
        border-bottom: 1px solid white; }
        .search-wrapper .inner-container form .search-nav .icon-search {
          color: white;
          font-size: 18px;
          padding-right: 10px;
          display: table-cell;
          width: 25px; }
        .search-wrapper .inner-container form .search-nav input.search {
          background: transparent;
          font-size: 22px;
          color: white;
          font-family: EffraRegular;
          display: table-cell;
          width: -webkit-fill-available;
          padding-right: 112px; }
      .search-wrapper .inner-container form input[type="submit"] {
        float: right;
        width: 80px;
        background: transparent;
        color: white;
        font-size: 14px;
        top: -20px;
        position: relative; }
      .search-wrapper .inner-container form ul {
        border-bottom: 1px solid white;
        margin-top: 10px; }
    .search-wrapper .inner-container .fac-result {
      position: relative;
      overflow: auto;
      height: 95%;
      width: 100%; }

.blog.old-style .topbar:before {
  background: linear-gradient(-135deg, #7ee738, #494649 27%); }
  @media (min-width: 850px) {
    .blog.old-style .topbar:before {
      background: none; } }
.blog.old-style .superman-hero {
  display: none; }
  @media (min-width: 850px) {
    .blog.old-style .superman-hero {
      display: inherit; } }

@media (min-width: 850px) {
  .press-old .superman-hero .cta a:not(:first-of-type) {
    margin-left: 30px;
    cursor: pointer; } }

.security-at-call-for-speakers .superman-hero h1 { color: #fff; }

.press-old .superman-hero,
.blog.old-style .superman-hero,
.blog_posts .superman-hero,
body.events .superman-hero,
.press-archive .superman-hero,
.security-at-call-for-speakers .superman-hero {
  background: url("/assets/images/static_pages/press/Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%;
  background-repeat: no-repeat; }
.press-old .media-kit, .blog.old-style .media-kit, .blog_posts .media-kit, body.events .media-kit, .press-archive .media-kit {
  display: none; }
  .press-old .media-kit h4, .blog.old-style .media-kit h4, .blog_posts .media-kit h4, body.events .media-kit h4, .press-archive .media-kit h4 {
    padding: 15px 0;
    color: #ec1075; }
  .press-old .media-kit i:before, .blog.old-style .media-kit i:before, .blog_posts .media-kit i:before, body.events .media-kit i:before, .press-archive .media-kit i:before {
    position: relative;
    float: right;
    top: -58px;
    right: 20px;
    font-size: 26px;
    opacity: .3;
    cursor: pointer; }
.press-old .views-view-grid .views-col, .blog.old-style .views-view-grid .views-col, .blog_posts .views-view-grid .views-col, body.events .views-view-grid .views-col, .press-archive .views-view-grid .views-col {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 20px 20px 20px 21px;
  width: 100%; }
  @media (min-width: 850px) {
    .press-old .views-view-grid .views-col, .blog.old-style .views-view-grid .views-col, .blog_posts .views-view-grid .views-col, body.events .views-view-grid .views-col, .press-archive .views-view-grid .views-col {
      width: 33.33%; } }
  .press-old .views-view-grid .views-col .panel, .blog.old-style .views-view-grid .views-col .panel, .blog_posts .views-view-grid .views-col .panel, body.events .views-view-grid .views-col .panel, .press-archive .views-view-grid .views-col .panel {
    border: 1px solid #cccccc;
    margin-right: -19px;
    margin-bottom: -20px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    border-radius: 0; }
    .press-old .views-view-grid .views-col .panel:after, .blog.old-style .views-view-grid .views-col .panel:after, .blog_posts .views-view-grid .views-col .panel:after, body.events .views-view-grid .views-col .panel:after, .press-archive .views-view-grid .views-col .panel:after {
      content: '';
      position: absolute;
      width: 76px;
      height: 58px;
      bottom: -30px;
      right: -36px;
      background: white;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      border-top: 1px solid #cccccc;
      float: right; }
.press-old .views-view-grid .views-field-field-news-preview img, .blog.old-style .views-view-grid .views-field-field-news-preview img, .blog_posts .views-view-grid .views-field-field-news-preview img, body.events .views-view-grid .views-field-field-news-preview img, .press-archive .views-view-grid .views-field-field-news-preview img {
  width: 100%; }
.press-old .views-view-grid .views-field-field-press-logo, .blog.old-style .views-view-grid .views-field-field-press-logo, .blog_posts .views-view-grid .views-field-field-press-logo, body.events .views-view-grid .views-field-field-press-logo, .press-archive .views-view-grid .views-field-field-press-logo {
  display: inline-block;
  width: 40%;
  height: 210px;
  padding: 0 10px; }
  .press-old .views-view-grid .views-field-field-press-logo .field-content, .blog.old-style .views-view-grid .views-field-field-press-logo .field-content, .blog_posts .views-view-grid .views-field-field-press-logo .field-content, body.events .views-view-grid .views-field-field-press-logo .field-content, .press-archive .views-view-grid .views-field-field-press-logo .field-content {
    height: 100%;
    float: left;
    line-height: 210px;
    position: relative;
    vertical-align: middle;
    text-align: center; }
    .press-old .views-view-grid .views-field-field-press-logo .field-content img, .blog.old-style .views-view-grid .views-field-field-press-logo .field-content img, .blog_posts .views-view-grid .views-field-field-press-logo .field-content img, body.events .views-view-grid .views-field-field-press-logo .field-content img, .press-archive .views-view-grid .views-field-field-press-logo .field-content img {
      padding: 0 10px; }
.press-old .views-view-grid fieldset.press, .blog.old-style .views-view-grid fieldset.press, .blog_posts .views-view-grid fieldset.press, body.events .views-view-grid fieldset.press, .press-archive .views-view-grid fieldset.press-old {
  display: inline-block;
  width: 60%;
  float: right;
  height: 210px;
  padding-right: 10px; }
.press-old .views-view-grid .views-field-field-published-date, .blog.old-style .views-view-grid .views-field-field-published-date, .blog_posts .views-view-grid .views-field-field-published-date, body.events .views-view-grid .views-field-field-published-date, .press-archive .views-view-grid .views-field-field-published-date {
  padding: 20px 0 10px; }
  .press-old .views-view-grid .views-field-field-published-date .field-content, .blog.old-style .views-view-grid .views-field-field-published-date .field-content, .blog_posts .views-view-grid .views-field-field-published-date .field-content, body.events .views-view-grid .views-field-field-published-date .field-content, .press-archive .views-view-grid .views-field-field-published-date .field-content {
    font-size: 12px;
    line-height: 22px;
    font-family: EffraRegular;
    color: #a2a2a2; }
.press-old .views-view-grid .views-field-title-1, .blog.old-style .views-view-grid .views-field-title-1, .blog_posts .views-view-grid .views-field-title-1, body.events .views-view-grid .views-field-title-1, .press-archive .views-view-grid .views-field-title-1 {
  padding: 0 0 10px; }
  .press-old .views-view-grid .views-field-title-1 .field-content, .blog.old-style .views-view-grid .views-field-title-1 .field-content, .blog_posts .views-view-grid .views-field-title-1 .field-content, body.events .views-view-grid .views-field-title-1 .field-content, .press-archive .views-view-grid .views-field-title-1 .field-content {
    font-size: 18px;
    line-height: 22px;
    font-family: EffraMedium;
    color: #494649; }
.press-old .views-view-grid .views-field-field-news-link, .blog.old-style .views-view-grid .views-field-field-news-link, .blog_posts .views-view-grid .views-field-field-news-link, body.events .views-view-grid .views-field-field-news-link, .press-archive .views-view-grid .views-field-field-news-link {
  padding: 10px 0; }
  .press-old .views-view-grid .views-field-field-news-link .field-content a, .blog.old-style .views-view-grid .views-field-field-news-link .field-content a, .blog_posts .views-view-grid .views-field-field-news-link .field-content a, body.events .views-view-grid .views-field-field-news-link .field-content a, .press-archive .views-view-grid .views-field-field-news-link .field-content a {
    font-size: 14px;
    font-family: EffraMedium; }
.press-old nav.pager, .blog.old-style nav.pager, .blog_posts nav.pager, body.events nav.pager, .press-archive nav.pager {
  padding: 40px 0;
  text-align: center; }
  .press-old nav.pager ul, .blog.old-style nav.pager ul, .blog_posts nav.pager ul, body.events nav.pager ul, .press-archive nav.pager ul {
    display: inline-block; }
    .press-old nav.pager ul li, .blog.old-style nav.pager ul li, .blog_posts nav.pager ul li, body.events nav.pager ul li, .press-archive nav.pager ul li {
      padding: 6px;
      display: inline-block;
      float: left; }
      .press-old nav.pager ul li.is-active a, .blog.old-style nav.pager ul li.is-active a, .blog_posts nav.pager ul li.is-active a, body.events nav.pager ul li.is-active a, .press-archive nav.pager ul li.is-active a {
        color: #ec1075; }
      .press-old nav.pager ul li a, .blog.old-style nav.pager ul li a, .blog_posts nav.pager ul li a, body.events nav.pager ul li a, .press-archive nav.pager ul li a {
        font-family: EffraMedium;
        color: #cccccc;
        font-size: 18px; }
        .press-old nav.pager ul li a:hover, .blog.old-style nav.pager ul li a:hover, .blog_posts nav.pager ul li a:hover, body.events nav.pager ul li a:hover, .press-archive nav.pager ul li a:hover {
          color: #ec1075; }
      .press-old nav.pager ul li.pager__item--first, .press-old nav.pager ul li.pager__item--last, .press-old nav.pager ul li.pager__item--ellipsis, .blog.old-style nav.pager ul li.pager__item--first, .blog.old-style nav.pager ul li.pager__item--last, .blog.old-style nav.pager ul li.pager__item--ellipsis, .blog_posts nav.pager ul li.pager__item--first, .blog_posts nav.pager ul li.pager__item--last, .blog_posts nav.pager ul li.pager__item--ellipsis, body.events nav.pager ul li.pager__item--first, body.events nav.pager ul li.pager__item--last, body.events nav.pager ul li.pager__item--ellipsis, .press-archive nav.pager ul li.pager__item--first, .press-archive nav.pager ul li.pager__item--last, .press-archive nav.pager ul li.pager__item--ellipsis {
        display: none; }
      .press-old nav.pager ul li.pager__item--previous:after, .blog.old-style nav.pager ul li.pager__item--previous:after, .blog_posts nav.pager ul li.pager__item--previous:after, body.events nav.pager ul li.pager__item--previous:after, .press-archive nav.pager ul li.pager__item--previous:after {
        content: ' /';
        font-family: EffraLight;
        color: #cccccc;
        font-size: 18px; }
      .press-old nav.pager ul li.pager__item--previous a, .blog.old-style nav.pager ul li.pager__item--previous a, .blog_posts nav.pager ul li.pager__item--previous a, body.events nav.pager ul li.pager__item--previous a, .press-archive nav.pager ul li.pager__item--previous a {
        padding: 5px; }
        .press-old nav.pager ul li.pager__item--previous a span, .blog.old-style nav.pager ul li.pager__item--previous a span, .blog_posts nav.pager ul li.pager__item--previous a span, body.events nav.pager ul li.pager__item--previous a span, .press-archive nav.pager ul li.pager__item--previous a span {
          font-family: EffraMedium;
          color: #ec1075;
          font-size: 18px; }
      .press-old nav.pager ul li.pager__item--next:before, .blog.old-style nav.pager ul li.pager__item--next:before, .blog_posts nav.pager ul li.pager__item--next:before, body.events nav.pager ul li.pager__item--next:before, .press-archive nav.pager ul li.pager__item--next:before {
        content: '/ ';
        font-family: EffraLight;
        color: #cccccc;
        font-size: 18px; }
      .press-old nav.pager ul li.pager__item--next a, .blog.old-style nav.pager ul li.pager__item--next a, .blog_posts nav.pager ul li.pager__item--next a, body.events nav.pager ul li.pager__item--next a, .press-archive nav.pager ul li.pager__item--next a {
        padding: 5px; }
        .press-old nav.pager ul li.pager__item--next a span, .blog.old-style nav.pager ul li.pager__item--next a span, .blog_posts nav.pager ul li.pager__item--next a span, body.events nav.pager ul li.pager__item--next a span, .press-archive nav.pager ul li.pager__item--next a span {
          font-family: EffraMedium;
          color: #ec1075;
          font-size: 18px; }

.blog_posts .views-view-grid .panel fieldset, .events .views-view-grid .panel fieldset {
  padding: 22px 30px 35px; }
  .blog_posts .views-view-grid .panel fieldset .views-field-title, .events .views-view-grid .panel fieldset .views-field-title {
    padding-bottom: 5px; }
  .blog_posts .views-view-grid .panel fieldset .views-field-view-node a, .events .views-view-grid .panel fieldset .views-field-view-node a {
    font-size: 15px;
    font-family: EffraMedium; }
  .blog_posts .views-view-grid .panel fieldset .views-field, .events .views-view-grid .panel fieldset .views-field {
    text-align: left; }

.newsletter {
  background-color: #808080; }
  .newsletter span {
    padding-bottom: 30px; }
    .newsletter span strong {
      font-family: EffraMedium;
      font-weight: 100; }

.blog.old-style .superman-hero h1, .blog_posts .superman-hero h1 {
  padding: 0; }
.blog.old-style .controller_blog .categories, .blog_posts .controller_blog .categories {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  padding: 0px;
  margin: 2px 0 2px 0px;
  position: relative; }
  .blog.old-style .controller_blog .categories span, .blog_posts .controller_blog .categories span {
    font-family: EffraRegular; }
  .blog.old-style .controller_blog .categories h5, .blog_posts .controller_blog .categories h5 {
    padding-bottom: 15px; }
  @media (min-width: 850px) {
    .blog.old-style .controller_blog .categories, .blog_posts .controller_blog .categories {
      width: inherit;
      display: inherit;
      overflow: inherit;
      padding: 0;
      margin: 0;
      position: initial; }
      .blog.old-style .controller_blog .categories span, .blog_posts .controller_blog .categories span {
        display: none; } }
  .blog.old-style .controller_blog .categories .views-element-container, .blog_posts .controller_blog .categories .views-element-container {
    cursor: default;
    display: block;
    padding: 30px;
    border: 1px solid #cccccc;
    position: relative;
    border-radius: 0;
    z-index: 1;
    background: transparent; }
    .blog.old-style .controller_blog .categories .views-element-container:after, .blog_posts .controller_blog .categories .views-element-container:after {
      content: '';
      position: absolute;
      width: 57px;
      height: 25px;
      bottom: -7px;
      right: -18px;
      background: white;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      border-top: 1px solid #cccccc;
      float: right; }
    .blog.old-style .controller_blog .categories .views-element-container.open .views-row, .blog_posts .controller_blog .categories .views-element-container.open .views-row {
      display: block; }
    @media (min-width: 850px) {
      .blog.old-style .controller_blog .categories .views-element-container, .blog_posts .controller_blog .categories .views-element-container {
        display: none;
        padding: 30px 0 0;
        border: none;
        margin: 0;
        position: relative; }
        .blog.old-style .controller_blog .categories .views-element-container:after, .blog_posts .controller_blog .categories .views-element-container:after {
          content: none; } }
    .blog.old-style .controller_blog .categories .views-element-container .views-row, .blog_posts .controller_blog .categories .views-element-container .views-row {
      margin-right: 30px;
      display: none;
      color: #ec1075;
      font-family: EffraMedium;
      font-size: 20px;
      width: 100%; }
      .blog.old-style .controller_blog .categories .views-element-container .views-row.active, .blog_posts .controller_blog .categories .views-element-container .views-row.active {
        display: inline-block; }
      .blog.old-style .controller_blog .categories .views-element-container .views-row:first-of-type, .blog_posts .controller_blog .categories .views-element-container .views-row:first-of-type {
        display: inline-block; }
      @media (min-width: 850px) {
        .blog.old-style .controller_blog .categories .views-element-container .views-row, .blog_posts .controller_blog .categories .views-element-container .views-row {
          margin-right: 30px;
          display: inline-block;
          color: #ec1075;
          font-family: EffraLight; } }
      .blog.old-style .controller_blog .categories .views-element-container .views-row a, .blog_posts .controller_blog .categories .views-element-container .views-row a {
        font-family: EffraMedium;
        font-size: 20px;
        text-align: left;
        color: #ec1075; }
.blog.old-style .controller_blog h2, .blog_posts .controller_blog h2 {
  padding: 20px 0; }
.blog.old-style .mobile-banner, .blog_posts .mobile-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: bottom;
  background-color: #f5f5f5;
  opacity: 0.1;
  z-index: -1; }
.blog.old-style .featured-section, .blog_posts .featured-section {
  top: 0px;
  margin-bottom: 0px;
  padding: 0; }
  @media (min-width: 850px) {
    .blog.old-style .featured-section, .blog_posts .featured-section {
      top: -80px;
      margin-bottom: -50px; } }
  .blog.old-style .featured-section .inner-container, .blog_posts .featured-section .inner-container {
    width: 100%;
    display: table; }
  .blog.old-style .featured-section .categories, .blog.old-style .featured-section .featured, .blog_posts .featured-section .categories, .blog_posts .featured-section .featured {
    display: table-cell;
    vertical-align: middle; }
  .blog.old-style .featured-section .categories, .blog_posts .featured-section .categories {
    padding: 95px 33px 33px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.8); }
    .blog.old-style .featured-section .categories h5, .blog_posts .featured-section .categories h5 {
      padding: 0 0 23px; }
    .blog.old-style .featured-section .categories a, .blog_posts .featured-section .categories a {
      color: #494649;
      font-size: 16px; }
      .blog.old-style .featured-section .categories a:hover, .blog_posts .featured-section .categories a:hover {
        color: #ec1075; }
  .blog.old-style .featured-section .featured, .blog_posts .featured-section .featured {
    text-align: left; }
    .blog.old-style .featured-section .featured .featured-text, .blog_posts .featured-section .featured .featured-text {
      vertical-align: middle;
      width: 100%;
      display: inline-block; }
      @media (min-width: 850px) {
        .blog.old-style .featured-section .featured .featured-text, .blog_posts .featured-section .featured .featured-text {
          width: 41%;
          min-width: unset; } }
      .blog.old-style .featured-section .featured .featured-text .secondary-btn, .blog_posts .featured-section .featured .featured-text .secondary-btn {
        margin-left: 0;
        padding: 10px 40px; }
      .blog.old-style .featured-section .featured .featured-text .views-field-title, .blog_posts .featured-section .featured .featured-text .views-field-title {
        padding: 27px 0; }
      .blog.old-style .featured-section .featured .featured-text .views-field-name, .blog_posts .featured-section .featured .featured-text .views-field-name {
        padding-top: 55px; }
        .blog.old-style .featured-section .featured .featured-text .views-field-name .field-content, .blog_posts .featured-section .featured .featured-text .views-field-name .field-content {
          font-size: 14px;
          font-family: EffraMedium; }
    .blog.old-style .featured-section .featured .views-field-field-main-image, .blog_posts .featured-section .featured .views-field-field-main-image {
      display: none;
      padding: 90px 0px 40px;
      width: 58%; }
      @media (min-width: 850px) {
        .blog.old-style .featured-section .featured .views-field-field-main-image, .blog_posts .featured-section .featured .views-field-field-main-image {
          display: inline-block; } }
      .blog.old-style .featured-section .featured .views-field-field-main-image img, .blog_posts .featured-section .featured .views-field-field-main-image img {
        width: 100%; }
.blog.old-style .views-view-grid, .blog_posts .views-view-grid {
  margin-left: -20px; }
.blog.old-style fieldset.blog-posts .views-field, .blog_posts fieldset.blog-posts .views-field {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  font-family: EffraRegular;
  color: #a2a2a2; }
  .blog.old-style fieldset.blog-posts .views-field span, .blog_posts fieldset.blog-posts .views-field span {
    font-size: 12px;
    line-height: 22px;
    font-family: EffraRegular;
    color: #a2a2a2; }
  .blog.old-style fieldset.blog-posts .views-field .fa-clock-o:before, .blog_posts fieldset.blog-posts .views-field .fa-clock-o:before {
    padding-right: 5px; }
  .blog.old-style fieldset.blog-posts .views-field .fa-user:before, .blog_posts fieldset.blog-posts .views-field .fa-user:before {
    padding-right: 5px; }
.blog.old-style fieldset, .blog_posts fieldset {
  display: inline-block;
  padding: 32px; }
  .blog.old-style fieldset .views-field-field-published-date, .blog_posts fieldset .views-field-field-published-date {
    padding: 0 0 10px !important; }
    .blog.old-style fieldset .views-field-field-published-date h5, .blog_posts fieldset .views-field-field-published-date h5 {
      display: inline; }
  .blog.old-style fieldset .views-field-title-1, .blog_posts fieldset .views-field-title-1 {
    width: 100%; }
  .blog.old-style fieldset .views-field-uid, .blog_posts fieldset .views-field-uid {
    padding-left: 10px; }
  .blog.old-style fieldset .views-field-view-node a, .blog_posts fieldset .views-field-view-node a {
    font-family: EffraMedium;
    font-size: 16px; }
.blog.old-style .panel .views-field-field-main-image img, .blog_posts .panel .views-field-field-main-image img {
  width: 100%;
  padding: 1px;
  height: auto; }
.blog.old-style nav.pager, b.blog_posts nav.pager {
  padding: 40px 0;
  text-align: center; }
  .blog.old-style nav.pager ul, .blog_posts nav.pager ul {
    display: inline-block; }
    .blog.old-style nav.pager ul li, .blog_posts nav.pager ul li {
      padding: 6px;
      display: inline-block;
      float: left; }
      .blog.old-style nav.pager ul li.is-active a, .blog_posts nav.pager ul li.is-active a {
        color: #ec1075; }
      .blog.old-style nav.pager ul li a, .blog_posts nav.pager ul li a {
        font-family: EffraMedium;
        color: #cccccc;
        font-size: 18px; }
        .blog.old-style nav.pager ul li a:hover, .blog_posts nav.pager ul li a:hover {
          color: #ec1075; }
      .blog.old-style nav.pager ul li.pager__item--first, .blog.old-style nav.pager ul li.pager__item--last, .blog.old-style nav.pager ul li.pager__item--ellipsis, .blog_posts nav.pager ul li.pager__item--first, .blog_posts nav.pager ul li.pager__item--last, .blog_posts nav.pager ul li.pager__item--ellipsis {
        display: none; }
      .blog.old-style nav.pager ul li.pager__item--previous:after, .blog_posts nav.pager ul li.pager__item--previous:after {
        content: ' /';
        font-family: EffraLight;
        color: #cccccc;
        font-size: 18px; }
      .blog.old-style nav.pager ul li.pager__item--previous a, .blog_posts nav.pager ul li.pager__item--previous a {
        padding: 5px; }
        .blog.old-style nav.pager ul li.pager__item--previous a span, .blog_posts nav.pager ul li.pager__item--previous a span {
          font-family: EffraMedium;
          color: #ec1075;
          font-size: 18px; }
      .blog.old-style nav.pager ul li.pager__item--next:before, .blog_posts nav.pager ul li.pager__item--next:before {
        content: '/ ';
        font-family: EffraLight;
        color: #cccccc;
        font-size: 18px; }
      .blog.old-style nav.pager ul li.pager__item--next a, .blog_posts nav.pager ul li.pager__item--next a {
        padding: 5px; }
        .blog.old-style nav.pager ul li.pager__item--next a span, .blog_posts nav.pager ul li.pager__item--next a span {
          font-family: EffraMedium;
          color: #ec1075;
          font-size: 18px; }

.terms .superman-hero, .terms-services .superman-hero, .terms-general .superman-hero, .terms-finder .superman-hero {
  background: url("/assets/images/static_pages/headers/Terms - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
@media (min-width: 850px) {
  .terms .superman-hero__title, .terms-services .superman-hero__title, .terms-general .superman-hero__title, .terms-finder .superman-hero__title {
    width: 675px; } }
.terms .superman-title, .terms-services .superman-title, .terms-general .superman-title, .terms-finder .superman-title {
  padding-bottom: 10px; }
  .terms .superman-title h4, .terms-services .superman-title h4, .terms-general .superman-title h4, .terms-finder .superman-title h4 {
    font-family: EffraHeavy;
    font-size: 30px;
    line-height: 1.17;
    color: #494649;
    text-transform: uppercase; }

/*
.blog_posts p, .blog_posts span, .blog_posts p > a, .blog_posts span > a {
  font-family: EffraRegular; }
 */
.blog_posts .superman-hero {
  padding: 120px 0 40px; }
.blog_posts .superman-hero + .superman-container {
  padding-bottom: 0px; }
.blog_posts .superman-container .blog-main {
  padding-right: 0px; }
  @media (min-width: 850px) {
    .blog_posts .superman-container .blog-main {
      padding-right: 40px; } }
  .blog_posts .superman-container .blog-main table {
    width: 100%; }
    .blog_posts .superman-container .blog-main table td {
      border: solid 1px black;
      padding: 5px; }
      .blog_posts .superman-container .blog-main table td p {
        padding-bottom: 0px; }
  .blog_posts .superman-container .blog-main .blog-info {
    padding-bottom: 80px;
    display: block;
    color: #a2a2a2;
    font-family: EffraRegular;
    font-size: 16px; }
    .blog_posts .superman-container .blog-main .blog-info .date, .blog_posts .superman-container .blog-main .blog-info .author, .blog_posts .superman-container .blog-main .blog-info .share {
      float: left;
      line-height: 50px;
      vertical-align: middle; }
    .blog_posts .superman-container .blog-main .blog-info .date {
      padding-right: 20px; }
      .blog_posts .superman-container .blog-main .blog-info .date i:before {
        width: 17px; }
    .blog_posts .superman-container .blog-main .blog-info .author {
      padding-right: 40px; }
      .blog_posts .superman-container .blog-main .blog-info .author i:before {
        width: 15px; }
    .blog_posts .superman-container .blog-main .blog-info .share a {
      padding: 5px;
      color: #a2a2a2; }
      .blog_posts .superman-container .blog-main .blog-info .share a:hover {
        color: #ec1075; }
    .blog_posts .superman-container .blog-main .blog-info .back {
      float: right;
      display: none; }
      @media (min-width: 850px) {
        .blog_posts .superman-container .blog-main .blog-info .back {
          display: block; } }
  .blog_posts .superman-container .blog-main nav ul {
    margin: 0 !important;
    width: 100%;
    display: table; }
    .blog_posts .superman-container .blog-main nav ul div.next, .blog_posts .superman-container .blog-main nav ul div.prev {
      width: 50%;
      display: inline-block;
      padding: 5px; }
      .blog_posts .superman-container .blog-main nav ul div.next li, .blog_posts .superman-container .blog-main nav ul div.prev li {
        padding: 25px 40px;
        border: 1px solid #a2a2a2;
        overflow: hidden;
        display: block;
        height: 145px;
        width: 100%; }
        .blog_posts .superman-container .blog-main nav ul div.next li span, .blog_posts .superman-container .blog-main nav ul div.prev li span {
          display: block;
          font-family: Effralight;
          font-size: 20px;
          color: #494649; }
        .blog_posts .superman-container .blog-main nav ul div.next li a, .blog_posts .superman-container .blog-main nav ul div.prev li a {
          font-family: EffraRegular;
          color: #494649;
          font-size: 18px;
          line-height: 1.1em;
          width: 100%;
          display: block; }
          .blog_posts .superman-container .blog-main nav ul div.next li a:hover, .blog_posts .superman-container .blog-main nav ul div.prev li a:hover {
            color: #ec1075; }
    .blog_posts .superman-container .blog-main nav ul .next {
      text-align: left; }
      .blog_posts .superman-container .blog-main nav ul .next:after {
        content: '';
        position: relative;
        width: 95px;
        height: 45px;
        bottom: 34px;
        right: -30px;
        background: white;
        transform-origin: 54% 100%;
        transform: rotate(-31deg);
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        border-top: 1px solid #cccccc;
        float: right; }
      .blog_posts .superman-container .blog-main nav ul .next a:before {
        content: "\f101";
        position: relative;
        float: right;
        font-size: 36px;
        right: 0px;
        font-family: hackerone;
        display: block; }
    .blog_posts .superman-container .blog-main nav ul .prev {
      text-align: right; }
      .blog_posts .superman-container .blog-main nav ul .prev:after {
        content: '';
        position: relative;
        width: 95px;
        height: 45px;
        bottom: 31px;
        left: -31px;
        background: white;
        transform-origin: 54% 100%;
        transform: rotate(31deg);
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        border-top: 1px solid #cccccc;
        float: left; }
      .blog_posts .superman-container .blog-main nav ul .prev a:before {
        content: "\f101";
        position: relative;
        float: left;
        transform: rotate(180deg);
        font-size: 36px;
        left: 0px;
        font-family: hackerone;
        display: block; }
.blog_posts .superman-container .blog-sidebar {
  padding: 40px 0; }
  .blog_posts .superman-container .blog-sidebar .superman-title__content {
    padding: 0px; }
  .blog_posts .superman-container .blog-sidebar .views-field-field-main-image {
    height: 200px;
    width: 100%;
    overflow: hidden; }
    .blog_posts .superman-container .blog-sidebar .views-field-field-main-image img {
      width: auto;
      overflow: hidden; }

.newsletter {
  font-size: 21px;
  font-family: EffraRegular;
  color: #fff; }
  .newsletter span, .newsletter p {
    font-size: 21px;
    color: #fff;
    display: inline-block; }
  @media (min-width: 850px) {
    .newsletter form.mktoForm#mktoForm_1211 {
      width: auto !important;
      display: inline-block; }
      .newsletter form.mktoForm#mktoForm_1211 .mktoFormRow {
        display: inline-block;
        float: left; }
        .newsletter form.mktoForm#mktoForm_1211 .mktoFormRow .mktoFormCol {
          width: auto !important; }
      .newsletter form.mktoForm#mktoForm_1211 .mktoButtonRow {
        display: inline-block;
        float: left;
        padding-top: 0; } }

.disclosure-guidelines .superman-hero {
  background: url("/assets/images/static_pages/headers/Disclosure - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.disclosure-guidelines .superman-hero + .superman-container {
  padding: 120px 0 0px; }
.disclosure-guidelines .disclosure-list-item strong {
  color: #494649; }
.disclosure-guidelines div#first {
  padding: 50px 0; }
.disclosure-guidelines .col h4 {
  padding: 20px 0; }
.disclosure-guidelines .row--20 .col {
  padding-right: 30px; }
.disclosure-guidelines .panel-wrapper {
  overflow: hidden;
  padding: 5px 20px 20px;
  margin: 2px 0 2px -20px; }
  .disclosure-guidelines .panel-wrapper + .row {
    padding-top: 40px; }
.disclosure-guidelines .collapse-plus {
  color: #ec1075; }
  .disclosure-guidelines .collapse-plus:hover h4, .disclosure-guidelines .collapse-plus:hover i {
    color: #494649; }
  .disclosure-guidelines .collapse-plus h4 {
    display: inline-block;
    color: #ec1075;
    padding-bottom: 0px;
    margin-bottom: 0px; }
    .disclosure-guidelines .collapse-plus h4:hover {
      color: #494649; }
  .disclosure-guidelines .collapse-plus i {
    float: right;
    color: #ec1075;
    padding-right: 10px; }
  .disclosure-guidelines .collapse-plus + div {
    display: block;
    padding-top: 15px; }
.disclosure-guidelines .panel {
  padding: 30px;
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  cursor: pointer; }
  .disclosure-guidelines .panel:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -37px;
    right: -185px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.careers .superman-hero {
  background: url("/assets/images/static_pages/careers/Hero Img - Careers - Desktop.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.careers .lever section {
  position: relative;
  padding: 30px; }
.careers .lever .container {
  max-width: 960px;
  margin: 0 auto;
  border-bottom: none; }
.careers .lever .job {
  display: inline-block;
  vertical-align: top;
  padding: 40px 30px; }
  @media (min-width: 850px) {
    .careers .lever .job {
      width: 50%; } }
.careers .lever h1 {
  font-size: 48px;
  padding: 0 30px; }
.careers .lever .job-title {
  font-size: 24px;
  text-decoration: none;
  color: #454545; }
.careers .lever .job-title:hover {
  color: #ec1075; }
.careers .lever .tags span {
  color: #999;
  font-size: 12px;
  color: grayMediumDark; }
.careers .lever .tags span:after {
  content: ', '; }
.careers .lever .tags span:last-of-type:after {
  content: ''; }
.careers .lever .description {
  color: #999; }
.careers .lever .btn {
  display: inline-block;
  padding: 7px 15px;
  text-decoration: none;
  font-weight: normal;
  color: #999;
  border: 2px solid #ebebeb;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f9f9f9; }
.careers .lever .btn:hover {
  background: #ebebeb;
  color: #555; }
.careers .lever .btn.active {
  background: #454545;
  border-color: #454545;
  color: #fff; }
.careers .lever .jobs-teams {
  margin-bottom: 40px;
  padding: 30px 30px 0; }
.careers .lever .jobs-teams .btn {
  margin: 0 8px 8px 0; }
.careers .lever .jobs-teams .btn:first-of-type {
  margin-left: 0; }
.careers .lever .jobs-teams .btn:last-of-type {
  margin-right: 0; }
.careers .positions {
  display: block;
  cursor: default; }
  .careers .positions li {
    color: #ec1075;
    display: inline-block; }
    .careers .positions li.active {
      color: #000; }
.careers .panel-wrapper {
  overflow: hidden;
  padding: 5px 20px 20px;
  margin: 2px 0 2px -20px; }
  .careers .panel-wrapper + .row {
    padding-top: 40px; }
.careers .panel {
  padding: 30px;
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  cursor: pointer; }
  .careers .panel h4 {
    display: inline-block;
    color: #ec1075;
    padding-bottom: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    width: 80%; }
    .careers .panel h4:hover {
      color: #494649; }
  .careers .panel i {
    float: right;
    color: #ec1075;
    padding-right: 10px; }
  .careers .panel .expandable {
    display: none; }
    .careers .panel .expandable .description {
      margin: 20px 0; }
      .careers .panel .expandable .description h3 {
        margin: 20px 0; }
  .careers .panel:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -37px;
    right: -185px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.contact .superman-hero {
  background: url("/assets/images/static_pages/homepage/Contact Us - Desktop - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.contact h2.get-started {
  padding-bottom: 40px; }
  .contact h2.get-started i {
    color: #ec1075;
    padding: 10px 10px 10px 0; }
.contact .col--one-third {
  padding-top: 40px; }
  @media (min-width: 850px) {
    .contact .col--one-third {
      padding-top: 0; } }
.contact .or-links {
  text-align: center; }
  .contact .or-links a {
    width: 250px;
    text-transform: uppercase;
    font-family: EffraRegular; }
  @media (min-width: 850px) {
    .contact .or-links {
      text-align: left; } }

.locations h2 {
  padding-bottom: 20px; }
.locations h6 {
  padding-top: 15px; }

.careers .image-tiles {
  padding: 50px 0;
  display: block; }
  .careers .image-tiles .tile1, .careers .image-tiles .tile2 {
    display: inline-block;
    padding: 5px;
    width: 100%;
    vertical-align: top; }
    @media (min-width: 850px) {
      .careers .image-tiles .tile1, .careers .image-tiles .tile2 {
        width: 49%; } }
  @media (min-width: 850px) {
    .careers .image-tiles .tile1 img {
      padding-top: 124px; } }
.careers .values-title h2 {
  padding-bottom: 5px; }
.careers .values-title + p {
  padding-bottom: 15px; }
.careers .read-more {
  margin: 50px 20px 20px;
  text-transform: uppercase;
  width: auto;
  padding: 10px 30px; }
.careers .values {
  display: block; }
  .careers .values li {
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    vertical-align: top;
    font-family: EffraRegular; }
    @media (min-width: 850px) {
      .careers .values li {
        width: 120px;
        margin: 0 18px; } }
    .careers .values li:before {
      margin: 0 auto 10px;
      display: block;
      width: 73px;
      height: 73px;
      content: ''; }
  .careers .values .integrity:before {
    background-image: url("/assets/images/static_pages/careers/integrity.png"); }
  .careers .values .disclosure:before {
    background-image: url("/assets/images/static_pages/careers/disclosure.png"); }
  .careers .values .owner:before {
    background-image: url("/assets/images/static_pages/careers/owner.png"); }
  .careers .values .team:before {
    background-image: url("/assets/images/static_pages/careers/team.png"); }
  .careers .values .community:before {
    background-image: url("/assets/images/static_pages/careers/community.png"); }
.careers .locations {
  margin: 30px 0; }
  .careers .locations span {
    font-family: EffraRegular; }
  @media (min-width: 850px) {
    .careers .locations span {
      font-family: EffraLight; } }
.careers .positions-wrapper {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  padding: 0px;
  margin: 2px 0 2px 0px;
  position: relative; }
  .careers .positions-wrapper span {
    font-family: EffraRegular; }
  @media (min-width: 850px) {
    .careers .positions-wrapper {
      width: inherit;
      display: inherit;
      overflow: inherit;
      padding: 0;
      margin: 0;
      position: initial; }
      .careers .positions-wrapper span {
        display: none; } }
/*
  .careers .positions-wrapper:after {
    content: '\f078';
    font-family: fontawesome;
    position: absolute;
    color: #ec1075;
    z-index: 0;
    right: 40px;
    top: 54px;
    font-size: 18px; }
    @media (min-width: 850px) {
      .careers .positions-wrapper:after {
        content: none; } }
  .careers .positions-wrapper.open:after {
    content: '\f077'; }
 */
  .careers .positions-wrapper .positions {
    cursor: default;
    display: block;
    padding: 30px;
    border: 1px solid #cccccc;
    position: relative;
    border-radius: 0;
    z-index: 1;
    background: transparent; }
    .careers .positions-wrapper .positions:after {
      content: '';
      position: absolute;
      width: 57px;
      height: 43px;
      bottom: -23px;
      right: -27px;
      background: white;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      border-top: 1px solid #cccccc;
      float: right; }
    .careers .positions-wrapper .positions.open li {
      display: block; }
    @media (min-width: 850px) {
      .careers .positions-wrapper .positions {
        display: none;
        padding: 30px 0 0;
        border: none;
        margin: 0;
        position: relative; }
        .careers .positions-wrapper .positions:after {
          content: none; } }
    .careers .positions-wrapper .positions li {
      margin-right: 30px;
      display: none;
      color: #ec1075;
      font-family: EffraMedium;
      font-size: 20px;
      width: 100%; }
      .careers .positions-wrapper .positions li.active {
        display: inline-block; }
      @media (min-width: 850px) {
        .careers .positions-wrapper .positions li {
          margin-right: 30px;
          display: inline-block;
          color: #ec1075;
          font-family: EffraLight; } }
.careers .desktop-positions {
  display: none; }
  @media (min-width: 850px) {
    .careers .desktop-positions {
      display: block;
      padding: 30px 0 0;
      border: none;
      margin: 0;
      position: relative; }
      .careers .desktop-positions:after {
        content: none; } }
  .careers .desktop-positions li {
    margin-right: 30px;
    display: inline-block;
    color: #ec1075;
    font-family: EffraLight;
    cursor: pointer; }
    .careers .desktop-positions li.active {
      display: inline-block;
      color: #000; }
.careers .dropdown-wrapper {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 2px 0 2px 0px;
  position: relative; }
/*
  .careers .dropdown-wrapper:after {
    content: '\f078';
    font-family: fontawesome;
    position: absolute;
    color: #ec1075;
    z-index: 0;
    right: 40px;
    top: 33px;
    font-size: 18px; }
  .careers .dropdown-wrapper.open:after {
    content: '\f077'; }
 */
  @media (min-width: 850px) {
    .careers .dropdown-wrapper {
      top: 101px;
      width: 200px;
      padding: 5px 22px 20px;
      margin: 2px 0 2px -20px;
      position: absolute; }
/*
      .careers .dropdown-wrapper:after {
        content: '\f078';
        font-family: fontawesome;
        position: absolute;
        color: #ec1075;
        z-index: 1;
        right: 17px;
        top: 17px;
        font-size: 12px; }
 */
  }
  .careers .dropdown-wrapper .dropdown {
    cursor: default;
    display: block;
    padding: 30px;
    border: 1px solid #cccccc;
    margin-right: 0px;
    position: relative;
    border-radius: 0;
    z-index: 1;
    background: transparent; }
    @media (min-width: 850px) {
      .careers .dropdown-wrapper .dropdown {
        background: white; } }
    .careers .dropdown-wrapper .dropdown:after {
      width: 57px;
      height: 43px;
      bottom: -23px;
      right: -27px;
      content: '';
      position: absolute;
      background: white;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      border-top: 1px solid #cccccc;
      float: right; }
    .careers .dropdown-wrapper .dropdown.open .dropdown-content {
      display: block; }
    .careers .dropdown-wrapper .dropdown .dropdown-content {
      display: none;
      color: #ec1075;
      font-family: EffraMedium;
      font-size: 20px; }
      .careers .dropdown-wrapper .dropdown .dropdown-content.active {
        display: block; }
    @media (min-width: 850px) {
      .careers .dropdown-wrapper .dropdown {
        padding: 9px;
        margin-right: -20px;
        margin-bottom: -20px; }
        .careers .dropdown-wrapper .dropdown:after {
          content: '';
          position: absolute;
          width: 40px;
          height: 20px;
          bottom: -14px;
          right: -14px;
          background: white;
          transform-origin: 54% 100%;
          transform: rotate(-31deg);
          z-index: 1;
          display: inline-block;
          overflow: inherit;
          border-top: 1px solid #cccccc;
          float: right; }
        .careers .dropdown-wrapper .dropdown .dropdown-content {
          display: none;
          color: #ec1075;
          font-family: EffraMedium;
          font-size: 16px; }
          .careers .dropdown-wrapper .dropdown .dropdown-content.active {
            display: block; } }

.about .superman-hero,
.about-old .superman-hero {
  background: url("/assets/images/static_pages/about/About Us - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.about-old .values-bg {
  padding-top: 0;
  background-color: #f1f1f1; }
  @media (min-width: 850px) {
    .about-old .values-bg {
      background-color: white;
      background-image: url(/assets/images/static_pages/about/values-bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      margin: 40px 0; }
      .about-old .values-bg .inner-container {
        padding: 0 20px; } }
  .about-old .values-bg .inner-container {
    padding: 0; }
.about-old .values {
  position: relative;
  padding: 50px 0;
  display: block;
  height: auto; }
  @media (min-width: 850px) {
    .about-old .values {
      height: 230px; } }
  .about-old .values li {
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    vertical-align: top;
    font-family: EffraRegular; }
    @media (min-width: 850px) {
      .about-old .values li {
        width: 120px;
        margin: 0 18px; } }
    .about-old .values li:before {
      margin: 0 auto 10px;
      display: block;
      width: 73px;
      height: 73px;
      content: ''; }
  .about-old .values .integrity:before {
    background-image: url("/assets/images/static_pages/careers/integrity.png"); }
  .about-old .values .disclosure:before {
    background-image: url("/assets/images/static_pages/careers/disclosure.png"); }
  .about-old .values .owner:before {
    background-image: url("/assets/images/static_pages/careers/owner.png"); }
  .about-old .values .team:before {
    background-image: url("/assets/images/static_pages/careers/team.png"); }
  .about-old .values .community:before {
    background-image: url("/assets/images/static_pages/careers/community.png"); }
.about-old .values-in-action {
  height: auto; }
  @media (min-width: 850px) {
    .about-old .values-in-action {
      height: 406px; } }
  .about-old .values-in-action .title {
    position: relative;
    background-image: url(/assets/images/static_pages/about/values-mobile.png);
    background-size: contain;
    background-position-x: right;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 68.75%; }
    @media (min-width: 850px) {
      .about-old .values-in-action .title {
        background-image: none;
        padding-top: 0;
        width: 60%;
        height: 195px;
        position: absolute;
        z-index: 1;
        line-height: 195px;
        vertical-align: middle;
        text-align: left;
        padding-left: 120px; } }
    .about-old .values-in-action .title h2 {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      padding: 80px 40px 100px;
      text-align: left;
      color: #fff; }
      @media (min-width: 850px) {
        .about-old .values-in-action .title h2 {
          display: inline-block;
          color: #fff;
          position: relative;
          padding: 0; } }
  .about-old .values-in-action .action {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 1px; }
    @media (min-width: 850px) {
      .about-old .values-in-action .action {
        top: 86px;
        height: 361px; } }
    .about-old .values-in-action .action ul {
      padding: 0 80px;
      margin: 72px auto;
      text-align: left; }
      @media (min-width: 850px) {
        .about-old .values-in-action .action ul {
          padding-left: 185px;
          width: 520px; } }
      .about-old .values-in-action .action ul li h4 {
        text-transform: uppercase;
        margin-bottom: 20px; }
    .about-old .values-in-action .action .fa-angle-left {
      left: 20px;
      top: 106px;
      position: absolute;
      font-size: 50px;
      color: #ec1075; }
      @media (min-width: 850px) {
        .about-old .values-in-action .action .fa-angle-left {
          left: 420px; } }
    .about-old .values-in-action .action .fa-angle-right {
      right: 20px;
      top: 106px;
      position: absolute;
      font-size: 50px;
      color: #ec1075; }
      @media (min-width: 850px) {
        .about-old .values-in-action .action .fa-angle-right {
          right: 253px; } }
  .about-old .values-in-action .members {
    display: none;
    position: relative;
    width: 635px;
    padding: 20px 0; }
    @media (min-width: 850px) {
      .about-old .values-in-action .members {
        display: block; } }
    .about-old .values-in-action .members img {
      display: inline-block;
      padding-right: 20px;
      max-height: 50px; }
.about-old .passion {
  background-image: url(/assets/images/static_pages/about/passion-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 100px; }
  .about-old .passion h1 {
    color: #fff;
    padding: 40px 0; }
.about-old .strength {
  padding: 40px 0 80px; }
  .about-old .strength h2 {
    padding: 60px 0 30px; }
  .about-old .strength a.primary-btn {
    display: none; }
    @media (min-width: 850px) {
      .about-old .strength a.primary-btn {
        display: inline-block; } }
.about-old .trust {
  padding: 40px 0 80px; }
  .about-old .trust h2 {
    padding: 60px 0 30px; }
  .about-old .trust .logo-lines {
    position: relative; }
    .about-old .trust .logo-lines .line {
      display: inline-block;
      position: relative;
      height: 300px;
      width: 55px;
      overflow: hidden; }
      .about-old .trust .logo-lines .line:nth-child(odd):after {
        content: '';
        border-left: 4px solid green;
        position: absolute;
        left: 27.5px;
        height: 100%;
        z-index: -1;
        top: 0;
        -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47dd01), to(#494649)) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(#47dd01, #494649) 1 100%;
        -moz-border-image: -moz-linear-gradient(#47dd01, #494649) 1 100%;
        -o-border-image: -o-linear-gradient(#47dd01, r #494649) 1 100%;
        border-image: linear-gradient(to bottom, #47dd01, #494649) 1 100%; }
      .about-old .trust .logo-lines .line:nth-child(even):after {
        content: '';
        border-left: 4px solid green;
        position: absolute;
        left: 27.5px;
        height: 100%;
        z-index: -1;
        top: 0;
        -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#494649), to(#47dd01)) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(#494649, #47dd01) 1 100%;
        -moz-border-image: -moz-linear-gradient(#494649, #47dd01) 1 100%;
        -o-border-image: -o-linear-gradient(#494649, #47dd01) 1 100%;
        border-image: linear-gradient(to bottom, #494649, #47dd01) 1 100%; }
      .about-old .trust .logo-lines .line img {
        position: absolute;
        display: block; }

.about-old .inner-container--large { text-align: center; }
.about-old .inner-container .col--one-third { text-align: center; }
.about-old .inner-container--small { text-align: center; }

.about-old .leadership { text-align: center; }

.about-old .leadership .superman-profile:first-child { width: 100%; }
.about-old .leadership .superman-profile:first-child .superman-profile__avatar {
  width: 33.333%;
  position: relative;
  margin: 0 auto -40px;
}
.about-old .leadership .superman-profile:first-child .superman-profile__name {
  left: 0;
  right: 0;
  width: 33.333%;
  margin: 10px auto 0;
}

@media (min-width: 640px) {
  .about-old .leadership .superman-profile:last-child {
    height: 377px;
    overflow: hidden;
  }
  .about-old .leadership .superman-profile:last-child .superman-profile__name { bottom: 0; }
}
@media (min-width: 640px) and (max-width: 1174px) {
  .about-old .leadership .superman-profile:last-child {
    height: calc(33.333vw - 13px);
  }
}

.services-old-strategic-communications .comms h2, .services-old-strategic-communications .comms h2 + p {
  margin-bottom: 30px; }
.services-old-strategic-communications .comms i {
  float: left;
  height: 90px;
  width: 90px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 40px;
  background-repeat: no-repeat; }
  .services-old-strategic-communications .comms i.people-icon {
    background-image: url("/assets/images/static_pages/comms/people icon.png"); }
  .services-old-strategic-communications .comms i.balloon-icon {
    background-image: url("/assets/images/static_pages/comms/balloon icon.png"); }
  .services-old-strategic-communications .comms i.bullseye-icon {
    background-image: url("/assets/images/static_pages/comms/bullseye icon.png"); }
  .services-old-strategic-communications .comms i.camera-icon {
    background-image: url("/assets/images/static_pages/comms/camera icon.png"); }
.services-old-strategic-communications .comms .announcement-copy span {
  font-size: 24px;
  font-family: EffraRegular; }
.services-old-strategic-communications .comms .announcement-copy p {
  font-size: 18px;
  padding-top: 10px; }
.services-old-strategic-communications .in-the-news h2, .services-old-strategic-communications .in-the-news h2 + div {
  margin-bottom: 30px; }
.services-old-strategic-communications .in-the-news .col .panel {
  height: 275px;
  margin-bottom: 30px;
  border-radius: 0px; }
  .services-old-strategic-communications .in-the-news .col .panel img {
    padding: 30px 40px;
    max-height: 118px; }
  .services-old-strategic-communications .in-the-news .col .panel p {
    border-top: 4px solid black;
    padding: 30px;
    margin: 0 20px; }
  .services-old-strategic-communications .in-the-news .col .panel:after {
    content: '';
    position: absolute;
    width: 76px;
    height: 33px;
    bottom: -8px;
    right: -24px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.page.events .superman-hero {
  background: none;
  color: #494649;
  padding-top: 120px; }
  .page.events .superman-hero a, .page.events .superman-hero a:hover, .page.events .superman-hero a:visited {
    color: #ec1075; }
  .page.events .superman-hero .primary-btn, .page.events .superman-hero .primary-btn a {
    color: #fff; }
.page.events .app__logo {
  background-image: url(/assets/images/h1_events_logo.png);
  height: 43px; }
.page.events .panel.date-filter, .page.events .panel.type-filter, .page.events .panel.region-filter, .page.events .superman-hero.date-filter, .page.events .superman-hero.type-filter, .page.events .superman-hero.region-filter {
  display: none; }
.page.events .panel .views-field-field-event-type .field-content, .page.events .superman-hero .views-field-field-event-type .field-content {
  color: #828282;
  font-size: 11px;
  font-family: EffraMedium;
  padding-bottom: 5px; }
.page.events .panel .views-field-field-date .field-content, .page.events .panel .views-field-field-event-location .field-content, .page.events .superman-hero .views-field-field-date .field-content, .page.events .superman-hero .views-field-field-event-location .field-content {
  font-family: EffraMedium;
  font-size: 16px;
  color: #494649; }
.page.events span.filters {
  font-family: EffraMedium;
  font-size: 15px; }
.page.events .events-dropdown {
  display: inline-block;
  position: absolute; }
  .page.events .events-dropdown li {
    display: none; }
    .page.events .events-dropdown li.active {
      display: block; }
.page.events .events-dropdown-wrapper {
  display: inline-block;
  padding: 0;
  margin: 2px 0 2px 0px;
  position: relative;
  width: 100%; }
  .page.events .events-dropdown-wrapper ul li {
    width: 100%;
    padding: 0 5px; }
/*
  .page.events .events-dropdown-wrapper:after {
    content: '\f078';
    font-family: fontawesome;
    position: absolute;
    color: #ec1075;
    z-index: -1;
    right: 20px;
    top: 7px;
    font-size: 18px; }
  .page.events .events-dropdown-wrapper.open:after {
    content: '\f077'; }
 */
  @media (min-width: 850px) {
    .page.events .events-dropdown-wrapper {
      padding: 5px 22px 23px;
      margin: 2px 0 2px -20px; }
      .page.events .events-dropdown-wrapper.date {
        width: 140px; }
        .page.events .events-dropdown-wrapper.date ul li {
          width: 95px; }
      .page.events .events-dropdown-wrapper.type {
        width: 200px; }
        .page.events .events-dropdown-wrapper.type ul li {
          width: 153px; }
      .page.events .events-dropdown-wrapper.region {
        width: 200px; }
        .page.events .events-dropdown-wrapper.region ul li {
          width: 153px; }
/*
      .page.events .events-dropdown-wrapper:after {
        content: '\f078';
        font-family: fontawesome;
        color: #ec1075;
        z-index: -1;
        right: 17px;
        top: 17px;
        font-size: 12px; }
 */
  }
  .page.events .events-dropdown-wrapper .events-dropdown {
    cursor: default;
    display: inline-block;
    padding: 8px;
    margin-right: 0px;
    border-radius: 0;
    z-index: 1;
    border-radius: 3px;
    position: relative;
    width: 100%; }
    @media (min-width: 850px) {
      .page.events .events-dropdown-wrapper .events-dropdown {
        position: absolute;
        width: inherit; } }
    .page.events .events-dropdown-wrapper .events-dropdown.open li {
      display: block; }
    .page.events .events-dropdown-wrapper .events-dropdown.open li:not(:first-child) {
      background: white; }
    .page.events .events-dropdown-wrapper .events-dropdown .events-dropdown-content {
      display: none;
      color: #ec1075;
      font-family: EffraMedium;
      font-size: 20px; }
      .page.events .events-dropdown-wrapper .events-dropdown .events-dropdown-content.active {
        display: block; }
    @media (min-width: 850px) {
      .page.events .events-dropdown-wrapper .events-dropdown {
        padding: 9px;
        background: transparent; }
        .page.events .events-dropdown-wrapper .events-dropdown .events-dropdown-content {
          display: none;
          color: #ec1075;
          font-family: EffraMedium;
          font-size: 16px; }
          .page.events .events-dropdown-wrapper .events-dropdown .events-dropdown-content.active {
            display: block; } }

.resources.page .topbar .triangle, .events.page .topbar .triangle {
  opacity: 1 !important; }
.resources .resource-page, .events .resource-page {
  background: url("/assets/images/static_pages/headers/Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
  .resources .resource-page .col--two-thirds, .events .resource-page .col--two-thirds {
    padding: 0 40px 0 0; }
  .resources .resource-page .sidebar, .events .resource-page .sidebar {
    background-color: #fff;
    padding: 20px; }
    .resources .resource-page .sidebar a, .resources .resource-page .sidebar a:visited, .events .resource-page .sidebar a, .events .resource-page .sidebar a:visited {
      color: #ec1075; }
  .resources .resource-page .row .col img.preview, .events .resource-page .row .col img.preview {
    top: -10px;
    position: relative; }
.resources .events-sidebar, .events .events-sidebar {
  padding: 40px 0; }
  .resources .events-sidebar .superman-title__content, .events .events-sidebar .superman-title__content {
    padding: 0px; }
  .resources .events-sidebar .views-field-field-main-image, .events .events-sidebar .views-field-field-main-image {
    height: 200px;
    width: 100%;
    overflow: hidden; }
    .resources .events-sidebar .views-field-field-main-image img, .events .events-sidebar .views-field-field-main-image img {
      width: auto;
      overflow: hidden; }
.resources .topbar .triangle:after, .events .topbar .triangle:after {
  height: 82px;
  width: 100%;
  position: absolute; }
  @media (min-width: 850px) {
    .resources .topbar .triangle:after, .events .topbar .triangle:after {
      background: transparent; } }
.resources .topbar:before, .events .topbar:before {
  background: linear-gradient(-135deg, #7ee738, #494649 27%);
  opacity: 0; }
  @media (min-width: 850px) {
    .resources .topbar:before, .events .topbar:before {
      background: none; } }
.resources .mobile-banner, .events .mobile-banner {
  display: block; }
  @media (min-width: 850px) {
    .resources .mobile-banner, .events .mobile-banner {
      display: none; } }
.resources .app__logo, .events .app__logo {
  background-image: url(/assets/images/h1_resources_logo.png);
  height: 43px; }
.resources .superman-hero, .events .superman-hero {
  padding: 79px 0 0; }
  @media (min-width: 850px) {
    .resources .superman-hero, .events .superman-hero {
      padding: 129px 0 0; } }
  .resources .superman-hero + .superman-container, .events .superman-hero + .superman-container {
    top: 0px;
    padding: 0 0 40px;
    margin-bottom: 0; }
    .resources .superman-hero + .superman-container.resource-content, .events .superman-hero + .superman-container.resource-content {
      padding-top: 40px; }
  .resources .superman-hero .superman-hero__title, .events .superman-hero .superman-hero__title {
    padding: 20px 0 60px 20px; }
  .resources .superman-hero .row .col .views-field-field-resource-type, .resources .superman-hero .row .col .views-field-title, .resources .superman-hero .row .col .views-field-field-subtitle, .resources .superman-hero .row .col .views-field-view-node, .resources .superman-hero .row .col .views-field-field-external-url, .events .superman-hero .row .col .views-field-field-resource-type, .events .superman-hero .row .col .views-field-title, .events .superman-hero .row .col .views-field-field-subtitle, .events .superman-hero .row .col .views-field-view-node, .events .superman-hero .row .col .views-field-field-external-url {
    padding: 0; }
  .resources .superman-hero .views-field-field-resource-type .field-content, .events .superman-hero .views-field-field-resource-type .field-content {
    color: #a2a2a2;
    font-size: 18px;
    text-transform: uppercase;
    font-family: EffraRegular;
    padding: 20px 0; }
  .resources .superman-hero .views-field-title, .events .superman-hero .views-field-title {
    padding: 10px 0; }
    .resources .superman-hero .views-field-title a, .events .superman-hero .views-field-title a {
      color: #494649; }
  .resources .superman-hero .views-field-field-subtitle p, .events .superman-hero .views-field-field-subtitle p {
    padding: 15px 0;
    font-size: 18px; }
  .resources .superman-hero .views-field-field-preview-image-1 img, .events .superman-hero .views-field-field-preview-image-1 img {
    display: none; }
    @media (min-width: 850px) {
      .resources .superman-hero .views-field-field-preview-image-1 img, .events .superman-hero .views-field-field-preview-image-1 img {
        display: block;
        margin: auto; } }
  .resources .superman-hero .views-field-field-preview-image img, .events .superman-hero .views-field-field-preview-image img {
    width: 100%;
    display: none; }
  .resources .superman-hero .views-field-view-node, .events .superman-hero .views-field-view-node {
    text-align: center; }
    @media (min-width: 850px) {
      .resources .superman-hero .views-field-view-node, .events .superman-hero .views-field-view-node {
        text-align: left; } }
.resources .superman-title h2, .events .superman-title h2 {
  display: none;
  padding: 30px 0; }
  .resources .superman-title h2:first-of-type, .events .superman-title h2:first-of-type {
    display: inline-block; }
.resources .panel, .events .panel {
  border-top: none;
  border-left: none;
  border-right: none;
  padding-bottom: 30px;
  padding-top: 15px; }
  .resources .panel .row fieldset, .events .panel .row fieldset {
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    @media (min-width: 850px) {
      .resources .panel .row fieldset:first-of-type, .events .panel .row fieldset:first-of-type {
        padding-right: 30px; }
      .resources .panel .row fieldset.col--four-fifths, .events .panel .row fieldset.col--four-fifths {
        width: 80%; }
      .resources .panel .row fieldset.col--one-fifth, .events .panel .row fieldset.col--one-fifth {
        width: 20%; } }
    .resources .panel .row fieldset .views-field-field-preview img, .events .panel .row fieldset .views-field-field-preview img {
      width: 100%; }
      @media (min-width: 850px) {
        .resources .panel .row fieldset .views-field-field-preview img, .events .panel .row fieldset .views-field-field-preview img {
          width: inherit; } }
    .resources .panel .row fieldset .views-field-field-resource-type, .events .panel .row fieldset .views-field-field-resource-type {
      padding-bottom: 15px; }
    .resources .panel .row fieldset .views-field-title h2, .events .panel .row fieldset .views-field-title h2 {
      padding-bottom: 0;
      margin: 0 0 10px;
      max-width: 100%; }
      .resources .panel .row fieldset .views-field-title h2 a, .events .panel .row fieldset .views-field-title h2 a {
        color: #494649; }
  .resources .panel:after, .events .panel:after {
    content: '';
    position: absolute;
    width: 64px;
    height: 33px;
    bottom: -11px;
    right: -16px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
.resources .resources-dropdown-wrapper, .events .resources-dropdown-wrapper {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  padding: 0px;
  margin: 2px 0 2px 0px;
  position: relative; }
  .resources .resources-dropdown-wrapper span, .events .resources-dropdown-wrapper span {
    font-family: EffraRegular; }
  @media (min-width: 850px) {
    .resources .resources-dropdown-wrapper, .events .resources-dropdown-wrapper {
      width: inherit;
      display: inherit;
      overflow: inherit;
      padding: 0;
      margin: 0;
      position: initial; } }
/*
  .resources .resources-dropdown-wrapper.open:after, .events .resources-dropdown-wrapper.open:after {
    content: '\f077'; }
  .resources .resources-dropdown-wrapper:after, .events .resources-dropdown-wrapper:after {
    content: '\f078';
    font-family: fontawesome;
    position: absolute;
    color: #ec1075;
    z-index: 1;
    right: 40px;
    top: 45px;
    font-size: 18px; }
    @media (min-width: 850px) {
      .resources .resources-dropdown-wrapper:after, .events .resources-dropdown-wrapper:after {
        content: none; } }
 */
  .resources .resources-dropdown-wrapper .resources-dropdown, .events .resources-dropdown-wrapper .resources-dropdown {
    cursor: default;
    display: block;
    padding: 20px 30px;
    border: 1px solid #cccccc;
    position: relative;
    border-radius: 0;
    z-index: 1;
    background: white; }
    .resources .resources-dropdown-wrapper .resources-dropdown:after, .events .resources-dropdown-wrapper .resources-dropdown:after {
      content: '';
      position: absolute;
      width: 57px;
      height: 43px;
      bottom: -23px;
      right: -27px;
      background: white;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      border-top: 1px solid #cccccc;
      float: right; }
    .resources .resources-dropdown-wrapper .resources-dropdown.open li, .events .resources-dropdown-wrapper .resources-dropdown.open li {
      display: block; }
    @media (min-width: 850px) {
      .resources .resources-dropdown-wrapper .resources-dropdown, .events .resources-dropdown-wrapper .resources-dropdown {
        display: none;
        padding: 30px 0 0;
        border: none;
        margin: 0;
        position: relative; }
        .resources .resources-dropdown-wrapper .resources-dropdown:after, .events .resources-dropdown-wrapper .resources-dropdown:after {
          content: none; } }
    .resources .resources-dropdown-wrapper .resources-dropdown li, .events .resources-dropdown-wrapper .resources-dropdown li {
      margin-right: 30px;
      display: none;
      color: #ec1075;
      font-family: EffraMedium;
      font-size: 20px;
      width: 100%; }
      .resources .resources-dropdown-wrapper .resources-dropdown li.active, .events .resources-dropdown-wrapper .resources-dropdown li.active {
        display: inline-block; }
      @media (min-width: 850px) {
        .resources .resources-dropdown-wrapper .resources-dropdown li, .events .resources-dropdown-wrapper .resources-dropdown li {
          margin-right: 30px;
          display: inline-block;
          color: #ec1075;
          font-family: EffraLight; } }
.resources .resources-desktop, .events .resources-desktop {
  display: none; }
  @media (min-width: 850px) {
    .resources .resources-desktop, .events .resources-desktop {
      display: inline-block;
      padding: 30px 0 0 10px;
      border: none;
      margin: 0;
      position: relative; }
      .resources .resources-desktop:after, .events .resources-desktop:after {
        content: none; } }
  .resources .resources-desktop li, .events .resources-desktop li {
    margin-right: 30px;
    display: inline-block;
    color: #ec1075;
    font-family: EffraLight; }
    .resources .resources-desktop li.active, .events .resources-desktop li.active {
      display: inline-block;
      color: #000; }

.product-overview-old .superman-hero {
  background: url("/assets/images/static_pages/solutions/Solutions - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }

.product .superman-carousel .inner-container, .product-overview-old .superman-carousel .inner-container, .product-bounty-old .superman-carousel .inner-container, .product-response-old .superman-carousel .inner-container {
  position: relative;
  z-index: 0; }
.product .superman-carousel .desktop, .product-overview-old .superman-carousel .desktop, .product-bounty-old .superman-carousel .desktop, .product-response-old .superman-carousel .desktop {
  display: none; }
  @media (min-width: 850px) {
    .product .superman-carousel .desktop, .product-overview-old .superman-carousel .desktop, .product-bounty-old .superman-carousel .desktop, .product-response-old .superman-carousel .desktop {
      display: block; } }
@media (min-width: 850px) {
  .product .superman-carousel .mobile, .product-overview-old .superman-carousel .mobile, .product-bounty-old .superman-carousel .mobile, .product-response-old .superman-carousel .mobile {
    display: none; } }
.product .superman-carousel .mobile .col--one-half, .product-overview-old .superman-carousel .mobile .col--one-half, .product-bounty-old .superman-carousel .mobile .col--one-half, .product-response-old .superman-carousel .mobile .col--one-half {
  width: 50%; }
.product .superman-carousel .fa-angle-left, .product .superman-carousel .fa-angle-right, .product-overview-old .superman-carousel .fa-angle-left, .product-overview-old .superman-carousel .fa-angle-right, .product-bounty-old .superman-carousel .fa-angle-left, .product-bounty-old .superman-carousel .fa-angle-right, .product-response-old .superman-carousel .fa-angle-left, .product-response-old .superman-carousel .fa-angle-right {
  position: absolute;
  font-size: 45px;
  color: #ec1075;
  bottom: 30px; }

.resources.crowdsourced-penetration-testing h2 {
  padding: 20px 0; }
.resources.crowdsourced-penetration-testing .text__left, .resources.crowdsourced-penetration-testing .image__right, .resources.crowdsourced-penetration-testing .text__right, .resources.crowdsourced-penetration-testing .image__left {
  display: inline-block;
  vertical-align: middle; }
  .resources.crowdsourced-penetration-testing .text__left p, .resources.crowdsourced-penetration-testing .image__right p, .resources.crowdsourced-penetration-testing .text__right p, .resources.crowdsourced-penetration-testing .image__left p {
    padding: 10px 0; }
.resources.crowdsourced-penetration-testing .text__left {
  padding-right: 20px; }
.resources.crowdsourced-penetration-testing .text__right {
  padding-left: 20px; }
@media (min-width: 850px) {
  .resources.crowdsourced-penetration-testing .col--three-fifths {
    width: 59%; } }
.resources.crowdsourced-penetration-testing .benefits img {
  width: 100px;
  float: left;
  display: block;
  margin: 15px; }
.resources.crowdsourced-penetration-testing .benefits .text {
  overflow: hidden; }
  .resources.crowdsourced-penetration-testing .benefits .text h4 {
    padding: 10px 0; }
.resources.crowdsourced-penetration-testing .timeline {
  max-width: 800px; }
  .resources.crowdsourced-penetration-testing .timeline .left, .resources.crowdsourced-penetration-testing .timeline .right {
    width: 36%;
    display: inline-block;
    vertical-align: top;
    text-align: center; }
    .resources.crowdsourced-penetration-testing .timeline .left img, .resources.crowdsourced-penetration-testing .timeline .right img {
      padding: 20px;
      margin-top: 20px; }
  .resources.crowdsourced-penetration-testing .timeline .left {
    text-align: right;
    padding-top: 35px; }
    .resources.crowdsourced-penetration-testing .timeline .left ul, .resources.crowdsourced-penetration-testing .timeline .left h4 {
      text-align: right; }
    .resources.crowdsourced-penetration-testing .timeline .left h4 {
      padding: 30px 0px 15px; }
    .resources.crowdsourced-penetration-testing .timeline .left h4:first-of-type {
      text-align: center;
      padding: 30px 0 30px; }
      @media (min-width: 850px) {
        .resources.crowdsourced-penetration-testing .timeline .left h4:first-of-type {
          padding: 30px 0 30px 100px; } }
    .resources.crowdsourced-penetration-testing .timeline .left img:first-of-type {
      margin-bottom: 136px; }
  .resources.crowdsourced-penetration-testing .timeline .right {
    text-align: left; }
    .resources.crowdsourced-penetration-testing .timeline .right ul, .resources.crowdsourced-penetration-testing .timeline .right h4 {
      text-align: left; }
    .resources.crowdsourced-penetration-testing .timeline .right h4 {
      padding: 30px 0px 15px; }
    .resources.crowdsourced-penetration-testing .timeline .right img:first-of-type {
      margin-bottom: 27px; }
    .resources.crowdsourced-penetration-testing .timeline .right img:last-of-type {
      margin-bottom: 112px; }
  .resources.crowdsourced-penetration-testing .timeline .bar {
    display: inline-block;
    width: 17%;
    list-style: none;
    vertical-align: top;
    text-align: center;
    padding-top: 80px; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li {
    position: relative; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:before {
    content: '\25CF';
    font-size: 36px;
    color: #6abe46; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:after {
    position: absolute;
    left: 49%;
    top: 0;
    content: '';
    border-left: 2px solid #6abe46;
    height: 100%; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:first-of-type:after {
    top: 50%; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:last-of-type:after {
    top: -50%; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:last-of-type:before {
    top: -50%;
    content: '\25BE'; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(1):after {
    height: 130px; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(2) {
    top: 89px; }
    .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(2):after {
      height: 280px; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(3) {
    top: 292px; }
    .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(3):after {
      height: 300px; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(4) {
    top: 490px; }
    .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(4):after {
      height: 100px; }
  .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(5) {
    top: 585px; }
    .resources.crowdsourced-penetration-testing .timeline .bar > li:nth-child(5):after {
      height: 123px;
      top: -100px; }

.hacker-community .superman-hero {
  background: url("/assets/images/static_pages/meet-our-hackers/Meet Our Hackers - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.hacker-community .hacktivity-bg {
  background-image: url("/assets/images/static_pages/meet-our-hackers/hacktivity-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0; }
  .hacker-community .hacktivity-bg h1 {
    color: #fff;
    padding: 0px 0 30px;
    font-family: EffraBold; }
.hacker-community .text__left, .hacker-community .image__right, .hacker-community .text__right, .hacker-community .image__left {
  display: inline-block;
  vertical-align: middle; }
  .hacker-community .text__left h2, .hacker-community .image__right h2, .hacker-community .text__right h2, .hacker-community .image__left h2 {
    padding: 20px 0; }
  .hacker-community .text__left p, .hacker-community .image__right p, .hacker-community .text__right p, .hacker-community .image__left p {
    padding: 10px 0; }
.hacker-community .text__left {
  padding-right: 20px; }
.hacker-community .text__right {
  padding-left: 20px; }
@media (min-width: 850px) {
  .hacker-community .col--three-fifths {
    width: 59%; } }
.hacker-community .qna .row .col {
  padding-bottom: 20px; }
.hacker-community .qna h2 {
  padding: 20px 0 30px; }
.hacker-community .qna img {
  width: 100%; }
.hacker-community .qna .panel {
  text-align: left;
  padding: 20px;
  border-radius: 0px;
  font-family: EffraBold; }
  .hacker-community .qna .panel:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 38px;
    bottom: -17px;
    right: -25px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.live-hacking .live-hacking-bg {
  background-image: url("/assets/images/static_pages/headers/live-hacking-header.jpg");
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 0px; }
  @media (min-width: 850px) {
    .live-hacking .live-hacking-bg {
      height: 0;
      padding: 19.1%;
      top: -50px; } }
  .live-hacking .live-hacking-bg h1.superman-hero__title {
    margin: 0 auto 20px;
    width: auto; }
.live-hacking .bottom-cta-bg {
  background-image: url("/assets/images/static_pages/live-hacking/bottom-cta-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .live-hacking .bottom-cta-bg h1 {
    color: #fff; }
  .live-hacking .bottom-cta-bg a {
    margin: 30px 0; }
.live-hacking .cta-bg {
  background-image: url("/assets/images/static_pages/live-hacking/cta-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .live-hacking .cta-bg h1 {
    color: #fff; }
  .live-hacking .cta-bg a {
    margin: 30px 0;
    color: #fff; }
.live-hacking .qna .row .col {
  padding-bottom: 20px; }
.live-hacking .qna h2 {
  padding: 20px 0 30px; }
.live-hacking .qna img {
  width: 100%; }
.live-hacking .qna .panel {
  text-align: left;
  padding: 20px;
  border-radius: 0px;
  font-family: EffraBold; }
  .live-hacking .qna .panel:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 38px;
    bottom: -17px;
    right: -25px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.start-hacking-old .start-hacking-bg, .node-12 .start-hacking-bg, .live-hacking .start-hacking-bg {
  background-image: url("/assets/images/static_pages/start-hacking/Start Hacking - Hero Img.png");
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 0px; }
  @media (min-width: 850px) {
    .start-hacking-old .start-hacking-bg, .node-12 .start-hacking-bg, .live-hacking .start-hacking-bg {
      height: 0;
      padding: 19.1%;
      top: -50px; } }
  .start-hacking-old .start-hacking-bg h1.superman-hero__title, .node-12 .start-hacking-bg h1.superman-hero__title, .live-hacking .start-hacking-bg h1.superman-hero__title {
    margin: 0 auto 20px;
    width: auto; }
.start-hacking-old .text__left,
.start-hacking-old .image__right,
.start-hacking-old .text__right,
.start-hacking-old .image__left,
.node-12 .text__left,
.node-12 .image__right,
.node-12 .text__right,
.node-12 .image__left,
.live-hacking .text__left,
.live-hacking .image__right,
.live-hacking .text__right,
.live-hacking .image__left {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }
  .start-hacking-old .text__left h2, .start-hacking-old .image__right h2, .start-hacking-old .text__right h2, .start-hacking-old .image__left h2, .node-12 .text__left h2, .node-12 .image__right h2, .node-12 .text__right h2, .node-12 .image__left h2, .live-hacking .text__left h2, .live-hacking .image__right h2, .live-hacking .text__right h2, .live-hacking .image__left h2 {
    padding: 20px 0; }
  .start-hacking-old .text__left p, .start-hacking-old .image__right p, .start-hacking-old .text__right p, .start-hacking-old .image__left p, .node-12 .text__left p, .node-12 .image__right p, .node-12 .text__right p, .node-12 .image__left p, .live-hacking .text__left p, .live-hacking .image__right p, .live-hacking .text__right p, .live-hacking .image__left p {
    padding: 10px 0; }
.start-hacking-old .text__left, .node-12 .text__left, .live-hacking .text__left {
  padding-right: 20px; }
.start-hacking-old .text__right, .node-12 .text__right, .live-hacking .text__right {
  padding-left: 20px; }
.start-hacking-old .col--three-fifths,
.node-12 .col--three-fifths,
.live-hacking .col--three-fifths {
  width: 100%;
  padding-left: 0; }
  @media (min-width: 850px) {
    .start-hacking-old .col--three-fifths,
    .node-12 .col--three-fifths,
    .live-hacking .col--three-fifths {
      width: 59%;
      padding-left: 20px; } }
  @media (max-width: 849px) {
    .live-hacking .col--three-fifths {
      padding-right: 0; }
    .live-hacking .col--two-fifths {
      width: 100%; } }
.start-hacking-old .join-bg, .node-12 .join-bg, .live-hacking .join-bg {
  background-image: url("/assets/images/static_pages/start-hacking/M37 Join Us Image.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .start-hacking-old .join-bg h1, .node-12 .join-bg h1, .live-hacking .join-bg h1 {
    color: #fff; }
  .start-hacking-old .join-bg a, .node-12 .join-bg a, .live-hacking .join-bg a {
    margin: 30px 0; }
.start-hacking-old .hacktivity-bg, .node-12 .hacktivity-bg, .live-hacking .hacktivity-bg {
  background-image: url("/assets/images/static_pages/start-hacking/M37 Hacktivity Image.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .start-hacking-old .hacktivity-bg h1, .node-12 .hacktivity-bg h1, .live-hacking .hacktivity-bg h1 {
    color: #fff; }
  .start-hacking-old .hacktivity-bg a, .node-12 .hacktivity-bg a, .live-hacking .hacktivity-bg a {
    margin: 30px 0; }
.start-hacking-old .hacking-resources .img-wrapper, .node-12 .hacking-resources .img-wrapper, .live-hacking .hacking-resources .img-wrapper {
  background-color: black; }
  .start-hacking-old .hacking-resources .img-wrapper img, .node-12 .hacking-resources .img-wrapper img, .live-hacking .hacking-resources .img-wrapper img {
    opacity: 0.5; }
.start-hacking-old .hacking-resources .row .col, .node-12 .hacking-resources .row .col, .live-hacking .hacking-resources .row .col {
  padding-bottom: 10px; }
  .start-hacking-old .hacking-resources .row .col:hover img, .node-12 .hacking-resources .row .col:hover img, .live-hacking .hacking-resources .row .col:hover img {
    opacity: 1; }
.start-hacking-old .hacking-resources .panel, .node-12 .hacking-resources .panel, .live-hacking .hacking-resources .panel {
  height: 120px;
  padding: 20px 25px;
  text-align: left;
  border-radius: 0px; }
  .start-hacking-old .hacking-resources .panel:after, .node-12 .hacking-resources .panel:after, .live-hacking .hacking-resources .panel:after {
    content: '';
    position: absolute;
    width: 58px;
    height: 33px;
    bottom: -13px;
    right: -21px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
.start-hacking-old .faq h2, .node-12 .faq h2, .live-hacking .faq h2 {
  padding: 40px 0; }
.start-hacking-old .faq .panel-wrapper, .node-12 .faq .panel-wrapper, .live-hacking .faq .panel-wrapper {
  overflow: hidden;
  padding: 5px 20px 20px;
  margin: 2px 0 2px -20px; }
  .start-hacking-old .faq .panel-wrapper + .row, .node-12 .faq .panel-wrapper + .row, .live-hacking .faq .panel-wrapper + .row {
    padding-top: 40px; }
.start-hacking-old .faq .panel, .node-12 .faq .panel, .live-hacking .faq .panel {
  padding: 30px;
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  cursor: pointer; }
  .start-hacking-old .faq .panel h4, .node-12 .faq .panel h4, .live-hacking .faq .panel h4 {
    display: inline-block;
    color: #ec1075;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    cursor: pointer; }
    .start-hacking-old .faq .panel h4:hover, .node-12 .faq .panel h4:hover, .live-hacking .faq .panel h4:hover {
      color: #494649; }
  .start-hacking-old .faq .panel i, .node-12 .faq .panel i, .live-hacking .faq .panel i {
    color: #ec1075;
    padding-right: 10px;
    position: absolute;
    right: 20px; }
  .start-hacking-old .faq .panel .expandable, .node-12 .faq .panel .expandable, .live-hacking .faq .panel .expandable {
    display: none; }
    .start-hacking-old .faq .panel .expandable .description, .node-12 .faq .panel .expandable .description, .live-hacking .faq .panel .expandable .description {
      margin: 20px 0; }
      .start-hacking-old .faq .panel .expandable .description h3, .node-12 .faq .panel .expandable .description h3, .live-hacking .faq .panel .expandable .description h3 {
        margin: 20px 0; }
  .start-hacking-old .faq .panel:after, .node-12 .faq .panel:after, .live-hacking .faq .panel:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -37px;
    right: -185px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.front .homepage-bg {
  background-image: url("/assets/images/static_pages/homepage/homepage-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  .front .homepage-bg .mask {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0; }
  .front .homepage-bg .superman-hero__title {
    width: auto; }
    .front .homepage-bg .superman-hero__title + p {
      color: #fff;
      max-width: 520px;
      font-size: 18px; }
  @media (min-width: 850px) {
    .front .homepage-bg {
      padding: 13.9% 13.9% 7%; } }
.front .hp-cta {
  padding: 80px 0; }
  .front .hp-cta p {
    padding: 20px 0; }
  .front .hp-cta img {
    display: none; }
  @media (min-width: 850px) {
    .front .hp-cta {
      padding: 80px 0; }
      .front .hp-cta img {
        display: inline; } }
.front .passion {
  background-color: #494649;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0 10px; }
  .front .passion p {
    color: #fff;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px; }
    .front .passion p a:hover {
      color: #ec1075; }
    .front .passion p a {
      font-family: EffraBold; }
    .front .passion p span {
      color: #ec1075;
      font-size: 20px;
      font-weight: bold;
      font-family: EffraBold; }
    .front .passion p img {
      padding-left: 15px;
      height: 50px; }
.front .demo-bg {
  background-image: url("/assets/images/static_pages/homepage/demo-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 100px; }
.front .platform {
  padding-bottom: 0px; }
  @media (min-width: 850px) {
    .front .platform {
      padding-bottom: 69px; } }
  .front .platform h2 {
    margin-bottom: 30px; }
    .front .platform h2 + p {
      font-size: 24px;
      color: #494649;
      line-height: 28px;
      margin-bottom: 30px; }
  .front .platform .row .col {
    text-align: center;
    padding-bottom: 30px; }
    .front .platform .row .col img {
      margin-bottom: 20px; }
    .front .platform .row .col h4 {
      line-height: 28px;
      margin-bottom: 20px; }
      .front .platform .row .col h4 + p {
        margin-bottom: 5px; }
    @media (min-width: 850px) {
      .front .platform .row .col {
        text-align: inherit;
        padding-bottom: 0px; }
        .front .platform .row .col h4 {
          padding-right: 40px;
          min-height: 111px; }
          .front .platform .row .col h4 + p {
            padding-right: 40px;
            min-height: 105px; } }
.front .superman-carousel {
  padding: 0 0 40px; }
  @media (min-width: 850px) {
    .front .superman-carousel h2 {
      display: none; } }
  .front .superman-carousel .inner-container {
    position: relative;
    z-index: 0; }
  .front .superman-carousel .desktop {
    display: none; }
    @media (min-width: 850px) {
      .front .superman-carousel .desktop {
        display: block; } }
  @media (min-width: 850px) {
    .front .superman-carousel .mobile {
      display: none; } }
  .front .superman-carousel .mobile .col--one-half {
    width: 50%; }
  .front .superman-carousel .ico-h1-angle {
    position: absolute;
    font-size: 45px;
    color: #ec1075;
    bottom: 65px; }
@media (min-width: 850px) {
  .front .meet-the-hackers {
    padding-bottom: 40px; } }
.front .meet-the-hackers h2 {
  margin-bottom: 20px; }
.front .meet-the-hackers .row {
  padding-top: 20px; }
  .front .meet-the-hackers .row .col {
    padding-bottom: 20px; }
    @media (min-width: 850px) {
      .front .meet-the-hackers .row .col {
        padding-bottom: 0px; } }
  .front .meet-the-hackers .row img {
    width: 100%; }
  .front .meet-the-hackers .row .panel {
    min-height: 185px;
    padding: 20px;
    border-radius: 0px; }
    .front .meet-the-hackers .row .panel h6 {
      color: #ec1075;
      padding-bottom: 5px; }
    .front .meet-the-hackers .row .panel p {
      margin-bottom: 0px; }
    .front .meet-the-hackers .row .panel:after {
      content: '';
      position: absolute;
      width: 58px;
      height: 33px;
      bottom: -13px;
      right: -22px;
      background: white;
      transform-origin: 54% 100%;
      transform: rotate(-31deg);
      z-index: 1;
      display: inline-block;
      overflow: hidden;
      border-top: 1px solid #cccccc;
      float: right; }
.front .metrics {
  padding-top: 0px; }
  @media (min-width: 850px) {
    .front .metrics {
      padding-top: 40px; } }
  .front .metrics .odometer.odometer-auto-theme .odometer-value {
    font-family: EffraHeavy;
    font-size: 70px;
    line-height: 0.86;
    text-align: center;
    color: #6bbd45; }
  .front .metrics .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {
    font-family: EffraHeavy;
    font-size: 70px;
    line-height: 1; }
  .front .metrics .odometer.odometer-auto-theme .odometer-digit, .front .metrics .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .front .metrics .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
    line-height: 1; }
  .front .metrics .odometer.odometer-auto-theme .odometer-formatting-mark, .front .metrics .odometer-style .paid-units, .front .metrics .odometer-style {
    font-family: EffraHeavy;
    font-size: 70px;
    color: #6bbd45; }
  .front .metrics .odometer.odometer-auto-theme .odometer-formatting-mark, .front .metrics .odometer-style {
    vertical-align: top;
    line-height: 0.9; }
  .front .metrics .superman-title__content {
    padding-bottom: 0px; }
    .front .metrics .superman-title__content + div {
      font-size: 18px;
      position: relative; }
  .front .metrics h5 {
    padding: 20px;
    line-height: 1.6; }
.front .demo-bg {
  padding: 100px 0 120px; }
  .front .demo-bg h1 {
    color: #fff;
    padding-bottom: 10px; }
  .front .demo-bg p {
    color: #fff;
    font-size: 18px; }

.product-response-old .superman-hero {
  background: url("/assets/images/static_pages/response/Response - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.product-response-old .benefits .benefit1 {
  background-image: url(/assets/images/static_pages/response/benefits1.jpg);
  height: 544px;
  background-size: cover;
  position: relative;
  background-position-y: -100px; }
  @media (min-width: 850px) {
    .product-response-old .benefits .benefit1 {
      background-position-y: 0px;
      height: 444px; } }
  .product-response-old .benefits .benefit1:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-response-old .benefits .benefit2 {
  background-image: url(/assets/images/static_pages/response/benefits2.jpeg);
  height: 544px;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2; }
  @media (min-width: 850px) {
    .product-response-old .benefits .benefit2 {
      background-position-y: 0px;
      height: 444px; } }
  .product-response-old .benefits .benefit2:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-response-old .benefits .benefit3 {
  background-image: url(/assets/images/static_pages/response/benefits3.png);
  height: 544px;
  background-size: cover;
  background-position: center;
  position: relative; }
  @media (min-width: 850px) {
    .product-response-old .benefits .benefit3 {
      background-position-y: 0px;
      height: 444px; } }
  .product-response-old .benefits .benefit3:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-response-old .benefits .hover {
  -webkit-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16); }
.product-response-old .benefits .description {
  position: relative;
  text-align: left;
  padding: 25px;
  top: 75%; }
  .product-response-old .benefits .description h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px; }
.product-response-old .benefits .description-hover {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  text-align: left;
  padding: 20px; }
  @media (min-width: 850px) {
    .product-response-old .benefits .description-hover {
      display: none; } }
  .product-response-old .benefits .description-hover h3 {
    text-transform: uppercase;
    padding-top: 5px; }
.product-response-old .vdp {
  background-image: url(/assets/images/static_pages/response/vdp-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 100px; }
  .product-response-old .vdp h1 {
    color: #fff;
    padding: 40px 0; }
    .product-response-old .vdp h1 + p {
      color: #fff; }
.product-response-old .how-it-works .col--one-fifth .superman-circle {
  background: none; }
.product-response-old .how-it-works .col--one-fifth p {
  width: 188px;
  margin: auto;
  text-align: center;
  font-size: 15px;
  font-family: EffraMedium; }
  @media (min-width: 850px) {
    .product-response-old .how-it-works .col--one-fifth p {
      text-align: left;
      padding: 0 10px 0 20px; } }
.product-response-old .how-it-works .col--one-fifth .superman-icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
.product-response-old .how-it-works .col--one-fifth .icon-1 {
  background-image: url("/assets/images/static_pages/response/Icon 1.png"); }
.product-response-old .how-it-works .col--one-fifth .icon-2 {
  background-image: url("/assets/images/static_pages/response/Icon 2.png"); }
.product-response-old .how-it-works .col--one-fifth .icon-3 {
  background-image: url("/assets/images/static_pages/response/Icon 3.png"); }
.product-response-old .how-it-works .col--one-fifth .icon-4 {
  background-image: url("/assets/images/static_pages/response/Icon 4.png"); }
.product-response-old .how-it-works .col--one-fifth .icon-5 {
  background-image: url("/assets/images/static_pages/response/Icon 5.png"); }
.product-response-old .how-it-works .col--one-fifth .superman-comparison__arrow {
  display: none; }
  @media (min-width: 850px) {
    .product-response-old .how-it-works .col--one-fifth .superman-comparison__arrow {
      display: inherit; } }
  .product-response-old .how-it-works .col--one-fifth .superman-comparison__arrow:before, .product-response-old .how-it-works .col--one-fifth .superman-comparison__arrow :after {
    content: none; }
  .product-response-old .how-it-works .col--one-fifth .superman-comparison__arrow:after {
    content: none; }
.product-response-old .how-it-works .col--one-fifth:nth-child(odd) .superman-comparison__arrow-placeholder {
  display: block;
  position: relative;
  width: 63%;
  left: 68%;
  top: -43px;
  transform: rotate(22deg); }
.product-response-old .how-it-works .col--one-fifth:nth-child(odd) .step {
  position: relative;
  border-radius: 25px;
  background: #ec1075;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #fff;
  font-family: EffraMedium;
  top: 31px;
  left: -35px;
  margin: auto; }
@media (min-width: 850px) {
  .product-response-old .how-it-works .col--one-fifth:nth-child(even) .superman-circle {
    margin-top: 40px; } }
.product-response-old .how-it-works .col--one-fifth:nth-child(even) .superman-comparison__arrow-placeholder {
  display: block;
  position: relative;
  width: 63%;
  left: 68%;
  top: -81px;
  transform: rotate(-22deg); }
.product-response-old .how-it-works .col--one-fifth:nth-child(even) .step {
  position: relative;
  border-radius: 25px;
  background: #ec1075;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #fff;
  font-family: EffraMedium;
  top: 31px;
  left: -35px;
  margin: auto; }
  @media (min-width: 850px) {
    .product-response-old .how-it-works .col--one-fifth:nth-child(even) .step {
      top: 69px; } }
.product-response-old .superman-carousel .inner-container {
  position: relative;
  z-index: 0; }
.product-response-old .superman-carousel .desktop {
  display: none; }
  @media (min-width: 850px) {
    .product-response-old .superman-carousel .desktop {
      display: block; } }
@media (min-width: 850px) {
  .product-response-old .superman-carousel .mobile {
    display: none; } }
.product-response-old .superman-carousel .mobile .col--one-half {
  width: 50%; }
.product-response-old .superman-carousel .fa-angle-left, .product-response-old .superman-carousel .fa-angle-right {
  position: absolute;
  font-size: 45px;
  color: #ec1075;
  bottom: 30px; }

.company-open-source-community .superman-hero {
  background: url("/assets/images/static_pages/community/Community - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.company-open-source-community h3 {
  padding: 30px 0 20px; }
.company-open-source-community .panel-wrapper {
  overflow: hidden;
  padding: 5px 20px 20px;
  margin: 2px 0 2px -20px; }
  .company-open-source-community .panel-wrapper + .row {
    padding-top: 40px; }
.company-open-source-community h2.offset-topbar {
  padding: 60px 0 40px;
  text-align: left; }
  .company-open-source-community h2.offset-topbar + p {
    text-align: left; }
.company-open-source-community .panel {
  padding: 30px;
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0; }
  .company-open-source-community .panel h4 {
    display: inline-block;
    color: #ec1075;
    padding-bottom: 0px;
    margin-bottom: 0px;
    cursor: default;
    width: 90%; }
    .company-open-source-community .panel h4:hover {
      color: #494649; }
  .company-open-source-community .panel i {
    float: right;
    color: #ec1075;
    padding-right: 10px;
    padding-top: 3px; }
  .company-open-source-community .panel .expandable {
    display: none; }
    .company-open-source-community .panel .expandable .description {
      margin: 20px 0; }
      .company-open-source-community .panel .expandable .description h3 {
        margin: 20px 0; }
  .company-open-source-community .panel:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -37px;
    right: -185px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
.company-open-source-community .features .superman-circle {
  display: inline-block;
  float: left;
  margin-right: 20px; }
.company-open-source-community .features .feature {
  text-align: left; }
  .company-open-source-community .features .feature h5 {
    color: #ec1075;
    font-family: EffraBold;
    padding-bottom: 5px; }
  .company-open-source-community .features .feature p {
    font-family: EffraMedium;
    font-size: 15px;
    line-height: 20px; }
.company-open-source-community .features .superman-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
.company-open-source-community .features .icon-1 {
  background-image: url("/assets/images/static_pages/community/security page icon.png"); }
.company-open-source-community .features .icon-2 {
  background-image: url("/assets/images/static_pages/community/hacker reputation icon.png"); }
.company-open-source-community .features .icon-3 {
  background-image: url("/assets/images/static_pages/community/private hacker invite icon.png"); }
.company-open-source-community .features .icon-4 {
  background-image: url("/assets/images/static_pages/community/discussions icon.png"); }
.company-open-source-community .features .icon-5 {
  background-image: url("/assets/images/static_pages/community/API icon.png"); }
.company-open-source-community .features .icon-6 {
  background-image: url("/assets/images/static_pages/community/analytics icon.png"); }
.company-open-source-community .features .icon-7 {
  background-image: url("/assets/images/static_pages/community/duplicate detection icon.png"); }
.company-open-source-community .features .icon-8 {
  background-image: url("/assets/images/static_pages/community/free icon.png"); }
.company-open-source-community .requirements .col .panel {
  margin: 10px 5px;
  padding: 0;
  height: 330px;
  -webkit-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.07); }
  .company-open-source-community .requirements .col .panel img {
    padding: 32px; }
  .company-open-source-community .requirements .col .panel:after {
    content: '';
    position: absolute;
    width: 39px;
    height: 22px;
    bottom: -9px;
    right: -18px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right;
    box-shadow: inset 0px 15px 6px -10px rgba(0, 0, 0, 0.07); }
  .company-open-source-community .requirements .col .panel h2 {
    font-size: 26px;
    color: #ec1075;
    padding: 10px 0;
    border-top: 2px solid #e6e7ea; }
  .company-open-source-community .requirements .col .panel p {
    margin: 0 20px;
    padding-top: 10px;
    border-top: 2px solid #e6e7ea; }
.company-open-source-community .form h2.get-started {
  padding-left: 20px;
  padding-bottom: 40px; }
  .company-open-source-community .form h2.get-started i {
    color: #ec1075;
    padding: 10px;
    margin-left: -20px; }
.company-open-source-community .faq .panel {
  cursor: pointer; }
  .company-open-source-community .faq .panel h4 {
    cursor: pointer; }

.anchor-link {
  position: relative;
  top: -70px; }

.services-old .superman-hero {
  background: url("/assets/images/static_pages/services/Services - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.services-old .benefits .benefit1 {
  background-image: url("/assets/images/static_pages/services/H13120-4125.png");
  height: 544px;
  background-size: cover;
  position: relative;
  background-position: center; }
  @media (min-width: 850px) {
    .services-old .benefits .benefit1 {
      background-position-y: 0px;
      height: 444px; } }
  .services-old .benefits .benefit1:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.services-old .benefits .benefit2 {
  background-image: url("/assets/images/static_pages/services/DSC_6374.jpg");
  height: 544px;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 3; }
  @media (min-width: 850px) {
    .services-old .benefits .benefit2 {
      background-position-y: 0px;
      height: 444px; } }
  .services-old .benefits .benefit2:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.services-old .benefits .benefit3 {
  background-image: url("/assets/images/static_pages/services/DSC_3896.jpg");
  height: 544px;
  background-size: cover;
  background-position: center;
  position: relative; }
  @media (min-width: 850px) {
    .services-old .benefits .benefit3 {
      background-position-y: 0px;
      height: 444px; } }
  .services-old .benefits .benefit3:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.services-old .benefits .hover {
  -webkit-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16); }
.services-old .benefits .description {
  position: relative;
  text-align: left;
  padding: 25px;
  top: 68%; }
  .services-old .benefits .description h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px; }
.services-old .benefits .description-hover {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  text-align: left;
  padding: 20px; }
  @media (min-width: 850px) {
    .services-old .benefits .description-hover {
      display: none; } }
  .services-old .benefits .description-hover h3 {
    text-transform: uppercase;
    padding-top: 5px; }
.services-old .services-old {
  background-image: url("/assets/images/static_pages/services/M37 Image.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 100px; }
  .services-old .services-old h1 {
    color: #fff;
    padding: 40px 0; }
    .services-old .services-old h1 + p {
      color: #fff; }
@media (min-width: 850px) {
  .services-old .superman-carousel .fa-angle-left, .services-old .superman-carousel .fa-angle-right {
    display: none; } }
.services-old .superman-carousel .fa-angle-left {
  left: 20px;
  top: 143px;
  position: absolute;
  font-size: 50px;
  color: #ec1075; }
  @media (min-width: 850px) {
    .services-old .superman-carousel .fa-angle-left {
      left: 420px; } }
.services-old .superman-carousel .fa-angle-right {
  right: 20px;
  top: 143px;
  position: absolute;
  font-size: 50px;
  color: #ec1075; }
  @media (min-width: 850px) {
    .services-old .superman-carousel .fa-angle-right {
      right: 253px; } }
.services-old .superman-carousel .desktop {
  display: none; }
  @media (min-width: 850px) {
    .services-old .superman-carousel .desktop {
      display: block; } }
.services-old .superman-carousel .mobile {
  margin: 0 40px; }
  @media (min-width: 850px) {
    .services-old .superman-carousel .mobile {
      display: none; } }
  .services-old .superman-carousel .mobile .col--one-half {
    width: 50%; }

.product-bounty-old .superman-hero {
  background: url("/assets/images/static_pages/bounty/Bounty - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.product-bounty-old .benefits .benefit1 {
  background-image: url("/assets/images/static_pages/bounty/H13120-4130.png");
  height: 544px;
  background-size: cover;
  position: relative;
  background-position-y: -50px;
  background-position-x: center; }
  @media (min-width: 850px) {
    .product-bounty-old .benefits .benefit1 {
      background-position-y: 0px;
      height: 444px; } }
  .product-bounty-old .benefits .benefit1:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-bounty-old .benefits .benefit2 {
  background-image: url("/assets/images/static_pages/bounty/most diverse.png");
  height: 544px;
  background-size: cover;
  background-position-y: -100px;
  position: relative;
  z-index: 3; }
  @media (min-width: 850px) {
    .product-bounty-old .benefits .benefit2 {
      background-position-y: 0px;
      height: 444px; } }
  .product-bounty-old .benefits .benefit2:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-bounty-old .benefits .benefit3 {
  background-image: url("/assets/images/static_pages/bounty/luke.jpg");
  height: 544px;
  background-size: cover;
  background-position-y: 0;
  position: relative; }
  @media (min-width: 850px) {
    .product-bounty-old .benefits .benefit3 {
      background-position-y: 0px;
      height: 444px; } }
  .product-bounty-old .benefits .benefit3:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-bounty-old .benefits .hover {
  -webkit-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16); }
.product-bounty-old .benefits .description {
  position: relative;
  text-align: left;
  padding: 25px;
  top: 68%; }
  .product-bounty-old .benefits .description h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px; }
.product-bounty-old .benefits .description-hover {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  text-align: left;
  padding: 20px; }
  @media (min-width: 850px) {
    .product-bounty-old .benefits .description-hover {
      display: none; } }
  .product-bounty-old .benefits .description-hover h3 {
    text-transform: uppercase;
    padding-top: 5px; }
.product-bounty-old .fully-managed .row, .product-bounty-old .self-managed .row {
  padding: 40px 0; }
.product-bounty-old .fully-managed h2, .product-bounty-old .fully-managed h3, .product-bounty-old .self-managed h2, .product-bounty-old .self-managed h3 {
  padding-bottom: 20px; }
.product-bounty-old .fully-managed .col--one-fifth .superman-circle, .product-bounty-old .self-managed .col--one-fifth .superman-circle {
  background: none; }
.product-bounty-old .fully-managed .col--one-fifth p, .product-bounty-old .self-managed .col--one-fifth p {
  width: 188px;
  margin: auto;
  text-align: center;
  font-size: 15px;
  font-family: EffraMedium; }
  @media (min-width: 850px) {
    .product-bounty-old .fully-managed .col--one-fifth p, .product-bounty-old .self-managed .col--one-fifth p {
      text-align: left;
      padding: 0 10px 0 20px; } }
.product-bounty-old .fully-managed .col--one-fifth .superman-icon, .product-bounty-old .self-managed .col--one-fifth .superman-icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
.product-bounty-old .fully-managed .col--one-fifth .icon-1, .product-bounty-old .self-managed .col--one-fifth .icon-1 {
  background-image: url("/assets/images/static_pages/bounty/Icon 1.png"); }
.product-bounty-old .fully-managed .col--one-fifth .icon-2, .product-bounty-old .self-managed .col--one-fifth .icon-2 {
  background-image: url("/assets/images/static_pages/bounty/Icon 2.png"); }
.product-bounty-old .fully-managed .col--one-fifth .icon-3, .product-bounty-old .self-managed .col--one-fifth .icon-3 {
  background-image: url("/assets/images/static_pages/bounty/Icon 3.png"); }
.product-bounty-old .fully-managed .col--one-fifth .icon-4, .product-bounty-old .self-managed .col--one-fifth .icon-4 {
  background-image: url("/assets/images/static_pages/bounty/Icon 4.png"); }
.product-bounty-old .fully-managed .col--one-fifth .icon-5, .product-bounty-old .self-managed .col--one-fifth .icon-5 {
  background-image: url("/assets/images/static_pages/bounty/Icon 5.png"); }
.product-bounty-old .fully-managed .col--one-fifth .icon-h1, .product-bounty-old .self-managed .col--one-fifth .icon-h1 {
  background-image: url("/assets/images/static_pages/bounty/Icon H1.png"); }
.product-bounty-old .fully-managed .col--one-fifth .superman-comparison__arrow, .product-bounty-old .self-managed .col--one-fifth .superman-comparison__arrow {
  display: none; }
  @media (min-width: 850px) {
    .product-bounty-old .fully-managed .col--one-fifth .superman-comparison__arrow, .product-bounty-old .self-managed .col--one-fifth .superman-comparison__arrow {
      display: inherit; } }
  .product-bounty-old .fully-managed .col--one-fifth .superman-comparison__arrow:before, .product-bounty-old .fully-managed .col--one-fifth .superman-comparison__arrow :after, .product-bounty-old .self-managed .col--one-fifth .superman-comparison__arrow:before, .product-bounty-old .self-managed .col--one-fifth .superman-comparison__arrow :after {
    content: none; }
  .product-bounty-old .fully-managed .col--one-fifth .superman-comparison__arrow:after, .product-bounty-old .self-managed .col--one-fifth .superman-comparison__arrow:after {
    content: none; }
.product-bounty-old .fully-managed .col--one-fifth:nth-child(odd) .superman-comparison__arrow-placeholder, .product-bounty-old .self-managed .col--one-fifth:nth-child(odd) .superman-comparison__arrow-placeholder {
  display: block;
  position: relative;
  width: 63%;
  left: 68%;
  top: -43px;
  transform: rotate(22deg); }
.product-bounty-old .fully-managed .col--one-fifth:nth-child(odd) .step, .product-bounty-old .self-managed .col--one-fifth:nth-child(odd) .step {
  position: relative;
  border-radius: 25px;
  background: #ec1075;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #fff;
  font-family: EffraMedium;
  top: 31px;
  left: -35px;
  margin: auto; }
@media (min-width: 850px) {
  .product-bounty-old .fully-managed .col--one-fifth:nth-child(even) .superman-circle, .product-bounty-old .self-managed .col--one-fifth:nth-child(even) .superman-circle {
    margin-top: 40px; } }
.product-bounty-old .fully-managed .col--one-fifth:nth-child(even) .superman-comparison__arrow-placeholder, .product-bounty-old .self-managed .col--one-fifth:nth-child(even) .superman-comparison__arrow-placeholder {
  display: block;
  position: relative;
  width: 63%;
  left: 68%;
  top: -81px;
  transform: rotate(-22deg); }
.product-bounty-old .fully-managed .col--one-fifth:nth-child(even) .step, .product-bounty-old .self-managed .col--one-fifth:nth-child(even) .step {
  position: relative;
  border-radius: 25px;
  background: #ec1075;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #fff;
  font-family: EffraMedium;
  top: 31px;
  left: -35px;
  margin: auto; }
  @media (min-width: 850px) {
    .product-bounty-old .fully-managed .col--one-fifth:nth-child(even) .step, .product-bounty-old .self-managed .col--one-fifth:nth-child(even) .step {
      top: 69px; } }
.product-bounty-old .fully-managed span.step, .product-bounty-old .self-managed span.step {
  display: inline-block;
  float: right; }
  .product-bounty-old .fully-managed span.step .step-h1, .product-bounty-old .fully-managed span.step .step-you, .product-bounty-old .self-managed span.step .step-h1, .product-bounty-old .self-managed span.step .step-you {
    position: relative;
    border-radius: 12px;
    background: #ec1075;
    width: 12px;
    height: 12px;
    z-index: 1;
    color: #fff;
    font-family: EffraMedium;
    margin: 0 10px;
    display: inline-block; }
  .product-bounty-old .fully-managed span.step .step-you, .product-bounty-old .self-managed span.step .step-you {
    background: #29b04a; }
.product-bounty-old .self-managed .col--one-fifth:nth-child(5) .step, .product-bounty-old .self-managed .col--one-fifth:nth-child(6) .step, .product-bounty-old .self-managed .col--one-fifth:nth-child(7) .step {
  background: #29b04a; }

.product-clear .superman-hero {
  background: url("/assets/images/static_pages/clear/header.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
  .product-clear .superman-hero .superman-hero__title {
    padding: 0; }
    @media (min-width: 850px) {
      .product-clear .superman-hero .superman-hero__title {
        width: 750px; } }
  .product-clear .superman-hero ul {
    margin-bottom: 30px; }
.product-clear .benefits h2 {
  max-width: 900px;
  margin: auto;
  padding: 40px 0 80px; }
.product-clear .benefits h4 {
  padding: 20px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: EffraHeavy; }
.product-clear .benefits .row {
  padding-bottom: 40px; }
  .product-clear .benefits .row .col {
    padding: 10px; }
.product-clear .benefits img {
  height: 70px; }
.product-clear .cta-box {
  background-image: url(/assets/images/static_pages/clear/cta-bg.png);
  padding: 50px;
  background-repeat: no-repeat;
  text-align: left;
  background-size: cover; }
  @media (min-width: 850px) {
    .product-clear .cta-box {
      margin-left: -50px; } }
  .product-clear .cta-box h2 {
    color: white;
    padding-bottom: 20px; }
.product-clear .cta-info {
  padding: 40px;
  background-color: #EFEEED;
  z-index: 1; }
  .product-clear .cta-info h5 {
    color: #6BBD45;
    text-transform: uppercase;
    font-family: EffraBold;
    font-size: 20px;
    padding-bottom: 20px; }
  @media (min-width: 850px) {
    .product-clear .cta-info {
      margin-left: -140px;
      margin-top: -80px;
      padding: 80px 80px 80px 200px; } }
  .product-clear .cta-info ul li {
    padding-bottom: 10px; }
.product-clear .gateway-cta, .product-clear .vetting-cta {
  padding-top: 80px; }
  .product-clear .gateway-cta .col--three-fifths, .product-clear .vetting-cta .col--three-fifths {
    z-index: 3;
    position: relative; }
  .product-clear .gateway-cta .col--two-fifths, .product-clear .vetting-cta .col--two-fifths {
    z-index: 4;
    position: relative; }
.product-clear .vetting h2, .product-clear .gateway h2 {
  padding-bottom: 30px; }
.product-clear .vetting ul li, .product-clear .gateway ul li {
  padding-bottom: 20px; }
.product-clear .bundle h2 {
  padding-bottom: 20px;
  padding-top: 20px; }
.product-clear .bundle .row {
  background-image: url(/assets/images/static_pages/clear/bundle-mobile-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block; }
  @media (min-width: 850px) {
    .product-clear .bundle .row {
      background-image: url(/assets/images/static_pages/clear/bundle-bg.png); } }
  .product-clear .bundle .row .text-aligned-right {
    padding: 30px 80px 30px 30px; }
  .product-clear .bundle .row .text-aligned-left {
    padding: 60px 30px 30px 80px; }
  .product-clear .bundle .row p {
    font-size: 20px; }
  .product-clear .bundle .row:after {
    background-image: url(/assets/images/static_pages/clear/bundle-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -41px;
    margin-top: -41px;
    top: 50%;
    height: 82px;
    width: 82px; }
    @media (min-width: 850px) {
      .product-clear .bundle .row:after {
        background-image: url(/assets/images/static_pages/clear/bundle-icon.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 50%;
        margin-left: -41px;
        top: 50%;
        height: 82px;
        width: 82px; } }
.product-clear .cta h2 {
  padding-bottom: 30px; }
.product-clear .pricing-testimonials .image-wrapper {
  height: auto; }

.node-8186  .superman-hero {
  background: url("/assets/images/static_pages/trust/trust-banner.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
  .node-8186 .superman-hero .superman-hero__title {
    padding: 0; }
    @media (min-width: 850px) {
      .node-8186 .superman-hero .superman-hero__title {
        width: 750px; } }
.node-8186 .icons img {
  height: 77px;
  margin-bottom: 10px; }
.node-8186 h2 {
  padding: 20px 0; }
.node-8186 h3 {
  font-family: EffraHeavy;
  font-size: 28px;
  line-height: 1.17;
  color: #494649;
  text-transform: uppercase;
  padding: 20px 0; }
.node-8186 .list ul li {
  font-family: EffraLight;
  padding-bottom: 20px; }
.node-8186 #privacy .row .col {
  padding: 0 40px; }
.node-8186 #privacy .col p {
  text-align: left; }
  @media (min-width: 850px) {
    .node-8186 #privacy .col p {
      padding: 0 50px; } }
.node-8186 #privacy img {
  height: 100px;
  margin: 20px 0; }
.node-8186 #privacy h4 {
  padding: 20px; }
.node-8186 #security .row {
  padding: 40px 0; }
.node-8186 #security .inner-container--grey {
  background-color: #f2f2f2; }
  .node-8186 #security .inner-container--grey h4 {
    padding: 20px 0; }
  .node-8186 #security .inner-container--grey .row {
    max-width: 800px;
    margin: auto; }
.node-8186 #compliance .row {
  padding-bottom: 40px; }
  .node-8186 #compliance .row .col {
    padding: 0 40px; }
    .node-8186 #compliance .row .col p {
      text-align: left; }
  .node-8186 #compliance .row img {
    height: 72px; }
  .node-8186 #compliance .row h4 {
    padding: 20px 0; }
.node-8186 .text__left, .node-8186 .image__right, .node-8186 .text__right, .node-8186 .image__left {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }
  .node-8186 .text__left h2, .node-8186 .image__right h2, .node-8186 .text__right h2, .node-8186 .image__left h2 {
    padding: 20px 0; }
  .node-8186 .text__left p, .node-8186 .image__right p, .node-8186 .text__right p, .node-8186 .image__left p {
    padding: 10px 0;
    margin-bottom: 0; }
  .node-8186 .text__left ul, .node-8186 .image__right ul, .node-8186 .text__right ul, .node-8186 .image__left ul {
    margin-bottom: 20px;
    font-family: EffraMedium; }
.node-8186 .text__left {
  padding-right: 20px; }
.node-8186 .text__right {
  padding-left: 20px; }
.node-8186 .trust-cta {
  background-image: url("/assets/images/static_pages/trust/trust-cta-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 100px; }
  .node-8186 .trust-cta h1 {
    color: #fff;
    padding: 40px 0; }
  .node-8186 .trust-cta p {
    color: #fff; }

.product-challenge .superman-hero {
  background: url("/assets/images/static_pages/challenge/Challenge - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
  .product-challenge .superman-hero .superman-hero__title {
    padding: 0; }
    @media (min-width: 850px) {
      .product-challenge .superman-hero .superman-hero__title {
        width: 750px; } }
  .product-challenge .superman-hero ul {
    margin-bottom: 30px; }
.product-challenge .benefits h4 {
  text-transform: uppercase;
  padding: 10px 0; }
.product-challenge .benefits ul {
  list-style: disc;
  text-align: left; }
  .product-challenge .benefits ul li {
    padding-bottom: 10px; }
.product-challenge .benefits .row .col {
  padding: 20px; }
.product-challenge .benefits img {
  height: 80px;
  margin: 15px; }
.product-challenge h4 {
  font-size: 21px; }
.product-challenge .timeline .desktop {
  display: none; }
.product-challenge .timeline .mobile {
  display: block; }
@media (min-width: 850px) {
  .product-challenge .timeline .desktop {
    display: block; }
  .product-challenge .timeline .mobile {
    display: none; } }
.product-challenge .challenge {
  background-image: url("/assets/images/static_pages/challenge/M37 Image.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 100px; }
  .product-challenge .challenge h1 {
    color: #fff;
    padding: 40px 0; }
    .product-challenge .challenge h1 + p {
      color: #fff; }
  .product-challenge .challenge img {
    height: 100px;
    padding: 40px 20px 0; }
.product-challenge .banner-ad .forrester, .product-challenge .banner-ad .hps {
  display: none; }
@media (min-width: 850px) {
  .product-challenge .banner-ad img {
    display: none; }
  .product-challenge .banner-ad .forrester {
    background-image: url(/assets/images/static_pages/challenge/forrester.png);
    height: 130px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block; }
    .product-challenge .banner-ad .forrester a {
      float: right;
      position: relative;
      top: 2.2em;
      right: 4em; }
  .product-challenge .banner-ad .hps {
    background-image: url(/assets/images/static_pages/challenge/hacker_report.png);
    height: 265px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block; }
    .product-challenge .banner-ad .hps a {
      float: right;
      position: relative;
      top: 5.7em;
      right: 3em; } }
.product-challenge .reporting h4 {
  color: #6bbd45; }
.product-challenge .comparison h2 {
  padding-bottom: 30px; }
.product-challenge .comparison table td, .product-challenge .comparison table th {
  border: 1px solid #e5e5e5;
  width: 8em; }
  @media (min-width: 850px) {
    .product-challenge .comparison table td, .product-challenge .comparison table th {
      width: 15em; } }
.product-challenge .comparison table th {
  text-align: center;
  text-transform: uppercase;
  font-family: EffraBold; }
.product-challenge .comparison table th:last-of-type {
  text-align: center;
  text-transform: uppercase;
  font-family: EffraBold;
  font-size: 12px; }
  @media (min-width: 850px) {
    .product-challenge .comparison table th:last-of-type {
      font-size: 16px; } }
.product-challenge .comparison table th:first-of-type {
  width: auto; }
.product-challenge .comparison table tr td:last-of-type {
  background-color: #6cbe43;
  color: white;
  font-family: EffraRegular;
  text-align: center; }
.product-challenge .comparison table tr td:first-of-type, .product-challenge .comparison table tr th:first-of-type {
  font-family: EffraBold;
  text-align: left;
  font-size: 12px; }
  @media (min-width: 850px) {
    .product-challenge .comparison table tr td:first-of-type, .product-challenge .comparison table tr th:first-of-type {
      font-size: 16px; } }
.product-challenge .comparison table th, .product-challenge .comparison table tr, .product-challenge .comparison table td {
  line-height: 1.2;
  background-color: white;
  font-size: 12px; }
  @media (min-width: 850px) {
    .product-challenge .comparison table th, .product-challenge .comparison table tr, .product-challenge .comparison table td {
      font-size: 16px;
      padding: 15px; } }
.product-challenge .comparison table tr td:nth-of-type(2) {
  text-align: center;
  font-family: EffraRegular;
  color: #ec1075; }
@media (min-width: 850px) {
  .product-challenge .superman-carousel h2 {
    display: none; } }
.product-challenge .superman-carousel .inner-container {
  position: relative;
  z-index: 0; }
.product-challenge .superman-carousel .desktop {
  display: none; }
  @media (min-width: 850px) {
    .product-challenge .superman-carousel .desktop {
      display: block; } }
@media (min-width: 850px) {
  .product-challenge .superman-carousel .mobile {
    display: none; } }
.product-challenge .superman-carousel .mobile .col--one-half {
  width: 50%; }
.product-challenge .superman-carousel .fa-angle-left, .product-challenge .superman-carousel .fa-angle-right {
  position: absolute;
  font-size: 45px;
  color: #ec1075;
  bottom: 65px; }
.product-challenge .text__left, .product-challenge .image__right, .product-challenge .text__right, .product-challenge .image__left {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }
  .product-challenge .text__left h2, .product-challenge .image__right h2, .product-challenge .text__right h2, .product-challenge .image__left h2 {
    padding: 20px 0; }
  .product-challenge .text__left p, .product-challenge .image__right p, .product-challenge .text__right p, .product-challenge .image__left p {
    padding: 10px 0;
    margin-bottom: 0; }
  .product-challenge .text__left ul, .product-challenge .image__right ul, .product-challenge .text__right ul, .product-challenge .image__left ul {
    margin-bottom: 20px;
    font-family: EffraMedium; }
.product-challenge .text__left {
  padding-right: 20px; }
.product-challenge .text__right {
  padding-left: 20px; }
.product-challenge .col--three-fifths {
  width: 100%;
  padding-left: 0; }
  @media (min-width: 850px) {
    .product-challenge .col--three-fifths {
      width: 59%;
      padding-left: 20px; } }
.product-challenge .benefits .benefit1 {
  background-image: url("/assets/images/static_pages/challenge/vulns you want.png");
  height: 544px;
  background-size: cover;
  position: relative;
  background-position-y: -50px; }
  @media (min-width: 850px) {
    .product-challenge .benefits .benefit1 {
      background-position-y: 0px;
      height: 444px; } }
  .product-challenge .benefits .benefit1:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-challenge .benefits .benefit2 {
  background-image: url("/assets/images/static_pages/challenge/more for the money.png");
  height: 544px;
  background-size: cover;
  background-position-y: -100px;
  position: relative;
  z-index: 3; }
  @media (min-width: 850px) {
    .product-challenge .benefits .benefit2 {
      background-position-y: 0px;
      height: 444px; } }
  .product-challenge .benefits .benefit2:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-challenge .benefits .benefit3 {
  background-image: url("/assets/images/static_pages/challenge/H13120-4265.png");
  height: 544px;
  background-size: cover;
  background-position-y: -50px;
  position: relative; }
  @media (min-width: 850px) {
    .product-challenge .benefits .benefit3 {
      background-position-y: 0px;
      height: 444px; } }
  .product-challenge .benefits .benefit3:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    display: block; }
.product-challenge .benefits .hover {
  -webkit-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.16); }
.product-challenge .benefits .description {
  position: relative;
  text-align: left;
  padding: 25px;
  top: 68%; }
  .product-challenge .benefits .description h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px; }
.product-challenge .benefits .description-hover {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  text-align: left;
  padding: 20px; }
  @media (min-width: 850px) {
    .product-challenge .benefits .description-hover {
      display: none; } }
  .product-challenge .benefits .description-hover h3 {
    text-transform: uppercase;
    padding-top: 5px; }
@media (min-width: 850px) {
  .product-challenge .superman-carousel .fa-angle-left, .product-challenge .superman-carousel .fa-angle-right {
    display: none; } }
.product-challenge .superman-carousel .fa-angle-left {
  left: 20px;
  top: 143px;
  position: absolute;
  font-size: 50px;
  color: #ec1075; }
  @media (min-width: 850px) {
    .product-challenge .superman-carousel .fa-angle-left {
      left: 420px; } }
.product-challenge .superman-carousel .fa-angle-right {
  right: 20px;
  top: 143px;
  position: absolute;
  font-size: 50px;
  color: #ec1075; }
  @media (min-width: 850px) {
    .product-challenge .superman-carousel .fa-angle-right {
      right: 253px; } }
.product-challenge .superman-carousel .desktop {
  display: none; }
  @media (min-width: 850px) {
    .product-challenge .superman-carousel .desktop {
      display: block; } }
.product-challenge .superman-carousel .mobile {
  margin: 0 40px; }
  @media (min-width: 850px) {
    .product-challenge .superman-carousel .mobile {
      display: none; } }
  .product-challenge .superman-carousel .mobile .col--one-half {
    width: 50%; }
.product-challenge .how-it-works .row {
  padding: 40px 0; }
.product-challenge .how-it-works h2, .product-challenge .how-it-works h3 {
  padding-bottom: 20px; }
.product-challenge .how-it-works .col--one-third .superman-circle {
  background: none; }
.product-challenge .how-it-works .col--one-third h5 {
  color: #ec1075;
  padding-bottom: 10px; }
.product-challenge .how-it-works .col--one-third ul {
  text-align: left;
  padding: 0 40px;
  font-family: EffraMedium; }
.product-challenge .how-it-works .col--one-third p {
  margin: auto;
  text-align: center;
  font-size: 15px;
  font-family: EffraMedium; }
  @media (min-width: 850px) {
    .product-challenge .how-it-works .col--one-third p {
      text-align: center;
      font-family: EffraMedium; } }
.product-challenge .how-it-works .col--one-third .superman-icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
.product-challenge .how-it-works .col--one-third .icon-1 {
  background-image: url("/assets/images/static_pages/challenge/shaking hands icon.png"); }
.product-challenge .how-it-works .col--one-third .icon-2 {
  background-image: url("/assets/images/static_pages/challenge/search icon.png"); }
.product-challenge .how-it-works .col--one-third .icon-3 {
  background-image: url("/assets/images/static_pages/challenge/clipboard icon.png"); }
.product-challenge .how-it-works .col--one-third .superman-comparison__arrow {
  display: none; }
  @media (min-width: 850px) {
    .product-challenge .how-it-works .col--one-third .superman-comparison__arrow {
      display: inherit; } }
  .product-challenge .how-it-works .col--one-third .superman-comparison__arrow:before, .product-challenge .how-it-works .col--one-third .superman-comparison__arrow :after {
    content: none; }
  .product-challenge .how-it-works .col--one-third .superman-comparison__arrow:after {
    content: none; }
.product-challenge .how-it-works .col--one-third:nth-child(odd) .superman-comparison__arrow-placeholder {
  display: block;
  position: relative;
  width: 79.5%;
  left: 60%;
  top: -72px; }
.product-challenge .how-it-works .col--one-third:nth-child(odd) .step {
  position: relative;
  border-radius: 25px;
  background: #ec1075;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #fff;
  font-family: EffraMedium;
  top: 31px;
  left: -35px;
  margin: auto; }
.product-challenge .how-it-works .col--one-third:nth-child(even) .superman-comparison__arrow-placeholder {
  display: block;
  position: relative;
  width: 79.5%;
  left: 60%;
  top: -72px; }
.product-challenge .how-it-works .col--one-third:nth-child(even) .step {
  position: relative;
  border-radius: 25px;
  background: #ec1075;
  width: 24px;
  height: 24px;
  z-index: 1;
  color: #fff;
  font-family: EffraMedium;
  top: 31px;
  left: -35px;
  margin: auto; }

.customers .superman-hero {
  background: url("/assets/images/static_pages/headers/Customers - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%;
  padding: 100px 0 40px; }
  @media (min-width: 850px) {
    .customers .superman-hero {
      padding: 100px 0; } }
  .customers .superman-hero + .superman-container {
    padding-top: 78px; }
    @media (min-width: 850px) {
      .customers .superman-hero + .superman-container {
        padding-top: 140px; } }
.customers .featured-customer {
  text-align: left;
  padding-bottom: 40px; }
  .customers .featured-customer .row.views-row {
    margin-right: -20px; }
  .customers .featured-customer .views-field-title {
    padding: 20px 0 10px; }
    @media (min-width: 850px) {
      .customers .featured-customer .views-field-title {
        padding-top: 0px; } }
  .customers .featured-customer .views-field-field-subtitle {
    padding: 15px 0; }
    .customers .featured-customer .views-field-field-subtitle p {
      padding: 15px 0;
      font-size: 18px; }
  .customers .featured-customer .views-field-field-customer-story-preview img {
    display: block; }
    @media (min-width: 850px) {
      .customers .featured-customer .views-field-field-customer-story-preview img {
        display: none; } }
  .customers .featured-customer .views-field-field-customer-story-preview-1 img {
    width: 100%;
    display: none; }
    @media (min-width: 850px) {
      .customers .featured-customer .views-field-field-customer-story-preview-1 img {
        display: block; } }
  .customers .featured-customer .views-field-view-node {
    padding: 10px 0;
    text-align: center; }
    @media (min-width: 850px) {
      .customers .featured-customer .views-field-view-node {
        text-align: left; } }
    .customers .featured-customer .views-field-view-node a {
      width: auto;
      height: auto;
      font-family: EffraMedium;
      font-size: 18px;
      line-height: 1.78;
      text-align: center;
      color: #ffffff;
      display: inline-block;
      padding: 10px 30px;
      background-color: #ec1075;
      border: solid 1px #ec1075;
      text-transform: uppercase; }
      .customers .featured-customer .views-field-view-node a:hover {
        border: solid 1px #b21e54;
        background-color: #b21e54;
        color: #ffffff; }
.customers .desktop {
  padding-bottom: 40px; }
  .customers .desktop .row {
    padding: 30px 0; }

.default-hero {
  background: url("/assets/images/static_pages/community/Community - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }

.burp-suite-partnership .superman-hero {
  background: url("/assets/images/static_pages/about/About Us - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
.burp-suite-partnership .burp-suite-quotes {
  background: url("/assets/images/static_pages/headers/Burp Suite - background.jpg") no-repeat;
  background-position: center; }
.burp-suite-partnership .faq h2 {
  padding: 40px 0; }
.burp-suite-partnership .faq .panel-wrapper {
  overflow: hidden;
  padding: 5px 20px 20px;
  margin: 2px 0 2px -20px; }
  .burp-suite-partnership .faq .panel-wrapper + .row {
    padding-top: 40px; }
.burp-suite-partnership .faq .panel {
  padding: 30px;
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  cursor: pointer; }
  .burp-suite-partnership .faq .panel h4 {
    display: inline-block;
    color: #ec1075;
    padding-bottom: 0px;
    margin-bottom: 0px;
    cursor: pointer; }
    .burp-suite-partnership .faq .panel h4:hover {
      color: #494649; }
  .burp-suite-partnership .faq .panel i {
    float: right;
    color: #ec1075;
    padding-right: 10px; }
  .burp-suite-partnership .faq .panel .expandable {
    display: none; }
    .burp-suite-partnership .faq .panel .expandable .description {
      margin: 20px 0; }
      .burp-suite-partnership .faq .panel .expandable .description h3 {
        margin: 20px 0; }
  .burp-suite-partnership .faq .panel:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -37px;
    right: -185px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

.ibb-sponsors img {
  padding: 20px; }

.branding .superman-hero {
  background: url("/assets/images/static_pages/headers/Branding - Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }

.hacker101-old .superman-hero {
  background-image: url("/assets/images/static_pages/hacker101/Hacker101 - Hero.jpg");
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  top: 0px; }
  @media (min-width: 850px) {
    .hacker101-old .superman-hero {
      height: 0;
      padding: 19.1%;
      top: -50px; } }
  .hacker101-old .superman-hero h1.superman-hero__title {
    margin: 0 auto 20px;
    width: auto; }
.hacker101-old .text__left, .hacker101-old .image__right, .hacker101-old .text__right, .hacker101-old .image__left {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }
  .hacker101-old .text__left h2, .hacker101-old .image__right h2, .hacker101-old .text__right h2, .hacker101-old .image__left h2 {
    padding: 20px 0; }
  .hacker101-old .text__left p, .hacker101-old .image__right p, .hacker101-old .text__right p, .hacker101-old .image__left p {
    padding: 10px 0; }
.hacker101-old .text__left {
  padding-right: 20px; }
.hacker101-old .text__right {
  padding-left: 20px; }
.hacker101-old .col--three-fifths {
  width: 100%;
  padding-left: 0; }
  @media (min-width: 850px) {
    .hacker101-old .col--three-fifths {
      width: 59%;
      padding-left: 20px; } }
.hacker101-old .faq h2 {
  padding: 40px 0; }
.hacker101-old .faq ul {
  list-style: inherit;
  margin-left: 20px;
  margin-bottom: 20px; }
  .hacker101-old .faq ul li {
    list-style-type: circle; }
.hacker101-old .faq .panel-wrapper {
  overflow: hidden;
  padding: 5px 20px 20px;
  margin: 2px 0 2px -20px; }
  .hacker101-old .faq .panel-wrapper + .row {
    padding-top: 40px; }
.hacker101-old .faq .panel {
  padding: 30px;
  border: 1px solid #cccccc;
  margin-right: -19px;
  margin-bottom: -20px;
  position: relative;
  border-radius: 0;
  cursor: pointer; }
  .hacker101-old .faq .panel h4 {
    display: inline-block;
    color: #ec1075;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    cursor: pointer; }
    .hacker101-old .faq .panel h4:hover {
      color: #494649; }
  .hacker101-old .faq .panel i {
    color: #ec1075;
    padding-right: 10px;
    position: absolute;
    right: 20px; }
  .hacker101-old .faq .panel .expandable {
    display: none; }
    .hacker101-old .faq .panel .expandable .description {
      margin: 20px 0; }
      .hacker101-old .faq .panel .expandable .description h3 {
        margin: 20px 0; }
  .hacker101-old .faq .panel:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100px;
    bottom: -37px;
    right: -185px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
.hacker101-old .hacking-resources .img-wrapper {
  background-color: black; }
  .hacker101-old .hacking-resources .img-wrapper img {
    opacity: 0.5; }
.hacker101-old .hacking-resources .row .col {
  padding-bottom: 10px; }
  .hacker101-old .hacking-resources .row .col:hover img {
    opacity: 1; }
.hacker101-old .hacking-resources .panel {
  height: 120px;
  padding: 20px 25px;
  text-align: left;
  border-radius: 0px; }
  .hacker101-old .hacking-resources .panel:after {
    content: '';
    position: absolute;
    width: 58px;
    height: 33px;
    bottom: -13px;
    right: -21px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }
.hacker101-old .hacker101-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/images/static_pages/hacker101/h101-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .hacker101-old .hacker101-bg h1 {
    color: #fff; }
  .hacker101-old .hacker101-bg a {
    margin: 30px 0; }
.hacker101-old .hacktivity-bg {
  background-image: url("/assets/images/static_pages/meet-our-hackers/hacktivity-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0; }
  .hacker101-old .hacktivity-bg h1 {
    color: #fff;
    padding: 0px 0 30px;
    font-family: EffraBold; }

.page.difference .pricing-testimonials .testimonial--image__right:after {
  content: none; }

.page.responsible-disclosure-overview .text__left, .page.responsible-disclosure-overview .image__right, .page.responsible-disclosure-overview .text__right, .page.responsible-disclosure-overview .image__left {
  display: inline-block;
  vertical-align: middle; }
  .page.responsible-disclosure-overview .text__left h2, .page.responsible-disclosure-overview .image__right h2, .page.responsible-disclosure-overview .text__right h2, .page.responsible-disclosure-overview .image__left h2 {
    padding: 20px 0; }
  .page.responsible-disclosure-overview .text__left p, .page.responsible-disclosure-overview .image__right p, .page.responsible-disclosure-overview .text__right p, .page.responsible-disclosure-overview .image__left p {
    padding: 10px 0; }
.page.responsible-disclosure-overview .text__left {
  padding-right: 20px; }
.page.responsible-disclosure-overview .text__right {
  padding-left: 20px; }
.page.responsible-disclosure-overview .vdp-bg {
  background-image: url("/assets/images/static_pages/resources/vdp-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 170px 0 90px;
  background-position-y: 50%; }
  .page.responsible-disclosure-overview .vdp-bg h1 {
    color: #fff;
    padding: 0px 0 30px;
    font-family: EffraBold; }
.page.responsible-disclosure-overview .join-bg {
  background-image: url("/assets/images/static_pages/start-hacking/M37 Join Us Image.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .page.responsible-disclosure-overview .join-bg h1 {
    color: #fff; }
  .page.responsible-disclosure-overview .join-bg a {
    margin: 30px 0; }
@media (min-width: 850px) {
  .page.responsible-disclosure-overview .col--three-fifths {
    width: 59%; } }
.page.responsible-disclosure-overview .hacking-resources .img-wrapper {
  background-color: black; }
  .page.responsible-disclosure-overview .hacking-resources .img-wrapper img {
    opacity: 0.5; }
.page.responsible-disclosure-overview .hacking-resources .row .col {
  padding-bottom: 10px; }
  .page.responsible-disclosure-overview .hacking-resources .row .col:hover img {
    opacity: 1; }
.page.responsible-disclosure-overview .hacking-resources .panel {
  height: 120px;
  padding: 20px 25px;
  text-align: left;
  border-radius: 0px; }
  .page.responsible-disclosure-overview .hacking-resources .panel:after {
    content: '';
    position: absolute;
    width: 58px;
    height: 33px;
    bottom: -13px;
    right: -21px;
    background: white;
    transform-origin: 54% 100%;
    transform: rotate(-31deg);
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    float: right; }

body.events .superman-hero {
  background: url("/assets/images/static_pages/press/Hero Img.png") no-repeat;
  background-size: cover;
  background-position-y: 100%; }
body.events .app__logo {
  background-image: url(/assets/images/h1_events_logo.png);
  height: 43px; }
body.events .events-sidebar {
  padding: 40px 0; }
  body.events .events-sidebar .superman-title__content {
    padding: 0px; }
  body.events .events-sidebar .views-field-field-main-image {
    height: 200px;
    width: 100%;
    overflow: hidden; }
    body.events .events-sidebar .views-field-field-main-image img {
      width: auto;
      overflow: hidden; }

body.security-at-2019 .inner-container--small { max-width: 700px; }
body.security-at-2019 .inner-container--x-small { max-width: 625px; }
body.security-at-2019 #mktoForm_1368 { display: none; }

body.security-at-2019 h6 {
  font-family: EffraRegular;
  color: #ec1076;
  font-size: 25px; }
body.security-at-2019 .js-topbar {
  display: none; }
body.security-at-2019 .header {
  background-color: black; }
  body.security-at-2019 .header .superman-container {
    padding-bottom: 80px; }
  body.security-at-2019 .header .nav {
    text-align: left;
    padding-bottom: 40px; }
    body.security-at-2019 .header .nav img#topLogo {
      width: 159px;
      height: 31px;
      margin: -5px 25px 0 0px;
      vertical-align: baseline; }
    body.security-at-2019 .header .nav li {
      display: none;
      padding: 0 20px; }
      body.security-at-2019 .header .nav li:first-of-type {
        padding-left: 0px;
        padding-right: 40px;
        display: inline-block; }
      body.security-at-2019 .header .nav li a {
        color: white;
        text-transform: uppercase;
        font-family: EffraRegular;
        font-size: 14px; }
        body.security-at-2019 .header .nav li a:hover {
          color: white; }
  body.security-at-2019 .header img.header {
    padding-bottom: 20px; }
  body.security-at-2019 .header p {
    color: white;
    font-size: 22px; }
  body.security-at-2019 .header .presents {
    font-size: 18px;
    color: white;
    font-style: italic; }
body.security-at-2019 .main {
  overflow: hidden; }
  @media (min-width: 850px) {
    body.security-at-2019 .main {
      overflow: unset; } }
  body.security-at-2019 .main p > a, body.security-at-2019 .main span > a {
    font-size: inherit; }
  body.security-at-2019 .main p {
    font-size: 20px; }
  body.security-at-2019 .main #gallery h6 {
    padding: 60px 0 40px; }
  body.security-at-2019 .main p.name {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px;
    font-family: EffraMedium;
    text-transform: uppercase; }
  body.security-at-2019 .main p.title {
    font-family: EffraMedium;
    font-size: 14px; }
  body.security-at-2019 .main img#presenters, body.security-at-2019 .main img#map {
    width: 100%; }
  body.security-at-2019 .main table td:first-of-type {
    vertical-align: top;
    width: 170px; }
  body.security-at-2019 .main table p {
    margin-bottom: 5px; }
  body.security-at-2019 .main #agenda h6 {
    padding-bottom: 20px;
    text-align: center; }
body.security-at-2019 .footer {
  background-color: black; }
  body.security-at-2019 .footer .nav {
    text-align: left;
    padding: 40px 0; }
    body.security-at-2019 .footer .nav img#topLogo {
      width: 159px;
      height: 31px;
      margin: -5px 25px 0 0px;
      vertical-align: baseline; }
    body.security-at-2019 .footer .nav li {
      padding: 0 5px;
      display: inline-block; }
      body.security-at-2019 .footer .nav li .copyright {
        padding: 0 20px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: EffraRegular; }
      body.security-at-2019 .footer .nav li a {
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        font-family: EffraRegular; }
body.security-at-2019 a.cta-sidebar {
  z-index: 20;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  display: block;
  position: fixed;
  right: -65px;
  top: 300px;
  padding: 10px 30px;
  background-color: #ec1075;
  color: white;
  font-family: EffraBold; }
  body.security-at-2019 a.cta-sidebar p {
    margin-bottom: 0;
    color: white;
    text-transform: uppercase;
    font-family: EffraBold; }
body.security-at-2019 .views_slideshow_cycle_teaser_section:after {
  display: block;
  content: '';
  background-image: url(/assets/images/static_pages/security-at/security-at-icon.png);
  background-repeat: no-repeat;
  height: 210px;
  width: 200px;
  position: absolute;
  float: right;
  right: -10%;
  bottom: -27%;
  z-index: 10; }
body.security-at-2019 .views_slideshow_cycle_main {
  margin-top: -80px;
  position: relative; }
body.security-at-2019 .views-slideshow-controls-top {
  position: relative;
  z-index: 9; }
body.security-at-2019 .views_slideshow_controls_text_next a {
  font-size: 0 !important; }
body.security-at-2019 .views_slideshow_controls_text_next:before {
  content: '›';
  width: 20px;
  height: 40px;
  font-size: 112px; }
body.security-at-2019 .views_slideshow_controls_text_next:hover {
  text-decoration: none; }
body.security-at-2019 .views_slideshow_controls_text_previous a {
  font-size: 0 !important; }
body.security-at-2019 .views_slideshow_controls_text_previous:before {
  content: '‹';
  width: 20px;
  height: 40px;
  font-size: 112px; }
body.security-at-2019 .views_slideshow_controls_text_previous:hover {
  text-decoration: none; }

body.security-at-tag:not(.events) .topbar .triangle {
  opacity: 1 !important; }
body.security-at-tag:not(.events) .topbar .triangle:after {
  height: 82px;
  width: 100%;
  position: absolute; }
  @media (min-width: 850px) {
    body.security-at-tag:not(.events) .topbar .triangle:after {
      background: transparent; } }
body.security-at-tag:not(.events) .topbar:before {
  background: linear-gradient(-135deg, #7ee738, #494649 27%); }
  @media (min-width: 850px) {
    body.security-at-tag:not(.events) .topbar:before {
      background: none; } }
body.security-at-tag:not(.events) .superman-hero {
  padding-bottom: 0px; }
  body.security-at-tag:not(.events) .superman-hero .panel {
    border: none;
    margin-bottom: 0; }
    body.security-at-tag:not(.events) .superman-hero .panel:after {
      content: none; }
    body.security-at-tag:not(.events) .superman-hero .panel .views-field-title-1 h1 {
      padding-top: 10px; }
    body.security-at-tag:not(.events) .superman-hero .panel .views-field-field-speaker {
      padding-top: 20px; }
      @media (min-width: 850px) {
        body.security-at-tag:not(.events) .superman-hero .panel .views-field-field-speaker {
          padding-right: 50px; } }
      body.security-at-tag:not(.events) .superman-hero .panel .views-field-field-speaker p {
        font-size: 18px; }
    body.security-at-tag:not(.events) .superman-hero .panel .views-field-nothing {
      display: none; }
      @media (min-width: 850px) {
        body.security-at-tag:not(.events) .superman-hero .panel .views-field-nothing {
          display: block; } }
  body.security-at-tag:not(.events) .superman-hero .wistia_embed:after {
    position: relative;
    z-index: 1;
    left: 91%;
    top: -75px; }
    @media (min-width: 850px) {
      body.security-at-tag:not(.events) .superman-hero .wistia_embed:after {
        content: url("/assets/images/securityat_watermark.png"); } }
body.security-at-tag:not(.events) .superman-hero + .superman-container {
  padding-top: 20px;
  top: unset;
  margin-bottom: 0; }
  body.security-at-tag:not(.events) .superman-hero + .superman-container .superman-title {
    padding: 15px 0; }
  body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-title-1, body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-title, body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-field-speaker, body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-nothing {
    padding: 5px 0; }
  body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-title-1 .field-content {
    font-family: EffraHeavy;
    font-size: 21px; }
  body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-nothing {
    font-size: 11px;
    font-family: EffraBold; }
    body.security-at-tag:not(.events) .superman-hero + .superman-container .views-field-nothing .field-content {
      font-size: 11px;
      font-family: EffraBold;
      color: #828282; }
body.security-at-tag:not(.events) .mobile-banner {
  display: block; }
  @media (min-width: 850px) {
    body.security-at-tag:not(.events) .mobile-banner {
      display: none; } }
body.security-at-tag:not(.events) .app__logo {
  background-image: url(/assets/images/securityat_logo.png);
  height: 43px;
  width: 200px; }
body.security-at-tag:not(.events) .panel {
  border-top: none;
  border-left: none;
  border-right: none;
  padding-bottom: 30px;
  padding-top: 15px; }
  body.security-at-tag:not(.events) .panel .row fieldset {
    display: inline-block;
    vertical-align: top;
    width: 100%; }
    @media (min-width: 850px) {
      body.security-at-tag:not(.events) .panel .row fieldset:first-of-type {
        padding-right: 30px; }
      body.security-at-tag:not(.events) .panel .row fieldset.col--four-fifths {
        width: 80%; }
      body.security-at-tag:not(.events) .panel .row fieldset.col--one-fifth {
        width: 20%; } }
    body.security-at-tag:not(.events) .panel .row fieldset .views-field-field-preview img {
      width: 100%; }
      @media (min-width: 850px) {
        body.security-at-tag:not(.events) .panel .row fieldset .views-field-field-preview img {
          width: inherit; } }
    body.security-at-tag:not(.events) .panel .row fieldset .views-field-field-resource-type {
      padding-bottom: 15px; }
    body.security-at-tag:not(.events) .panel .row fieldset .views-field-title h2 {
      padding-bottom: 0;
      margin: 0 0 10px;
      max-width: 100%; }
      body.security-at-tag:not(.events) .panel .row fieldset .views-field-title h2 a {
        color: #494649; }

.security-at-2020 .rsa-events .rsa-banner {
  background-image: url("/sites/default/files/Jason-PubalWeb-lander-blank.png");
  background-size: cover;
  height: auto;
}

.rsa-events {
  color: white;
  background-color: black; }
  .rsa-events h3, .rsa-events .pink {
    color: #ec1075;
    font-family: EffraBold; }
  .rsa-events h3 {
    padding: 20px 0;
    text-transform: uppercase; }
  .rsa-events h5 {
    color: #ec1075;
    padding: 20px 0; }
  .rsa-events h2, .rsa-events p, .rsa-events h1 {
    color: white; }
  .rsa-events .topbar {
    display: none; }
  .rsa-events .rsa-banner {
    background-image: url("/assets/images/static_pages/rsa/rsa2020-banner.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    height: 400px;
    background-size: cover;
    border-bottom: none; }
  .rsa-events .superman-container--footer {
    background-color: black;
    background-image: none; }
    .rsa-events .superman-container--footer .superman-footer__social-link {
      color: white; }
      .rsa-events .superman-container--footer .superman-footer__social-link:hover {
        color: #ec1075; }
    .rsa-events .superman-container--footer .superman-footer__utility-item {
      color: white; }
      .rsa-events .superman-container--footer .superman-footer__utility-item a {
        color: white; }
        .rsa-events .superman-container--footer .superman-footer__utility-item a:hover {
          color: #ec1075; }

.critical-bug .header {
  background-image: url("/assets/images/static_pages/critical-bug/bug.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-color: black; }

.critical-bug .js-topbar {
  display: none; }

.critical-bug .header img.found {
  padding: 20px 20px 40px; }

.critical-bug .header h1 {
  font-size: 30px; }

.critical-bug .header h1, .critical-bug .header h2 {
  color: #ec1075;
  font-family: EffraRegular; }

.critical-bug .header h3 {
  font-family: EffraLight;
  color: white; }

.critical-bug .header h4 {
  font-family: EffraLight;
  padding: 20px;
  color: white; }

.critical-bug .header p {
  color: white; }

.critical-bug form {
  padding: 40px; }

.critical-bug .footer {
  background-color: black;
  background-image: url(/assets/images/static_pages/critical-bug/glitch.png);
  background-size: 100% 140px;
  background-repeat: no-repeat;
  padding-top: 60px;
  background-position-y: -110px; }

.critical-bug .footer .nav {
  text-align: left;
  padding: 40px 0; }

.critical-bug .footer .nav img#topLogo, .critical-bug img#topLogo {
  width: 159px;
  height: 31px;
  margin: -5px 25px 0 0px;
  vertical-align: baseline; }

.critical-bug .footer .nav li {
  padding: 0 5px;
  display: inline-block;
  color: white; }

.critical-bug .footer .nav li .copyright {
  padding: 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: EffraRegular; }

.critical-bug .footer .nav li a {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  font-family: EffraRegular; }

.critical-bug .confirmform {
  display: none;
  padding: 40px; }

.critical-bug .cta .confirmform p {
  columns: black; }

.critical-bug .divider {
  width: 35px;
  border-top: solid 3px;
  text-align: center;
  margin: 30px auto; }

.critical-bug .learn {
  background-image: url("/assets/images/static_pages/critical-bug/glitch-white.png");
  background-repeat: no-repeat;
  padding-bottom: 100px;
  background-position-y: 115%;
  background-color: black;
  background-size: 100% 100px; }
  .critical-bug .learn h2, .critical-bug .learn p {
    color: white; }
  .critical-bug .learn h2 {
    text-align: center; }

.critical-bug .learn ul {
  padding: 40px 0; }

.critical-bug .learn ul li:before {
  content: ' ';
  width: 40px;
  height: 32px;
  background-image: url(/assets/images/static_pages/critical-bug/arrow.png);
  left: -19px;
  display: block;
  float: left;
  top: 10px;
  margin-top: 9px;
  padding-right: 30px;
  background-repeat: no-repeat; }

.critical-bug form.mktoForm .mktoFormRow .mktoFormCol {
  margin: auto;
  padding-right: 0;
  float: none;
  text-align: center;
  width: 280px !important; }

.critical-bug form.mktoForm .mktoButtonRow .mktoButtonWrap {
  margin-left: 0px !important; }

.critical-bug form.mktoForm .mktoButtonRow {
  text-align: center; }

.critical-bug .cta {
  background-color: white; }

.critical-bug .cta h2 {
  color: black; }

.ui-dialog {
  font-size: 13px; }

/*
@doc Alerts
@tags css

Default Rails flash messages

```html
<div class="alert alert--notice">This is a notice</div>
<div class="alert alert--error">This is an error</div>
<div class="alert alert--warning">This is a warning</div>
```
*/
.alerts {
  transform: translateX(-50%);
  top: 13px;
  left: 50%;
  margin: 0 auto;
  position: fixed;
  text-align: center;
  z-index: 1300; }

.alert__close {
  text-decoration: none;
  margin-left: 10px;
  cursor: pointer; }

.alert {
  border-radius: 4px;
  padding: 5px 10px;
  position: relative;
  font-size: 12px;
  margin-bottom: 7px; }

.alert--notice {
  border: 1px solid #b2dba1;
  background: #dff0d8;
  color: #335a23; }
  .alert--notice .alert__close {
    color: #335a23; }

.alert--error {
  border: 1px solid #dca7a7;
  background: #f2dede;
  color: #5f2525; }
  .alert--error .alert__close {
    color: #5f2525; }

.alert--warning {
  border: 1px solid #ffee94;
  background: #fffae0;
  color: #947c00; }
  .alert--warning .alert__close {
    color: #947c00; }

img.avatar {
  background: #fff;
  text-align: center; }
  img.avatar.no-border {
    border-color: transparent;
    padding: 0; }
  img.avatar.circle {
    border-radius: 500px; }
  img.avatar.emaillarge {
    width: 97px;
    height: 97px;
    line-height: 97px; }
  img.avatar.emailmedium {
    width: 63px;
    height: 63px;
    line-height: 63px; }
  img.avatar.xtralarge {
    width: 100%;
    height: 100%;
    line-height: 130px; }
  img.avatar.large {
    width: 55px;
    height: 55px;
    line-height: 55px; }
  img.avatar.medium {
    width: 41px;
    height: 41px;
    line-height: 41px;
    border-radius: 13%; }
  img.avatar.small {
    width: 31px;
    height: 31px;
    line-height: 31px;
    border-radius: 13%; }
  img.avatar.tiny {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 25%; }

/*
@doc Banner messages
@tags css

This component is used to show a banner message above or in a page.

## Default banner message

```html
<div class="banner">
  <div class="banner__container">
    <div class="banner__content">
      I'm being used to display a message above a page.
    </div>
    <div class="banner__button">
      <a class="button button--small button--success is-full-width" href="">
        Don't click this
      </a>
    </div>
  </div>
</div>
```

## Inline banner messages
<strong>Default</strong>

```html
<div class="inline-banner">
  <div class="pull-left">
    <strong>Hello!</strong> Place me in the content of a page.
  </div>
  <ul class="list list--inline text-aligned-right">
    <li>
      <a href="">And these</a>
    </li>
    <li>
      <a href="">Are links</a>
    </li>
  </ul>
</div>
```

<strong>Success</strong>

```html
<div class="inline-banner inline-banner--success">
  <strong>Great success!</strong> Everything went great.
</div>
```

<strong>Notice</strong>

```html
<div class="inline-banner inline-banner--notice">
  <strong>This is important!</strong> Make sure you ...
</div>
```

<strong>Error</strong>

```html
<div class="inline-banner inline-banner--error">
  <strong>This is not cool!</strong> Make sure you ...
</div>
```

<strong>Without margin</strong>

```html
<div>
  <div class="inline-banner inline-banner--no-margin inline-banner--notice">
    <strong>This is important!</strong> Make sure you ...
  </div>

  <p>
    There is no margin above this text.
  </p>
</div>
```
*/
.marketing-banner {
  padding-top: 91px; }

.marketing-banner__title {
  font-weight: 600;
  color: #233327;
  font-size: 16px;
  margin-bottom: 5px; }

.banner {
  background: #fffae0;
  color: #947c00;
  padding: 7px 15px;
  border-bottom: 1px solid #ffee94;
  min-height: 36px;
  height: auto; }
  .banner > p {
    margin: 0; }
  .controller_bugs .banner {
    margin: -20px -20px 20px; }

.banner--marketing-banner {
  padding: 15px 20px;
  color: #4c7056;
  text-align: center; }

.banner--dod-banner {
  background: #f5f5f5;
  color: #000;
  border-bottom: none;
  text-align: center; }

.banner__container {
  width: 100%;
  display: table; }

.banner__content,
.banner__button {
  display: block;
  vertical-align: top; }
  @media (min-width: 640px) {
    .banner__content,
    .banner__button {
      display: table-cell; } }

.banner__content {
  padding: 0;
  text-align: center; }
  @media (min-width: 640px) {
    .banner__content {
      padding-right: 10px;
      text-align: left; } }

.banner__button {
  margin-top: 10px; }
  @media (min-width: 640px) {
    .banner__button {
      margin-top: 0;
      float: right; } }

.inline-banner {
  padding: 7px 10px;
  margin-bottom: 10px;
  background: #f5f5f5;
  border: 1px solid gainsboro;
  border-radius: 4px;
  word-break: break-word; }
  .inline-banner--no-margin,
  .inline-banner p:last-child {
    margin-bottom: 0; }

.inline-banner__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
  float: left; }

.inline-banner--notice {
  background: #fef7d4;
  border-color: #fdeea2; }

.inline-banner--error {
  background: #f2dede;
  border-color: #e4b9b9; }

.inline-banner--success {
  background: #dff0d8;
  border-color: #c1e2b3; }

.button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  padding: 5px 14px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
  text-decoration: none;
  border: 1px solid;
  border-bottom-width: 2px;
  appearance: none;
  background-color: #ebebeb;
  color: #000;
  text-shadow: 0 1px 0 #efefef;
  border-color: #999999;
  color: #000;
  /* HTML states */
  /* Sizes */
  /* Helpers */
  /* Colors */ }
  .button:visited {
    color: #000; }
  .button:hover {
    color: #000; }
  .button:active {
    color: #000; }
  .button--active {
    color: #000; }
  .button:hover {
    background-color: #e6e6e6; }
  .button:active, .button--active {
    background-color: gainsboro; }
  .button:active, .button:hover {
    text-decoration: none; }
  .button:active, .button:focus {
    outline: 0; }
  .button:focus {
    box-shadow: 0 0 10px rgba(33, 107, 165, 0.3); }
  .button--disabled, .button:disabled {
    cursor: not-allowed; }
  .button--small {
    font-size: 11px;
    padding: 2px 10px; }
  .button--big {
    font-size: 18px;
    padding: 15px 5px; }
  .button--modal {
    margin: 10px 0; }
  .button--bugs-filter {
    margin-left: 10px;
    width: 85px;
    text-align: right;
    display: none;
    user-select: none; }
    @media (min-width: 960px) {
      .button--bugs-filter {
        display: inline-block; } }
  .button--centered {
    display: block;
    margin: auto; }
  .button--danger {
    background-color: #c92525;
    color: #fff;
    text-shadow: 0 1px 0 #a61f1f;
    border-color: #831818;
    color: #fff; }
    .button--danger:visited {
      color: #fff; }
    .button--danger:hover {
      color: #fff; }
    .button--danger:active {
      color: #fff; }
    .button--danger--active {
      color: #fff; }
    .button--danger:hover {
      background-color: #c02323; }
    .button--danger:active, .button--danger--active {
      background-color: #af2020; }
  .button--success {
    background-color: #72bc42;
    color: #fff;
    text-shadow: 0 1px 0 #5e9b36;
    border-color: #4a7a2b;
    color: #fff; }
    .button--success:visited {
      color: #fff; }
    .button--success:hover {
      color: #fff; }
    .button--success:active {
      color: #fff; }
    .button--success--active {
      color: #fff; }
    .button--success:hover {
      background-color: #6db43f; }
    .button--success:active, .button--success--active {
      background-color: #64a53a; }
  .button--blue {
    background-color: #216ba5;
    color: #fff;
    text-shadow: 0 1px 0 #1b5888;
    border-color: #15466b;
    color: #fff; }
    .button--blue:visited {
      color: #fff; }
    .button--blue:hover {
      color: #fff; }
    .button--blue:active {
      color: #fff; }
    .button--blue--active {
      color: #fff; }
    .button--blue:hover {
      background-color: #1f659d; }
    .button--blue:active, .button--blue--active {
      background-color: #1c5a8c; }

.button-group {
  zoom: 1;
  white-space: nowrap; }
  .button-group:before, .button-group:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .button-group:after {
    clear: both; }
  .button-group .button {
    border-radius: 0;
    vertical-align: bottom;
    float: left; }
    .button-group .button + .button {
      margin-left: -1px; }
    .button-group .button:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .button-group .button:last-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
    .button-group .button--active {
      border-top-width: 2px;
      border-bottom-width: 1px;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15); }

.cta-group {
  display: none; }
  @media (min-width: 850px) {
    .cta-group {
      display: block; } }

.vertical-cta1 {
  position: fixed;
  top: 250px;
  right: 0px;
  padding: 0px;
  margin: 0px;
  width: 40px;
  height: 145px;
  background: #ec1075;
  z-index: 1200;
  border-radius: 3px 0px 0px 3px; }
  .vertical-cta1 p {
    color: #fff;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    margin-top: 82px;
    font-family: EffraMedium; }

.vertical-cta2 {
  position: fixed;
  top: 400px;
  right: 0px;
  padding: 0px;
  margin: 0px;
  width: 40px;
  height: 145px;
  background: #ec1075;
  z-index: 1200;
  border-radius: 3px 0px 0px 3px; }
  .vertical-cta2 p {
    color: #fff;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    margin-top: 98px;
    font-family: EffraMedium; }

.centering-outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  visibility: hidden; }

.centering-outer:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.3em; }

.centering-inner {
  display: inline-block;
  vertical-align: middle; }

.centering-content {
  visibility: visible; }

.content-footer {
  margin-right: -20px;
  margin-bottom: -20px;
  margin-left: -20px;
  margin-top: 20px; }

.content-footer-wrapper {
  padding: 15px 20px;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  display: table;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .application_full_width_layout .content-footer-wrapper {
    border: 0;
    background: none; }

.content-footer-left,
.content-footer-right {
  width: 50%;
  display: table-cell; }

.content-footer-left {
  text-align: left; }

.content-footer-right {
  text-align: right; }

.content-footer__note {
  font-weight: normal;
  font-size: 12px;
  color: #828282;
  margin-right: 15px; }

.dropdown-box {
  display: inline-block;
  position: relative; }

.dropdown-list-container {
  display: none;
  position: absolute;
  max-height: 243px;
  margin-top: 3px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  z-index: 5; }
  .open .dropdown-list-container {
    display: block; }
  .dropdown-placement-top .dropdown-list-container {
    bottom: 100%; }
  .dropdown-pull-right .dropdown-list-container {
    right: 0; }

.dropdown-list-wrapper {
  display: table-cell;
  vertical-align: top;
  width: 100%; }

.hover .dropdown-border-overlap {
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: -1px;
  background: #f5f5f5; }

.dropdown-item-link-icon {
  display: inline;
  margin-left: 10px;
  color: #828282;
  position: absolute;
  right: 10px; }

.dropdown-item {
  color: #000;
  line-height: 31px;
  position: relative;
  height: 32px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 35px 0 10px;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
  user-select: none; }
  .dropdown-item:visited {
    color: #000; }
  .dropdown-item:hover {
    color: #000; }
  .dropdown-item:active {
    color: #000; }
  .dropdown-item.disabled {
    opacity: 1;
    color: #a6a6a6;
    cursor: not-allowed; }
  .dropdown-item--no-checkmark {
    padding-right: 10px; }
  .dropdown-item:hover, .dropdown-item.hover {
    background: #f5f5f5;
    text-decoration: none; }
  .dropdown-item:last-child {
    border-bottom: 0; }
  .dropdown-with-description .dropdown-item:hover:last-child, .dropdown-with-description .dropdown-item.hover:last-child {
    border-bottom: 1px solid #e5e5e5; }

.dropdown-item-description {
  display: none;
  min-height: 160px;
  border-left: 1px solid #e5e5e5;
  background: #f5f5f5;
  font-weight: normal;
  font-size: 13px;
  padding: 10px 20px;
  min-width: 280px; }
  .dropdown-with-description .dropdown-item-description {
    display: block; }
  .dropdown-item-description p:last-child {
    margin-bottom: 0; }

.dropdown-button {
  color: #000;
  background-color: #fff;
  font-size: 11px;
  line-height: 2.2;
  border: 1px solid #c5c5c5;
  border-bottom-width: 2px;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 4px;
  user-select: none;
  font-weight: 600; }
  .dropdown-button:visited {
    color: #000; }
  .dropdown-button:focus {
    color: #000; }
  .dropdown-button:hover {
    color: #000; }
  .dropdown-button:active {
    color: #000; }
  .dropdown-button--normal {
    font-size: 13px; }
  .dropdown-button:hover {
    background: linear-gradient(#fff 0%, #ebebeb 100%);
    filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #FFFFFFFF', endColorstr='#FFEBEBEB')";
    text-decoration: none; }
  .open .dropdown-button {
    background: linear-gradient(#fff 0%, #ebebeb 100%);
    filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #FFFFFFFF', endColorstr='#FFEBEBEB')";
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }
  .dropdown-silent .dropdown-button {
    border-color: transparent;
    box-shadow: none; }
    .dropdown-silent .dropdown-button:hover {
      margin: 0;
      border: 1px solid #c5c5c5;
      border-bottom-width: 2px; }
  .dropdown-silent.open .dropdown-button {
    margin: 0;
    border: 1px solid #c5c5c5;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }
  .dropdown-button:after {
    content: "";
    display: inline-block;
    border: 3px solid #000;
    border-color: #000 transparent transparent;
    width: 0;
    height: 0;
    margin: 0 0 0 5px; }

.dropdown-button-prefix {
  font-weight: 400;
  color: #828282; }

label,
input,
textarea,
select,
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }
  label:focus,
  input:focus,
  textarea:focus,
  select:focus,
  fieldset:focus {
    outline: 0; }

.webform-submission-form input {
  display: inline-block;
  height: 40px !important;
  font-size: 16px !important;
  font-family: EffraLight !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #c2c2c2; }
.webform-submission-form textarea {
  display: inline-block;
  height: 80px !important;
  font-size: 16px !important;
  font-family: EffraLight !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #c2c2c2; }
.webform-submission-form .ui-state-active, .webform-submission-form .ui-widget-content .ui-state-active, .webform-submission-form .ui-widget-header .ui-state-active, .webform-submission-form a.ui-button:active, .webform-submission-form .ui-button:active, .webform-submission-form .ui-button.ui-state-active:hover {
  background-color: #ec1075;
  border: 1px solid #ec1075; }
.webform-submission-form input[type="checkbox"] {
  visibility: hidden;
  display: none; }
.webform-submission-form label {
  cursor: pointer; }
.webform-submission-form input[type="checkbox"] + label:before {
  border: 1px solid #ec1075;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px; }
.webform-submission-form input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #ec1075;
  content: "\2713";
  text-align: center; }
.webform-submission-form input[type="checkbox"]:checked + label:after {
  font-weight: bold; }
.webform-submission-form input[type="checkbox"]:focus + label::before {
  outline: #ec1075 auto 5px; }

textarea {
  font-family: 'EffraLight';
  resize: none;
  height: 50px;
  width: 100%;
  font-size: 16px; }

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

#confirmform {
  display: none; }

.mktoModalMain {
  width: 100% !important;
  padding: 20px;
  margin: 0px !important; }
  @media (min-width: 850px) {
    .mktoModalMain {
      width: 400px !important;
      padding: 0px;
      margin: 20px !important; } }

form.mktoForm {
  width: 100% !important;
  display: inline-block; }
  @media (min-width: 850px) {
    form.mktoForm .mktoFormRow {
      width: inherit; } }
  form.mktoForm .mktoFormRow .mktoFormCol {
    width: 50% !important;
    margin-bottom: 0 !important;
    padding-right: 20px; }
  form.mktoForm .mktoFieldWrap {
    float: none; }
    form.mktoForm .mktoFieldWrap label {
      display: inherit;
      padding-top: 0; }
  form.mktoForm .mktoAsterix {
    display: none !important; }
  form.mktoForm .mktoGutter {
    display: none !important; }
  form.mktoForm .mktoOffset {
    display: none !important; }
  form.mktoForm input {
    display: inline-block !important;
    height: 40px !important;
    font-size: 16px !important;
    font-family: EffraLight !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #c2c2c2; }
    @media (min-width: 850px) {
      form.mktoForm input {
        margin: 0 5px;
        font-family: EffraRegular; } }
  form.mktoForm textarea {
    margin-top: 10px !important;
    border-bottom: 1px solid #c2c2c2; }
  form.mktoForm .mktoButtonRow {
    text-align: center;
    padding-top: 20px;
    display: inline-block;
    width: 100%; }
    @media (min-width: 850px) {
      form.mktoForm .mktoButtonRow {
        width: inherit;
        text-align: right; } }
  form.mktoForm button.mktoButton {
    width: 100% !important;
    height: auto !important;
    font-family: EffraMedium !important;
    font-size: 18px !important;
    line-height: 1.78 !important;
    text-align: center !important;
    color: #ffffff !important;
    display: inline-block !important;
    padding: 5px 50px !important;
    background-color: #ec1075 !important;
    border: solid 1px #ec1075 !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    background-image: none !important; }
    @media (min-width: 850px) {
      form.mktoForm button.mktoButton {
        padding: 5px 50px !important;
        width: auto !important; } }
  form.mktoForm#mktoForm_1211 .mktoFormRow .mktoFormCol {
    width: 100% !important;
    padding-right: 0px; }
  form.mktoForm#mktoForm_1211 .mktoButtonWrap,
  form.mktoForm#mktoForm_1211 .mktoFieldWrap {
    margin-left: 0px !important;
    width: 100%; }
  form.mktoForm#mktoForm_1211 button.mktoButton {
    width: 100% !important; }
  @media (min-width: 850px) {
    form.mktoForm#mktoForm_1211 {
      top: 12px;
      position: relative; }
      form.mktoForm#mktoForm_1211 button.mktoButton {
        width: auto !important;
        height: 40px !important; }
      form.mktoForm#mktoForm_1211 .mktoFormRow .mktoFormCol {
        padding-right: 20px; }
      form.mktoForm#mktoForm_1211 .mktoButtonRow {
        text-align: center; }
      form.mktoForm#mktoForm_1211 .mktoButtonWrap {
        text-align: center; } }
  form.mktoForm#mktoForm_1218,
  form.mktoForm#mktoForm_1223.old,
  form.mktoForm#mktoForm_1167,
  form.mktoForm#mktoForm_1017,
  form.mktoForm#mktoForm_1354 {
    width: 100% !important;
    padding-top: 0px !important; }
    form.mktoForm#mktoForm_1218 .mktoFormRow,
    form.mktoForm#mktoForm_1223.old .mktoFormRow,
    form.mktoForm#mktoForm_1167 .mktoFormRow,
    form.mktoForm#mktoForm_1017 .mktoFormRow,
    form.mktoForm#mktoForm_1354 .mktoFormRow {
      width: 100%; }
      form.mktoForm#mktoForm_1218 .mktoFormRow.hidden,
      form.mktoForm#mktoForm_1223.old .mktoFormRow.hidden,
      form.mktoForm#mktoForm_1167 .mktoFormRow.hidden,
      form.mktoForm#mktoForm_1017 .mktoFormRow.hidden,
      form.mktoForm#mktoForm_1354 .mktoFormRow.hidden {
        display: none; }
    form.mktoForm#mktoForm_1218 .mktoFieldWrap,
    form.mktoForm#mktoForm_1223.old .mktoFieldWrap,
    form.mktoForm#mktoForm_1167 .mktoFieldWrap,
    form.mktoForm#mktoForm_1017 .mktoFieldWrap,
    form.mktoForm#mktoForm_1354 .mktoFieldWrap {
      border-radius: none;
      margin: 0 5px;
      width: 100%; }
      form.mktoForm#mktoForm_1218 .mktoFieldWrap label,
      form.mktoForm#mktoForm_1223.old .mktoFieldWrap label,
      form.mktoForm#mktoForm_1167 .mktoFieldWrap label,
      form.mktoForm#mktoForm_1017 .mktoFieldWrap label,
      form.mktoForm#mktoForm_1354 .mktoFieldWrap label {
        display: inherit;
        width: 100%;
        float: none;
        color: #494649; }
      form.mktoForm#mktoForm_1218 .mktoFieldWrap .mktoField,
      form.mktoForm#mktoForm_1223.old .mktoFieldWrap .mktoField,
      form.mktoForm#mktoForm_1167 .mktoFieldWrap .mktoField,
      form.mktoForm#mktoForm_1017 .mktoFieldWrap .mktoField,
      form.mktoForm#mktoForm_1354 .mktoFieldWrap .mktoField {
        padding: 0 !important;
        background-color: transparent;
        height: 24px; }
        form.mktoForm#mktoForm_1218 .mktoFieldWrap .mktoField:focus,
        form.mktoForm#mktoForm_1223.old .mktoFieldWrap .mktoField:focus,
        form.mktoForm#mktoForm_1167 .mktoFieldWrap .mktoField:focus,
        form.mktoForm#mktoForm_1017 .mktoFieldWrap .mktoField:focus,
        form.mktoForm#mktoForm_1354 .mktoFieldWrap .mktoField:focus {
          box-shadow: none; }
    form.mktoForm#mktoForm_1218 .mktoButtonRow,
    form.mktoForm#mktoForm_1223.old .mktoButtonRow,
    form.mktoForm#mktoForm_1167 .mktoButtonRow,
    form.mktoForm#mktoForm_1017 .mktoButtonRow,
    form.mktoForm#mktoForm_1354 .mktoButtonRow {
      width: 100%; }
      form.mktoForm#mktoForm_1218 .mktoButtonRow button.mktoButton,
      form.mktoForm#mktoForm_1223.old .mktoButtonRow button.mktoButton,
      form.mktoForm#mktoForm_1167 .mktoButtonRow button.mktoButton,
      form.mktoForm#mktoForm_1017 .mktoButtonRow button.mktoButton,
      form.mktoForm#mktoForm_1354 .mktoButtonRow button.mktoButton {
        margin: 0; }
  form.mktoForm#mktoForm_1017 {
    padding-top: 40px !important; }
    @media (min-width: 850px) {
      form.mktoForm#mktoForm_1017 {
        padding-top: 0px !important; } }
    form.mktoForm#mktoForm_1017 .mktoFormRow .mktoFormCol {
      width: 100% !important; }
    form.mktoForm#mktoForm_1017 .mktoButtonRow {
      padding-right: 20px; }
      form.mktoForm#mktoForm_1017 .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton {
        width: 100% !important; }
  form.mktoForm#mktoForm_1013 .mktoFieldWrap label,
  form.mktoForm#mktoForm_1223.old .mktoFieldWrap label,
  form.mktoForm#mktoForm_1368 .mktoFieldWrap label {
    display: inherit; }
  form.mktoForm#mktoForm_1013 input[type="hidden"],
  form.mktoForm#mktoForm_1223.old input[type="hidden"],
  form.mktoForm#mktoForm_1368 input[type="hidden"] {
    display: none !important; }
  form.mktoForm#mktoForm_1013 .mktoHtmlText,
  form.mktoForm#mktoForm_1223.old .mktoHtmlText,
  form.mktoForm#mktoForm_1368 .mktoHtmlText {
    padding: 10px 0 !important; }
    form.mktoForm#mktoForm_1013 .mktoHtmlText h2,
    form.mktoForm#mktoForm_1223.old .mktoHtmlText h2,
    form.mktoForm#mktoForm_1368 .mktoHtmlText h2 {
      padding: 0 0 10px; }
  form.mktoForm#mktoForm_1013 .mktoFormRow .mktoFormCol,
  form.mktoForm#mktoForm_1223.old .mktoFormRow .mktoFormCol,
  form.mktoForm#mktoForm_1368 .mktoFormRow .mktoFormCol {
    width: 100% !important;
    padding-right: 0px; }
    @media (min-width: 850px) {
      form.mktoForm#mktoForm_1013 .mktoFormRow .mktoFormCol,
      form.mktoForm#mktoForm_1223.old .mktoFormRow .mktoFormCol,
      form.mktoForm#mktoForm_1368 .mktoFormRow .mktoFormCol {
        width: 50% !important;
        padding-right: 20px; } }
  form.mktoForm#mktoForm_1013 .mktoButtonWrap,
  form.mktoForm#mktoForm_1223.old .mktoButtonWrap,
  form.mktoForm#mktoForm_1368 .mktoButtonWrap {
    margin-left: 0px !important; }
  form.mktoForm#mktoForm_1211 {
    width: inherit; }
    form.mktoForm#mktoForm_1211 .mktoButton {
      width: 100%;
      height: 40px; }
/*
  form.mktoForm#mktoForm_1218 .mktoFieldWrap input#Company,
  form.mktoForm#mktoForm_1218 .mktoFieldWrap textarea {
    width: 100% !important; }
  form.mktoForm#mktoForm_1218 .mktoFormRow .mktoFormCol {
    width: 100% !important; }
    @media (min-width: 850px) {
      form.mktoForm#mktoForm_1218 .mktoFormRow .mktoFormCol {
        width: 50% !important; } }
 */
  form.mktoForm#mktoForm_1232 select.mktoField {
    margin: 15px 0; }
  form.mktoForm#mktoForm_1232 .mktoFieldWrap label,
  form.mktoForm#mktoForm_1232 .mktoFieldWrap .mktoHtmlText,
  form.mktoForm#mktoForm_1232 textarea.mktoField {
    width: 100% !important; }
  form.mktoForm#mktoForm_1232 .mktoFormRow {
    width: 100% !important; }
    form.mktoForm#mktoForm_1232 .mktoFormRow .mktoFormCol {
      width: 100% !important; }
  form.mktoForm .mktoError .mktoErrorArrow {
    background-color: #b21e54;
    border: 1px solid #b21e54; }
  form.mktoForm .mktoError .mktoErrorMsg {
    background-color: #b21e54;
    background-image: none; }
    form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
      color: white; }

/*
@doc Grid
@tags layout

## Proportional Grid with a 0 pixel gutter

```html
<div class="row">
  <div class="col col--one-whole">
    <div class="grid-filler text-aligned-center">One whole</div>
  </div>
</div>
<div class="row">
  <div class="col col--one-half">
    <div class="grid-filler text-aligned-center">One half</div>
  </div>
  <div class="col col--one-half">
    <div class="grid-filler text-aligned-center">One half</div>
  </div>
</div>
<div class="row">
  <div class="col col--one-third">
    <div class="grid-filler text-aligned-center">One third</div>
  </div>
  <div class="col col--two-thirds">
    <div class="grid-filler text-aligned-center">Two thirds</div>
  </div>
</div>
<div class="row">
  <div class="col col--one-quarter">
    <div class="grid-filler text-aligned-center">One quarter</div>
  </div>
  <div class="col col--three-quarters">
    <div class="grid-filler text-aligned-center">Three quarters</div>
  </div>
</div>
<div class="row">
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
</div>
```

## Proportional Grid with a 20 pixel gutter

```html
<div class="row row--20">
  <div class="col col--one-whole">
    <div class="grid-filler text-aligned-center">One whole</div>
  </div>
</div>
<div class="row row--20">
  <div class="col col--one-half">
    <div class="grid-filler text-aligned-center">One half</div>
  </div>
  <div class="col col--one-half">
    <div class="grid-filler text-aligned-center">One half</div>
  </div>
</div>
<div class="row row--20">
  <div class="col col--one-third">
    <div class="grid-filler text-aligned-center">One third</div>
  </div>
  <div class="col col--two-thirds">
    <div class="grid-filler text-aligned-center">Two thirds</div>
  </div>
</div>
<div class="row row--20">
  <div class="col col--one-quarter">
    <div class="grid-filler text-aligned-center">One quarter</div>
  </div>
  <div class="col col--three-quarters">
    <div class="grid-filler text-aligned-center">Three quarters</div>
  </div>
</div>
<div class="row row--20">
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
  <div class="col col--one-fifth">
    <div class="grid-filler text-aligned-center">One fifth</div>
  </div>
</div>
```
*/
.grid-filler {
  background: #f5f5f5;
  padding: 24px 0;
  max-width: inherit;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #c5c5c5; }

.row {
  zoom: 1;
  position: relative; }
  .row:before, .row:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .row:after {
    clear: both; }
  .row .col {
    float: left; }

.row--20 {
  margin-left: -20px;
  margin-bottom: 20px; }
  .row--20 .col {
    padding-left: 20px; }

.resources .row .col .views-field-field-res, .resources .row .col .views-field-field-resource-type, .resources .row .col .views-field-title, .resources .row .col .views-field-field-subtitle, .resources .row .col .views-field-view-node, .resources .row .col .views-field-field-external-url {
  padding: 0 15px; }
.resources .row .col .panel {
  padding-bottom: 10px; }

.col--one-whole,
.col--one-half,
.col--one-third,
.col--two-thirds,
.col--one-quarter,
.col--three-quarters,
.col--one-fifth,
.col--two-fifths,
.col--three-fifths,
.col--four-fifths,
.col--one-sixth,
.col--one-seventh,
.col--pricing,
.superman-footer--column {
  width: 100%; }

@media (min-width: 640px) {
  .col--one-half,
  .col--pricing {
    width: 50%; }

  .col--one-third {
    width: 33.3333333333%; }

  .col--two-thirds {
    width: 66.6666666667%; }

  .col--one-quarter {
    width: 25%; }

  .col--three-quarters {
    width: 75%; }

  .col--one-fifth {
    width: 20%; }

  .col--one-sixth {
    width: 16.6666666667%; }

  .col--two-fifths {
    width: 40%; }

  .col--three-fifths {
    width: 60%; }

  .col--four-fifths {
    width: 80%; }

  .col--one-seventh {
    width: 14.2857142857%; }

  .offset--one-third {
    margin-left: calc(((100% - (6/1 - 1) * 20px) / 6 * 1 ) + 20px); }

  .offset--one-quarter {
    margin-left: calc(((100% - (8/1 - 1) * 20px) / 8 * 1 ) + 20px); }

  .offset--one-fifth {
    margin-left: calc(((100% - (10/1 - 1) * 20px) / 10 * 1 ) + 20px); }

  .offset--one-seventh {
    margin-left: 65px; }

  .offset--one-half {
    margin-left: calc(((100% - (4/1 - 1) * 20px) / 4 * 1 ) + 20px); } }
@media (min-width: 940px) {
  .col--pricing {
    width: 33.3333333333%; }

  .superman-footer--column {
    width: 16.6666666667%; } }
/*
@doc Icons
@tags css

Icons are compiled to a font file by Fontcustom. To compile the font with a new icon, place a black
1000x1000px SVG icon in `app/assets/icons` and run the following command in your terminal:
`fontcustom compile --config=app/assets/icons/fontcustom/config.yml`. New icons
will automatically be added to the UI Docs upon compilation. You can style these icons as a font.


```html
  <i class="icon-arrow"></i>
```

```html
  <i class="icon-arrow-alt"></i>
```

```html
  <i class="icon-arrow-closure"></i>
```

```html
  <i class="icon-bug"></i>
```

```html
  <i class="icon-checkmark"></i>
```

```html
  <i class="icon-checkmark-alt"></i>
```

```html
  <i class="icon-circle"></i>
```

```html
  <i class="icon-close"></i>
```

```html
  <i class="icon-closed-lock"></i>
```

```html
  <i class="icon-cross"></i>
```

```html
  <i class="icon-cup"></i>
```

```html
  <i class="icon-delete"></i>
```

```html
  <i class="icon-external-link"></i>
```

```html
  <i class="icon-eye"></i>
```

```html
  <i class="icon-gift"></i>
```

```html
  <i class="icon-hacktivity-vote"></i>
```

```html
  <i class="icon-hamburger"></i>
```

```html
  <i class="icon-info"></i>
```

```html
  <i class="icon-logo"></i>
```

```html
  <i class="icon-minus"></i>
```

```html
  <i class="icon-paperclip"></i>
```

```html
  <i class="icon-pencil"></i>
```

```html
  <i class="icon-play"></i>
```

```html
  <i class="icon-plus"></i>
```

```html
  <i class="icon-remove"></i>
```

```html
  <i class="icon-search"></i>
```

```html
  <i class="icon-share-facebook"></i>
```

```html
  <i class="icon-share-google-plus"></i>
```

```html
  <i class="icon-share-hacker-news"></i>
```

```html
  <i class="icon-share-hackerone"></i>
```

```html
  <i class="icon-share-linkedin"></i>
```

```html
  <i class="icon-share-reddit"></i>
```

```html
  <i class="icon-share-rss"></i>
```

```html
  <i class="icon-share-twitter"></i>
```

```html
  <i class="icon-small-cup"></i>
```

```html
  <i class="icon-superman-analytics"></i>
```

```html
  <i class="icon-superman-arrow"></i>
```

```html
  <i class="icon-superman-bug"></i>
```

```html
  <i class="icon-superman-chat"></i>
```

```html
  <i class="icon-superman-copy-files"></i>
```

```html
  <i class="icon-superman-duplicate"></i>
```

```html
  <i class="icon-superman-file"></i>
```

```html
  <i class="icon-superman-funnel"></i>
```

```html
  <i class="icon-superman-group"></i>
```

```html
  <i class="icon-superman-h1"></i>
```

```html
  <i class="icon-superman-hacker"></i>
```

```html
  <i class="icon-superman-headphones"></i>
```

```html
  <i class="icon-superman-help"></i>
```

```html
  <i class="icon-superman-list"></i>
```

```html
  <i class="icon-superman-money-bag"></i>
```

```html
  <i class="icon-superman-monitor"></i>
```

```html
  <i class="icon-superman-newspaper"></i>
```

```html
  <i class="icon-superman-order"></i>
```

```html
  <i class="icon-superman-pay-per-click"></i>
```

```html
  <i class="icon-superman-phonebook"></i>
```

```html
  <i class="icon-superman-plugin"></i>
```

```html
  <i class="icon-superman-research"></i>
```

```html
  <i class="icon-superman-shared-folder"></i>
```

```html
  <i class="icon-superman-target"></i>
```

```html
  <i class="icon-superman-translation"></i>
```

```html
  <i class="icon-superman-video"></i>
```

```html
  <i class="icon-superman-wedding-planning"></i>
```

```html
  <i class="icon-users"></i>
```

*/
.superman-icon {
  width: 40px;
  height: 40px;
  vertical-align: middle; }
  .superman-icon.detect-duplicates {
    background-image: url("/assets/images/product-edition-features/Detect Duplicates.png"); }
  .superman-icon.direct-communication {
    background-image: url("/assets/images/product-edition-features/Direct Communication.png"); }
  .superman-icon.flexible-programs {
    background-image: url("/assets/images/product-edition-features/Flexible Programs.png"); }
  .superman-icon.integrate-hackerone {
    background-image: url("/assets/images/product-edition-features/Integrate HackerOne.png"); }
  .superman-icon.launch-program {
    background-image: url("/assets/images/product-edition-features/Launch Program.png"); }
  .superman-icon.multi-party-coordination {
    background-image: url("/assets/images/product-edition-features/Multi-Party-Coordination.png"); }
  .superman-icon.prioritize-report {
    background-image: url("/assets/images/product-edition-features/Prioritize Report.png"); }
  .superman-icon.publish-vuln-disclosure-policy {
    background-image: url("/assets/images/product-edition-features/Publish Vuln Disclosure Policy.png"); }
  .superman-icon.start-stop {
    background-image: url("/assets/images/product-edition-features/Start Stop.png"); }
  .superman-icon.team-stats {
    background-image: url("/assets/images/product-edition-features/Team Stats.png"); }
  .superman-icon.third-party {
    background-image: url("/assets/images/product-edition-features/Third Party.png"); }
  .superman-icon.timely-messaging {
    background-image: url("/assets/images/product-edition-features/Timely Messaging.png"); }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "hackerone";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

[class^="icon-"]:hover,
[class*=" icon-"]:hover {
  text-decoration: none; }

/*
[class^="fa-"]:before,
[class*=" fa-"]:before {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

[class^="fa-"]:hover,
[class*=" fa-"]:hover {
  text-decoration: none; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-user:before {
  content: "\f007"; }

.fa-share-facebook:before {
  content: "\f09a"; }

.fa-share-linkedin:before {
  content: "\f0e1"; }

.fa-share-twitter:before {
  content: "\f099"; }

.fa-share-github:before {
  content: "\f09b"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-quote-left:before {
  content: "\f10d"; }
 */

.icon-arrow:before {
  content: "\f100"; }

.icon-arrow-alt:before {
  content: "\f101"; }

.icon-arrow-closure:before {
  content: "\f102"; }

.icon-bug:before {
  content: "\f103"; }

.icon-checkmark:before {
  content: "\f104"; }

.icon-checkmark-alt:before {
  content: "\f105"; }

.icon-circle:before {
  content: "\f106"; }

.icon-close:before {
  content: "\f107"; }

.icon-closed-lock:before {
  content: "\f108"; }

.icon-cross:before {
  content: "\f109"; }

.icon-cup:before {
  content: "\f10a"; }

.icon-delete:before {
  content: "\f10b"; }

.icon-external-link:before {
  content: "\f10c"; }

.icon-eye:before {
  content: "\f10d"; }

.icon-gift:before {
  content: "\f10e"; }

.icon-hacktivity-vote:before {
  content: "\f10f"; }

.icon-hamburger:before {
  content: "\f110"; }

.icon-info:before {
  content: "\f111"; }

.icon-logo:before {
  content: "\f112"; }

.icon-minus:before {
  content: "\f113"; }

.icon-paperclip:before {
  content: "\f114"; }

.icon-pencil:before {
  content: "\f115"; }

.icon-play:before {
  content: "\f116"; }

.icon-plus:before {
  content: "\f117"; }

.icon-remove:before {
  content: "\f118"; }

.icon-search:before {
  content: "\f119"; }

.icon-share-facebook:before {
  content: "\f11a"; }

.icon-share-google-plus:before {
  content: "\f11b"; }

.icon-share-hacker-news:before {
  content: "\f11c"; }

.icon-share-hackerone:before {
  content: "\f11d"; }

.icon-share-linkedin:before {
  content: "\f11e"; }

.icon-share-reddit:before {
  content: "\f11f"; }

.icon-share-rss:before {
  content: "\f120"; }

.icon-share-twitter:before {
  content: "\f121"; }

.icon-small-cup:before {
  content: "\f13e"; }

.icon-superman-analytics:before {
  content: "\f122"; }

.icon-superman-arrow:before {
  content: "\f123"; }

.icon-superman-bug:before {
  content: "\f124"; }

.icon-superman-chat:before {
  content: "\f125"; }

.icon-superman-copy-files:before {
  content: "\f126"; }

.icon-superman-duplicate:before {
  content: "\f127"; }

.icon-superman-file:before {
  content: "\f128"; }

.icon-superman-funnel:before {
  content: "\f129"; }

.icon-superman-group:before {
  content: "\f12a"; }

.icon-superman-h1:before {
  content: "\f12b"; }

.icon-superman-hacker:before {
  content: "\f12c"; }

.icon-superman-headphones:before {
  content: "\f12d"; }

.icon-superman-help:before {
  content: "\f12e"; }

.icon-superman-list:before {
  content: "\f12f"; }

.icon-superman-money-bag:before {
  content: "\f130"; }

.icon-superman-monitor:before {
  content: "\f131"; }

.icon-superman-newspaper:before {
  content: "\f132"; }

.icon-superman-order:before {
  content: "\f133"; }

.icon-superman-pay-per-click:before {
  content: "\f134"; }

.icon-superman-phonebook:before {
  content: "\f135"; }

.icon-superman-plugin:before {
  content: "\f136"; }

.icon-superman-research:before {
  content: "\f137"; }

.icon-superman-shared-folder:before {
  content: "\f138"; }

.icon-superman-target:before {
  content: "\f139"; }

.icon-superman-translation:before {
  content: "\f13a"; }

.icon-superman-video:before {
  content: "\f13b"; }

.icon-superman-wedding-planning:before {
  content: "\f13c"; }

.icon-users:before {
  content: "\f13d"; }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  border: 0;
  display: inline-block;
  vertical-align: middle; }

.input-wrapper,
.input-wrapper-small {
  position: relative; }
  .input-wrapper:last-child,
  .input-wrapper-small:last-child {
    margin-bottom: 0; }

.input-wrapper {
  margin-bottom: 20px; }

.input-wrapper-small {
  margin-bottom: 10px; }

.input-wrapper--inline {
  margin: 0;
  display: inline-block; }

.input-label {
  font-weight: 600;
  cursor: pointer; }
  .has-error .input-label {
    color: #cd3a3a; }
  .input-label--superman {
    font-weight: 300;
    margin-bottom: 10px;
    display: inline-block; }

.input, .select, .report-action-picker__input {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #c5c5c5;
  line-height: 16px;
  padding: 6px 10px 5px;
  width: 100%;
  word-break: normal; }
  .input:focus, .select:focus, .report-action-picker__input:focus {
    outline: none;
    border-color: #c5c5c5;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 10px rgba(33, 107, 165, 0.3); }
  .input:disabled, .select:disabled, .report-action-picker__input:disabled {
    background-color: #fff; }
  .input--superman {
    font-weight: 300;
    font-size: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    border-radius: 5px;
    background: #f5f5f5;
    padding: 10px 20px;
    height: 38px;
    box-shadow: none;
    border: none; }
    .input--superman:focus {
      outline: none;
      box-shadow: 0 0 10px rgba(0, 219, 255, 0.25), inset 0 0 0 2px #00dbff; }
    .input--superman:disabled {
      background-color: #fff; }
    .input--superman::placeholder {
      color: #c5c5c5; }
  .input--search {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px; }
    @media (min-width: 640px) {
      .input--search {
        font-size: 13px; } }
  .input--superman-textarea {
    padding: 20px; }
  .input-wrapper--inline .input, .input-wrapper--inline .select, .input-wrapper--inline .report-action-picker__input {
    display: inline;
    margin-left: 5px;
    margin-right: 5px; }
  .input--monospace {
    font-family: Consolas, "Liberation Mono", Courier, monospace; }
  .has-currency-indicator .input, .has-currency-indicator .select, .has-currency-indicator .report-action-picker__input {
    padding-left: 18px; }
  .input.has-input-color-indicator, .has-input-color-indicator.select, .has-input-color-indicator.report-action-picker__input {
    padding-left: 32px; }
  .has-max-length-indicator .input, .has-max-length-indicator .select, .has-max-length-indicator .report-action-picker__input {
    padding-right: 40px; }
  .has-error .input, .has-error .select, .has-error .report-action-picker__input {
    border-color: #cd3a3a; }
    .has-error .input:focus, .has-error .select:focus, .has-error .report-action-picker__input:focus {
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 10px rgba(205, 58, 58, 0.3); }

.input--required {
  color: #e67e22;
  margin-left: 3px; }

.input-content-counter {
  right: 10px;
  text-align: right;
  font-size: 12px;
  color: #9c9c9c; }
  .input-content-counter.is-below-zero {
    color: #cd3a3a;
    font-weight: 600; }

.input-content-counter, .currency-indicator {
  top: 0;
  position: absolute;
  z-index: 1;
  height: 29px;
  line-height: 29px; }
  .has-error .input-content-counter,
  .has-error .currency-indicator {
    color: #cd3a3a; }
  .input-wrapper .input-content-counter, .input-wrapper .currency-indicator {
    top: 22px; }

.currency-indicator {
  left: 10px; }
  .currency-indicator--small {
    height: 24px;
    line-height: 24px; }

.input__color-indicator {
  top: 27px;
  left: 10px;
  position: absolute;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer; }

.input--reference-id {
  background: #fbf1f1;
  width: 155px;
  padding-right: 25px; }

.input--setup {
  width: 85px; }

.icon--reference-id {
  position: absolute;
  font-size: 11px;
  color: #828282;
  top: 7px;
  right: 10px;
  width: 12px;
  height: 13px;
  left: 135px; }

.js-disabled {
  background: rgba(206, 0, 0, 0.3);
  text-align: center;
  padding: 20px;
  z-index: 1;
  margin-bottom: -60px; }

/*
@doc Label
@tags css

```html
<span class="label">Cats</span>
```

```html
<span class="label label--green">Dogs</span>
```

```html
<span class="label label--red">Chickens</span>
```

```html
<span class="label label--blue">Cookies</span>
```
*/
.label {
  background: #f5f5f5;
  border-radius: 4px;
  font-weight: 600;
  padding: 0 2px;
  border: 1px solid #c5c5c5;
  font-size: 11px; }

.label--green {
  background: #109857;
  color: #fff;
  border-color: #0b6a3d; }

.label--red {
  background: #cd3a3a;
  color: #fff;
  border-color: #a92b2b; }

.label--blue {
  background: #216ba5;
  color: #fff;
  border-color: #194f7b; }

.list {
  margin: 0 0 15px 20px;
  list-style: disc; }
  .list:last-child {
    margin-bottom: 0; }
  .list--inline {
    margin-left: 0; }
    .list--inline li {
      display: inline;
      position: relative;
      padding-right: 7px; }
      .list--inline li:after {
        content: "\2022";
        font-size: 10px;
        padding-left: 7px; }
      .list--inline li:last-child {
        padding-right: 0; }
      .list--inline li:last-child:after {
        content: "";
        padding-left: 0; }
  .list--no-bullets {
    list-style: none; }

ol.list {
  list-style: decimal; }

.markdownable {
  margin-bottom: -15px; }
  .markdownable--no-margin-bottom {
    margin-bottom: 0; }
  .markdownable--with-margin-bottom {
    margin-bottom: 15px; }
  .markdownable h1,
  .markdownable h2,
  .markdownable h3,
  .markdownable h4,
  .markdownable h5,
  .markdownable h6 {
    margin: 0 0 15px;
    padding: 0;
    font-weight: 600;
    line-height: 20px;
    font-size: 13px; }
  .markdownable h1 {
    font-size: 19px; }
  .markdownable h2 {
    font-size: 17px; }
  .markdownable h3 {
    font-size: 15px; }
  .markdownable code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    overflow-x: auto;
    background-color: #f8f8f8;
    color: #333;
    font-size: 13px;
    padding: 0 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px; }
  .markdownable pre code {
    display: block;
    padding: 5px;
    margin-bottom: 15px;
    word-wrap: normal; }
  .markdownable ul,
  .markdownable ol {
    margin-left: 17px;
    padding-bottom: 15px; }
  .markdownable ul {
    list-style: disc; }
  .markdownable ol {
    list-style: decimal; }
  .markdownable em {
    font-style: italic; }
  .markdownable blockquote {
    border-left: 3px solid #e5e5e5;
    padding-left: 10px;
    margin-bottom: 15px; }
  .markdownable i {
    margin-left: 3px; }

.modal-open {
  overflow: hidden; }

.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1250;
  background-color: rgba(0, 0, 0, 0.65); }
  .modal-background.is-hidden {
    display: none; }
  .modal-background.is-visible {
    display: block; }

.modal-close-button {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 16px;
  padding: 10px;
  color: #828282; }
  .modal-close-button:visited {
    color: #828282; }
  .modal-close-button:hover {
    color: #828282; }
  .modal-close-button:active {
    color: #828282; }
  @media (min-width: 768px) {
    .modal-close-button {
      padding: 0; } }
  .modal-close-button:hover {
    text-decoration: none; }

.modal-content {
  padding: 20px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  z-index: 1251;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  cursor: default;
  position: relative; }
  @media (min-width: 768px) {
    .modal-content .attachment--image {
      cursor: zoom-out; } }
  @media (min-width: 768px) {
    .modal-content {
      margin: 96px auto 30px;
      width: 700px; } }
  .modal-content--small {
    width: 320px; }
  @media (min-width: 768px) {
    .modal-content--medium {
      width: 500px; } }
  @media (min-width: 768px) {
    .modal-content--large {
      width: 75%; } }

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

.modal-footer {
  padding-right: 20px;
  padding-left: 20px;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  line-height: 51px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 20px -20px -20px;
  overflow: hidden; }

.page-title-container {
  margin-bottom: 25px; }

.page-title__sub-title {
  color: #828282;
  font-size: 16px;
  margin-left: 10px; }

.settings-title-container {
  zoom: 1;
  position: relative; }
  .settings-title-container:before, .settings-title-container:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .settings-title-container:after {
    clear: both; }

.password-strength-container {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #ccc;
  position: relative;
  overflow: hidden;
  margin-top: -6px; }

.password-strength-indicator {
  width: auto;
  height: 4px;
  position: absolute;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
  .password-strength-indicator.is-too-long, .password-strength-indicator.is-weak {
    width: 25%;
    background: #d20000; }
  .password-strength-indicator.is-so-so {
    width: 50%;
    background: #ef9f00; }
  .password-strength-indicator.is-good {
    width: 75%;
    background: #a0be91; }
  .password-strength-indicator.is-great {
    width: 100%;
    background: #63ac34;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

.password-strength-separator {
  position: absolute;
  width: 1px;
  background: #fff;
  z-index: 1;
  height: 4px; }
  .password-strength-separator:nth-child(2) {
    left: 25%; }
  .password-strength-separator:nth-child(3) {
    left: 50%; }
  .password-strength-separator:nth-child(4) {
    left: 75%; }

.password-strength-info {
  position: relative;
  width: 100%; }

.password-strength-text {
  margin-bottom: 10px;
  text-align: right; }
  .password-strength-text > .icon-info {
    padding-left: 5px;
    color: #aeaeae;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer; }

.password-strength-explanation {
  font-size: 11px;
  font-weight: 600; }
  .password-strength-explanation.is-too-long, .password-strength-explanation.is-weak {
    color: #d20000; }
  .password-strength-explanation.is-so-so {
    color: #ef9f00; }
  .password-strength-explanation.is-good {
    color: #a0be91; }
  .password-strength-explanation.is-great {
    color: #63ac34; }

.password-strength-image {
  width: 582px;
  height: 473px; }

.xkcd-source {
  text-align: center;
  font-size: 11px;
  color: #828282;
  margin: 0; }

.popover--is-loading {
  opacity: .01; }

.popover__content {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #c5c5c5;
  font-size: 13px;
  padding: 8px;
  line-height: 1.4;
  max-width: 240px;
  z-index: 0;
  overflow: hidden; }
  .popover--no-padding .popover__content {
    padding: 0; }

.popover__footer {
  background: #f5f5f5;
  margin: 8px -8px -8px;
  padding: 6px;
  border-top: 1px solid #e5e5e5;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.popover__arrow, .popover__arrow-shadow {
  transform: rotate(45deg);
  position: absolute;
  width: 8px;
  height: 8px;
  margin: -5px; }

.popover__arrow {
  z-index: 1;
  background: #fff; }

.popover__arrow-shadow {
  z-index: -1;
  border: 1px solid #c5c5c5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
  .tether-element-attached-top .popover__arrow-shadow {
    margin-bottom: -4px; }
  .tether-element-attached-right .popover__arrow-shadow {
    margin-left: -4px; }
  .tether-element-attached-bottom .popover__arrow-shadow {
    margin-top: -4px; }
  .tether-element-attached-left .popover__arrow-shadow {
    margin-right: -4px; }

.tether-element-attached-top.tether-element-attached-center .popover__arrow,
.tether-element-attached-top.tether-element-attached-center .popover__arrow-shadow {
  bottom: 100%;
  left: 50%; }
.tether-element-attached-bottom.tether-element-attached-center .popover__arrow, .tether-element-attached-bottom.tether-element-attached-center .popover__arrow-shadow {
  top: 100%;
  left: 50%; }
.tether-element-attached-right.tether-element-attached-middle .popover__arrow, .tether-element-attached-right.tether-element-attached-middle .popover__arrow-shadow {
  left: 100%;
  top: 50%; }
.tether-element-attached-left.tether-element-attached-middle .popover__arrow, .tether-element-attached-left.tether-element-attached-middle .popover__arrow-shadow {
  right: 100%;
  top: 50%; }
.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .popover__arrow, .tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .popover__arrow-shadow {
  bottom: 100%;
  left: 13px; }
.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .popover__arrow, .tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .popover__arrow-shadow {
  bottom: 100%;
  right: 13px; }
.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .popover__arrow, .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .popover__arrow-shadow {
  top: 100%;
  left: 13px; }
.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .popover__arrow, .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .popover__arrow-shadow {
  top: 100%;
  right: 13px; }
.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .popover__arrow, .tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .popover__arrow-shadow {
  top: 13px;
  left: 100%; }
.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .popover__arrow, .tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .popover__arrow-shadow {
  top: 13px;
  right: 100%; }
.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .popover__arrow, .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .popover__arrow-shadow {
  bottom: 13px;
  left: 100%; }
.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .popover__arrow, .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .popover__arrow-shadow {
  bottom: 13px;
  right: 100%; }

.popover--tutorial {
  opacity: 1;
  transition: opacity .5s ease-in; }
  .popover--tutorial .popover__content {
    background: #fff0b9;
    padding: 15px; }
  .popover--tutorial .popover__footer {
    background: #fff;
    margin: 15px -15px -15px; }
  .popover--tutorial .popover__arrow {
    background: #fff0b9; }
    .tether-element-attached-bottom.tether-element-attached-center .popover--tutorial .popover__arrow {
      background: #fff; }

.popover--mini-profile .popover__content {
  min-height: 50px;
  min-width: 220px;
  max-width: 220px; }

.popover {
  position: relative; }
  .tether-element-attached-bottom.tether-element-attached-center .popover {
    margin-bottom: 8px; }
  .tether-element-attached-top.tether-element-attached-center .popover {
    margin-top: 8px; }
  .tether-element-attached-right.tether-element-attached-middle .popover {
    margin-right: 8px; }
  .tether-element-attached-left.tether-element-attached-middle .popover {
    margin-left: 8px; }
  .tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .popover {
    margin-top: 8px; }
  .tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .popover {
    margin-top: 8px; }
  .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .popover {
    margin-bottom: 8px; }
  .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .popover {
    margin-bottom: 8px; }
  .tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .popover {
    margin-right: 8px; }
  .tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .popover {
    top: 8px; }
  .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .popover {
    margin-right: 8px; }
  .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .popover {
    margin-left: 8px; }

.separator {
  width: 100%;
  border-bottom: 1px solid #c5c5c5;
  margin: 30px 0; }

.separator--small {
  margin: 10px 0; }

.separator--muted {
  border-bottom: 1px solid #e5e5e5; }

.separated-and-muted, .is-separated-and-muted ~ .is-separated-and-muted {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5; }

.separator--line {
  border-bottom: 1px solid #c5c5c5;
  position: relative;
  height: 10px;
  margin-bottom: 20px;
  margin-top: 8px; }

.separator--text {
  position: absolute;
  background: white;
  padding: 0 7px;
  margin: 0 10px;
  color: #828282;
  text-transform: uppercase;
  font-size: 11px; }

.status-page-image {
  border-radius: 400px;
  background: #fff;
  border: 1px solid #c5c5c5;
  padding: 3px;
  width: 215px;
  height: 215px;
  margin-bottom: 15px; }

.tooltip {
  z-index: 1500;
  overflow: hidden; }

.tooltip__container {
  color: #fff;
  background: rgba(32, 32, 32, 0.8); }

.tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
  border-left-color: rgba(32, 32, 32, 0.8); }

.tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
  border-top-color: rgba(32, 32, 32, 0.8); }

.tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
  border-bottom-color: rgba(32, 32, 32, 0.8); }

.tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
  border-right-color: rgba(32, 32, 32, 0.8); }

.tooltip__container {
  padding: 8px;
  line-height: 1.4;
  max-width: 240px;
  text-align: center;
  font-size: 12px;
  border-radius: 4px;
  overflow: hidden; }
  .tooltip__container:after {
    content: "";
    border: 8px solid transparent;
    position: absolute;
    margin: -8px;
    pointer-events: none; }
  .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
    top: 50%;
    right: 100%; }
  .tether-element-attached-top.tether-element-attached-center .tooltip__container {
    margin-top: 8px; }
    .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
      bottom: 100%;
      left: 50%; }
  .tether-target-attached-right.tether-element-attached-middle .tooltip__container {
    margin-left: 8px; }
    .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
      top: 50%;
      right: 100%; }
  .tether-element-attached-bottom.tether-element-attached-center .tooltip__container {
    margin-bottom: 8px; }
    .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
      top: 100%;
      left: 50%; }
  .tether-target-attached-left.tether-element-attached-middle .tooltip__container {
    margin-right: 8px; }
    .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
      top: 50%;
      left: 100%; }

.tooltip-password-advice {
  width: 590px;
  top: -247px;
  right: 30px;
  background: #fff;
  padding: 15px;
  font-size: 12px;
  position: absolute;
  z-index: 10;
  border: 1px solid #c5c5c5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px; }
  .tooltip-password-advice:after, .tooltip-password-advice:before {
    left: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 50%; }
  .tooltip-password-advice:after {
    border-color: transparent;
    border-left-color: #fff;
    border-width: 9px;
    margin-top: -9px; }
  .tooltip-password-advice:before {
    border-color: transparent;
    border-left-color: #c5c5c5;
    border-width: 10px;
    margin-top: -10px; }
  .tooltip-password-advice p:only-child {
    margin-bottom: 0; }

.typeahead {
  position: relative; }

.typeahead-dropdown {
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  margin-top: 10px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  right: auto;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
  .typeahead-dropdown:after, .typeahead-dropdown:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: 20px;
    right: auto; }
  .typeahead-dropdown:after {
    border-color: transparent;
    border-width: 6px; }
  .typeahead-dropdown:before {
    border-width: 7px; }
  .typeahead-dropdown:after, .typeahead-dropdown:before {
    left: 20px;
    right: auto;
    bottom: 100%; }
  .typeahead-dropdown:after {
    border-bottom-color: #fff; }
  .typeahead-dropdown:before {
    border-bottom-color: #c5c5c5;
    margin-left: -1px; }

.typeahead-suggestions {
  max-height: 135px;
  overflow: hidden;
  position: relative; }

.typeahead-suggestion {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 8px;
  font-size: 12px;
  cursor: pointer; }
  .typeahead-suggestion:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .typeahead-suggestion:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

.typeahead-suggestion-selected {
  background: #f5f5f5; }

.user-autocomplete {
  width: 175px; }

.typeahead__loading-indicator {
  position: absolute;
  bottom: 3px;
  right: 3px; }

.typeahead-selection {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 3px 5px;
  height: 31px;
  white-space: nowrap;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .typeahead-selection__avatar {
    display: table-cell;
    width: 20px;
    vertical-align: middle; }
  .typeahead-selection__remove {
    color: #cd3a3a;
    vertical-align: middle;
    display: table-cell;
    width: 13px; }
    .typeahead-selection__remove:visited {
      color: #cd3a3a; }
    .typeahead-selection__remove:hover {
      color: #cd3a3a; }
    .typeahead-selection__remove:active {
      color: #cd3a3a; }
  .typeahead-selection__information {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: table-cell;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle; }
  .typeahead-selection__right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: table-cell;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
    text-align: right; }

/*
@doc Typography
@tags css

# Headings

```html
<h1>Title</h1>
<h2>Title</h2>
<h3>Title</h3>
```

# Body copy

HackerOne's global default `font-size` is 13px, with a line-height of 21px. This is applied
to the `<body>` and all paragraphs. In addition, `<p>` (paragraphs) receive a bottom margin of
`15px` by default.

```html
<p>
  Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis
  parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>

<p>
  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
  ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat
  porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor
  fringilla.
</p>

<p>
  Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida
  at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
  sem nec elit.
</p>
```

# Inline text elements
## Strong
For emphasizing a snippet of text with a heavier font-weight.

```html
The following snippet of text <strong>is rendered as bold text</strong>.
```

## Italics
For emphasizing a snippet of text with italics.

```html
The following snippet of text <em>is rendered as italicized text</em>.
```

## Text muted
```html
The following snippet of text <span class="text-muted">is muted</span>.
```

## Text red
```html
The following snippet of text <span class="text-red">is red</span>.
```

## Text green
```html
The following snippet of text <span class="text-green">is green</span>.
```

# Blockquotes
For quoting blocks of content from another source within your document.

Wrap `<blockquote>` around any HTML as the quote. For straight quotes, we recommend a `<p>`.

```html
<blockquote class="blockquote">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
```
*/
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  color: #555555;
  background: #fff; }

p {
  margin-bottom: 15px; }

strong {
  font-weight: 600; }

em {
  font-style: italic; }

a,
.link {
  text-decoration: none; }
  a:hover,
  .link:hover {
    text-decoration: none; }
  a.red,
  .link.red {
    color: #cd3a3a; }

.link {
  background: none;
  border: none;
  outline-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 21px;
  cursor: pointer;
  padding: 0; }

.text-pink {
  color: #ec1075; }

.text-muted {
  color: #828282; }

.text-red {
  color: #cd3a3a; }

.text-green {
  color: #109857; }

.blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee; }
  .blockquote--large {
    font-size: 125%;
    line-height: 1.25; }
  .inline-banner--notice .blockquote {
    border-color: #ffee94; }

.blockquote__footer {
  margin-bottom: 0; }

.user-item {
  margin-bottom: 20px; }
  .user-item:last-child {
    margin-bottom: 0; }

.user-item__avatar {
  vertical-align: middle; }

.user-item__user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 78%;
  margin-left: 8px;
  line-height: 15px;
  display: inline-block;
  vertical-align: middle; }

.user-item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%; }

.user-item__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #828282;
  font-size: 11px; }

/*
@doc CSS Helpers
@tags css

These CSS Helpers are occasionally used to quickly add common styling to HTML elements, or override
some existing styling.

## pull-left and pull-right

```html
<div style="background: #ccc;">
  <div class="pull-left">I'm positioned to the left</div>
  <div class="pull-right">I'm positioned to the right</div>
  <div class="clearfix"></div>
</div>
```

## disabled

```html
<a class="button button--success button--disabled">I'm disabled</a>
```

## display-none

```html
<div class="display-none">Where am I?</div>
```

## cursor

```html
<div class="cursor">I have a pointer cursor, hover me</div>
```

## text-aligned-left

```html
<div class="text-aligned-left">My text is aligned in the left</div>
```

## text-aligned-center

```html
<div class="text-aligned-center">My text is aligned in the center</div>
```

## text-aligned-right

```html
<div class="text-aligned-right">My text is aligned to the right</div>
```

## is-full-width

```html
<div class="button button--success is-full-width">I am full width</div>
```

## `.internal`

- Apply the `.internal` class to add a red background and border to elements. This helper is used
in combination with the <a href="#internal_indicator">`InternalIcon`</a> element to show
the lock icon with a tooltip when hovering over the icon.
- Only apply Internal styling to "internal/team members only" elements and classes.

```html
<div class="internal">
  <i class="icon-closed-lock"></i> Internal information that includes a border.
</div>
```

## no-padding

```html
<div class="no-padding" style="background: #ccc;">I have no padding</div>
```

## no-margin

```html
<div class="no-margin" style="background: #ccc;">I have no margin</div>
```

## inline-help

```html
<span class="inline-help">Use me in combination with a tooltip as a inline help, hover me</span>
```

## underlined

```html
<div class="underlined">I'm underlined</div>
```

## monospace

```html
<div class="monospace">I'm a piece of code</div>
```

## meta-text

```html
<div class="meta-text">I can be used as helper text</div>
```

## text-truncate

```html
<div class="text-truncate" style="max-width: 150px;">I'm cut off after a certain width</div>
```

## break-word

```html
<div class="break-word" style="max-width: 150px;">http://thismakessurelongurlsgetcutoff.com</div>
```

## clearfix
Easily clear `float`s by adding `.clearfix` to the parent element.

```html
<div>
  <p style="float: left;">
  </p>
  <div class="clearfix"></div>
</div>
```

## Squeezing and pushing

Give your elements natural breathing space by either using `.margin` or `.padding`.

- Use `.margin` if you want to push one element away from another element.
- Use `.padding` if you want to push content inside an element (for example, text).

Both `.margin` and `.padding` will add a `15px` spacing by default. You're able to add spacing
for a specific side of the element by using `margin--{side}` or `padding--{side}`. Where sides
can be one of: `left`, `top`, `right` or `bottom`. You're also able to combine these classnames
(`margin--left margin--top`).

```html
<div style="background: #ccc;" class="padding">
  Default padding
</div>
<div style="background: #ccc;" class="padding--left padding--right">
  Left and right padding
</div>

<div style="background: #ccc;" class="margin">
  Default margin
</div>
<div style="background: #ccc;" class="margin--top margin--bottom">
  Top and bottom margin
</div>

<div style="background: #ccc;" class="negative-margin">
  Default negative-margin
</div>
<div style="background: #ccc;" class="negative-margin--bottom negative-margin--right">
  bottom and right negative-margin
</div>
```
*/
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.display-none {
  display: none; }

.display-block {
  display: block; }

.cursor {
  cursor: pointer; }

.text-uppercase {
  text-transform: uppercase; }

.text-aligned-center {
  text-align: center; }

.text-aligned-right {
  text-align: right; }

.text-aligned-left {
  text-align: left; }

.is-full-width {
  width: 100%; }

.is-half-width {
  width: 50%; }

.is-quarter-width {
  width: 25%; }

.inline {
  display: inline; }

.inline-help {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  cursor: help; }

.underlined {
  text-decoration: underline; }

.monospace {
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.meta-text {
  color: #828282;
  font-size: 11px; }

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

.break-word {
  word-wrap: break-word; }

.pre-wrap {
  white-space: pre-wrap; }

.no-wrap {
  white-space: nowrap; }

.word-break--all {
  word-break: break-all; }

.superscript {
  position: relative;
  top: -.5em;
  font-size: 80%; }

.large-icon {
  font-size: 125px;
  color: #f3f3f3;
  display: inline-block;
  line-height: 1;
  margin: 20px auto; }

.external-reference-create {
  margin-left: 5px; }

.clearfix {
  clear: both; }

.internal {
  background: #fbf1f1;
  border: 1px solid #f5dddd; }

.disable-click {
  pointer-events: none; }

.margin {
  margin: 15px; }

.no-margin {
  margin: 0; }

.padding {
  padding: 15px; }

.no-padding {
  padding: 0; }

.negative-margin {
  margin: -15px; }

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

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

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

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

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

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

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

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

.no-margin--top {
  margin-top: 0; }

.no-margin--right {
  margin-right: 0; }

.no-margin--bottom {
  margin-bottom: 0; }

.no-margin--left {
  margin-left: 0; }

.negative-margin--top {
  margin-top: -15px; }

.negative-margin--right {
  margin-right: -15px; }

.negative-margin--bottom {
  margin-bottom: -15px; }

.negative-margin--left {
  margin-left: -15px; }

.no-padding--top {
  padding-top: 0; }

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

.no-padding--bottom {
  padding-bottom: 0; }

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

.align-middle {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.hidden--mobile-and-up {
  display: none; }
  @media (min-width: 640px) {
    .hidden--mobile-and-up {
      display: block; } }

.hidden--tablet-and-up {
  display: none; }
  @media (min-width: 768px) {
    .hidden--tablet-and-up {
      display: block; } }

.hidden--desktop-and-up {
  display: none; }
  @media (min-width: 940px) {
    .hidden--desktop-and-up {
      display: block; } }

.confirmation-icon {
  font-size: 125px;
  color: #f3f3f3;
  display: inline-block;
  line-height: 1;
  margin: 20px auto; }

body.application_full_width_layout {
  background: #fff; }
  body.application_full_width_layout .footer-wrapper {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0; }

.full-width-container {
  position: relative;
  height: 100%; }
  .full-width-container.noscroll {
    overflow: hidden;
    width: 100%; }
  .controller_teams.action_new .full-width-container, .controller_teams.action_setup .full-width-container {
    padding-top: 0; }
  .full-width-container--grey {
    background: #f5f5f5;
    min-height: 100%; }

.full-width-wrapper {
  position: absolute;
  top: 145px;
  right: 0;
  left: 0;
  bottom: 0; }

.full-width-scroll-area {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 20px; }
  .full-width-scroll-area--no-padding {
    padding: 0; }

.full-width-bugs-filters {
  position: absolute;
  width: 210px;
  left: 0;
  height: 100%;
  z-index: 3;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  overflow: hidden; }
  @media (min-width: 960px) {
    .full-width-bugs-filters {
      left: 296px;
      z-index: 2; } }
  @media (min-width: 1025px) {
    .full-width-bugs-filters {
      left: 400px; } }
  .full-width-bugs-filters.filters-slider-enter, .full-width-bugs-filters.filters-slider-leave.filters-slider-leave-active {
    left: -210px; }
    @media (min-width: 960px) {
      .full-width-bugs-filters.filters-slider-enter, .full-width-bugs-filters.filters-slider-leave.filters-slider-leave-active {
        left: 86px; } }
    @media (min-width: 1025px) {
      .full-width-bugs-filters.filters-slider-enter, .full-width-bugs-filters.filters-slider-leave.filters-slider-leave-active {
        left: 190px; } }
  .full-width-bugs-filters.filters-slider-enter.filters-slider-enter-active, .full-width-bugs-filters.filters-slider-leave {
    transition: left .5s ease-in-out;
    left: 0; }
    @media (min-width: 960px) {
      .full-width-bugs-filters.filters-slider-enter.filters-slider-enter-active, .full-width-bugs-filters.filters-slider-leave {
        left: 296px; } }
    @media (min-width: 1025px) {
      .full-width-bugs-filters.filters-slider-enter.filters-slider-enter-active, .full-width-bugs-filters.filters-slider-leave {
        left: 400px; } }

.bugs-filter-title {
  user-select: none;
  position: relative;
  margin: -10px -10px 0;
  padding: 10px;
  font-weight: 600;
  line-height: 1; }

.bugs-filter {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #e5e5e5; }
  .bugs-filter:last-child {
    border-bottom: 0; }
  .bugs-filter .avatar.small {
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 1px;
    margin-top: -1px; }

.bugs-filter__substates {
  margin-left: 16px; }

.full-width-bugs-left-column {
  float: left;
  border-right: 1px solid #e5e5e5;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 1px rgba(0, 0, 0, 0.03); }
  @media (min-width: 960px) {
    .full-width-bugs-left-column {
      width: 296px; } }
  @media (min-width: 1025px) {
    .full-width-bugs-left-column {
      width: 400px; } }

.full-width-bugs-list-wrapper {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 0; }
  .full-width-pagination + .full-width-bugs-list-wrapper {
    bottom: 44px; }

.full-width-bugs-list-loading-state {
  position: absolute;
  z-index: 2;
  background: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.full-width-bugs-list-scrollable-container {
  height: 100%;
  overflow: hidden;
  position: relative; }

.full-width-bugs-list-topbar {
  position: absolute;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  height: 44px;
  top: 0;
  left: 0;
  right: 0; }

.full-width-bugs-list-toolbar {
  position: absolute;
  right: 15px;
  top: 9px; }

.full-width-bugs-item {
  user-select: none;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  font-size: 11px;
  color: #a5a5a5;
  padding: 15px;
  padding-left: 11px;
  cursor: pointer;
  border-left: 4px solid transparent; }
  .full-width-bugs-item:hover {
    background-color: #f5f5f5; }
  .full-width-bugs-item.is-unread {
    background: #fffae0; }
    .full-width-bugs-item.is-unread:hover {
      background: #fff8d1; }
  .full-width-bugs-item.is-active {
    background: #f5f5f5;
    border-left-color: #216ba5; }

.full-width-bugs-checkbox {
  display: none;
  position: absolute;
  top: 23px; }
  @media (min-width: 1025px) {
    .full-width-bugs-checkbox {
      display: block; } }

.full-width-bugs-item-info {
  padding-left: 0;
  line-height: 18px; }
  @media (min-width: 1025px) {
    .full-width-bugs-item-info {
      padding-left: 20px; } }

.full-width-bugs-item-time-ago {
  float: right;
  padding-left: 10px; }

.full-width-bugs-item-title {
  color: #000;
  font-size: 13px;
  word-break: break-word; }
  .full-width-bugs-item-title:visited {
    color: #000; }
  .full-width-bugs-item-title:hover {
    color: #000; }
  .full-width-bugs-item-title:active {
    color: #000; }
  .is-unread .full-width-bugs-item-title {
    font-weight: 600; }

.full-width-bugs-meta {
  float: left;
  margin-right: 5px; }
  .full-width-bugs-meta a {
    color: #a5a5a5;
    font-weight: 600; }
    .full-width-bugs-meta a:visited {
      color: #a5a5a5; }
    .full-width-bugs-meta a:hover {
      color: #a5a5a5; }
    .full-width-bugs-meta a:active {
      color: #a5a5a5; }
  .full-width-bugs-meta:after {
    content: "\2022";
    margin-left: 5px; }
  .full-width-bugs-meta:last-child:after {
    content: ""; }

.full-width-bugs-list-topbar-item {
  display: inline-block; }
  .full-width-bugs-list-topbar-item:first-child {
    display: none; }
    @media (min-width: 1025px) {
      .full-width-bugs-list-topbar-item:first-child {
        display: inline-block; } }

.top-bar-bug-checkbox {
  user-select: none;
  width: 35px;
  position: absolute;
  top: 11px;
  left: 15px;
  float: none;
  margin: 0;
  padding: 0;
  display: none; }
  @media (min-width: 1025px) {
    .top-bar-bug-checkbox {
      display: block; } }

.bugs-list-pagination {
  text-align: right;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  padding: 7px 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.bulk-actions-report-heading {
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  padding: 7px 10px;
  user-select: none; }
  .bulk-actions-report-heading:hover {
    background: #f5f5f5; }
  .bulk-actions-report-heading:first-child {
    border-top: 1px solid #e5e5e5; }
  .bulk-actions-report-heading:last-child {
    margin-bottom: 20px; }

.bulk-actions-report-remove .icon-remove {
  display: none;
  font-size: 16px;
  color: #cd3a3a;
  cursor: pointer; }
  .bulk-actions-report-heading:hover .bulk-actions-report-remove .icon-remove {
    display: block; }

.full-width-bugs-search-wrapper {
  float: left;
  overflow: hidden;
  border-left: 1px solid #e5e5e5;
  display: none; }
  @media (min-width: 640px) {
    .full-width-bugs-search-wrapper {
      display: inline-block; } }

.full-width-bugs-search {
  padding: 11px; }

.subject-selector {
  float: left;
  padding: 5px;
  position: relative;
  border-right: 1px solid #e5e5e5; }

.subject-selector__list {
  position: absolute;
  max-height: 290px;
  background: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-width: 175px;
  z-index: 4;
  width: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  display: none; }
  .subject-selector--open .subject-selector__list {
    display: block; }

.subject-selector__current-item {
  float: left;
  padding: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  z-index: 5;
  position: relative;
  border-radius: 4px; }
  .subject-selector--open .subject-selector__current-item, .subject-selector__current-item:hover {
    background: #fff;
    border: 1px solid #ccc; }
  .subject-selector--open .subject-selector__current-item:hover {
    background: #f5f5f5; }
  .subject-selector--open .subject-selector__current-item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: -1px; }

.subject-selector__arrow {
  color: #aeaeae;
  margin-left: 10px; }

.subject-selector__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px;
  cursor: pointer;
  user-select: none;
  border-top: 1px solid transparent; }
  .subject-selector__item:first-child {
    border-top: none; }
  .subject-selector__item--selected, .subject-selector__item:hover {
    background: #f5f5f5;
    border-color: #e5e5e5; }
    .subject-selector__item--selected + .subject-selector__item, .subject-selector__item:hover + .subject-selector__item {
      border-top: 1px solid #e5e5e5; }
  .subject-selector__item--current-user {
    border-color: #e5e5e5; }

.subject-selector__item-name {
  margin-left: 5px;
  font-weight: 600;
  font-size: 13px;
  vertical-align: middle; }

.subject-selector__overlay {
  display: none;
  z-index: 3;
  top: 0;
  position: absolute;
  background: rgba(78, 78, 78, 0.1);
  width: 100%;
  height: 100%; }
  .subject-selector__overlay--visible {
    display: block; }

.selected-users,
.selected-teams {
  margin: 10px 0;
  padding: 0 9px; }

.selected-user,
.selected-team {
  line-height: 2;
  display: table;
  table-layout: fixed;
  width: 100%; }

.selected-user-avatar,
.selected-user-username,
.selected-user-remove,
.selected-team-avatar,
.selected-team-name,
.selected-team-remove {
  display: table-cell;
  vertical-align: middle; }

.selected-user-avatar,
.selected-team-avatar {
  width: 21px; }

.selected-user-username,
.selected-team-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  float: left;
  white-space: nowrap; }

.selected-user-username__assigned {
  margin-left: 5px; }

.selected-user-full-name,
.selected-team-handle {
  margin-left: 2px;
  font-size: 11px;
  color: #999; }

.selected-user-remove, .selected-team-remove {
  cursor: pointer;
  width: 14px;
  text-align: right;
  user-select: none; }
  .disabled .selected-user-remove,
  .disabled .selected-team-remove {
    pointer-events: none; }
  .selected-user-remove .icon-remove, .selected-team-remove .icon-remove {
    color: #bababa; }
    .selected-user-remove .icon-remove:hover, .selected-team-remove .icon-remove:hover {
      color: #d0021b; }

.timeline {
  position: relative;
  padding: 15px 0; }

.timeline-jumptarget {
  position: absolute;
  top: -70px; }

.timeline-line {
  position: absolute;
  top: 5px;
  left: 20px;
  display: block;
  width: 1px;
  height: 100%;
  background: #c5c5c5; }

.timeline-item {
  position: relative;
  padding-bottom: 30px; }

.timeline-datetime-placeholder {
  height: 100%;
  user-select: none;
  position: relative;
  z-index: 1; }

.timeline-avatar-placeholder {
  position: absolute;
  user-select: none; }

.timeline-datetime {
  text-align: center;
  text-transform: uppercase;
  line-height: 2.2;
  font-size: 10px;
  border: 1px solid #c5c5c5;
  width: 40px;
  background: #fff;
  border-radius: 4px; }

.timeline-container {
  margin-left: 55px;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid transparent;
  transition: all .3s ease-out; }
  .is-internal .timeline-container {
    padding-top: 4px;
    padding-bottom: 4px;
    background: #fbf1f1;
    border-color: #f5dddd; }
  .is-highlighted .timeline-container {
    padding-top: 4px;
    padding-bottom: 4px;
    background: #fffae0;
    border-color: #fff6c7; }
  .is-internal.is-highlighted .timeline-container {
    border-color: #f5dddd; }

.timeline-container-subject {
  display: table;
  width: 100%;
  color: #828282; }

.timeline-container-subject-entry {
  display: table-cell;
  padding-right: 10px; }

.timeline-container-content {
  zoom: 1;
  word-wrap: break-word; }
  .timeline-container-content:before, .timeline-container-content:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .timeline-container-content:after {
    clear: both; }

.timeline-timestamp {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
  font-size: 11px; }

.timeline-timestamp-link {
  color: #828282; }
  .timeline-timestamp-link:visited {
    color: #828282; }
  .timeline-timestamp-link:hover {
    color: #828282; }
  .timeline-timestamp-link:active {
    color: #828282; }

.timeline-indicator {
  user-select: none;
  position: absolute;
  left: 14px;
  top: 5px; }
  .comment-preview .timeline-indicator {
    left: 13px; }
  .is-internal .timeline-indicator {
    top: 9px; }

.timeline-indicator-dot {
  border: 1px solid #c5c5c5;
  width: 13px;
  height: 13px;
  background: #fff;
  z-index: 1;
  position: relative;
  border-radius: 500px;
  box-shadow: inset 0 0 0 2px #fff; }
  .timeline-indicator-dot:after {
    content: "";
    width: 20px;
    left: 12px;
    top: 5px;
    position: absolute;
    border-top: 1px solid #c5c5c5; }
  .timeline-indicator-dot.is-red {
    background: #cc3636; }
  .timeline-indicator-dot.is-blue {
    background: #3969ca; }
  .timeline-indicator-dot.is-green {
    background: #63ac34; }
  .timeline-indicator-dot.is-grey {
    background: #898989; }

.timelime-automated-response {
  background: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600; }

.hacktivity__cta-arrow {
  margin-left: 5px; }

.hacktivity__cursor {
  opacity: 1;
  animation: hacktivity-blink 1s infinite; }

@keyframes hacktivity-blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.hacktivity {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5; }
  .hacktivity__wrapper {
    width: 100%;
    display: table;
    padding-left: 53px;
    min-height: 40px; }
    .hacktivity--voting .hacktivity__wrapper {
      padding-left: 93px; }
  .hacktivity__date, .hacktivity__content {
    vertical-align: middle;
    line-height: 18px; }
    @media (min-width: 640px) {
      .hacktivity__date, .hacktivity__content {
        display: table-cell; } }
  .hacktivity__date {
    color: #828282;
    font-size: 12px;
    white-space: nowrap;
    margin-top: 5px; }
    @media (min-width: 640px) {
      .hacktivity__date {
        margin-top: 0;
        padding-left: 15px;
        text-align: right; } }
  .hacktivity__avatar {
    position: absolute;
    left: 0; }
    .hacktivity--voting .hacktivity__avatar {
      left: 40px; }
  .hacktivity__meta {
    color: #828282;
    font-size: 12px;
    margin: 0; }
  .hacktivity__link {
    color: #216ba5; }
    .hacktivity__link:visited {
      color: #144063; }
    .hacktivity__link:hover {
      color: #144063; }
    .hacktivity__link:active {
      color: #144063; }
  .hacktivity__title {
    font-weight: 600;
    font-size: 14px; }
    .hacktivity__title--undisclosed {
      cursor: default;
      font-size: 20px;
      font-family: "Blokk";
      color: #ececec;
      letter-spacing: -3px; }
  .hacktivity__substate {
    margin-right: 4px; }
  .hacktivity .timeline-item__wrapper:last-child .timeline-item .timeline-line {
    display: none; }
  .hacktivity__voting {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 18px;
    min-width: 20px;
    text-align: center; }
    .report-heading__report-title-controls .hacktivity__voting {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      line-height: 12px; }
  .hacktivity__upvote {
    display: block;
    padding: 2px 5px;
    transition: margin-top .1s ease-in-out; }
    @media (min-width: 640px) {
      .hacktivity__upvote {
        margin-right: 18px; } }
    .hacktivity__upvote--upvoted {
      margin-top: -8px;
      padding-bottom: 8px; }
  .hacktivity__upvote-icon {
    font-size: 18px;
    transition: opacity .1s ease-in-out; }
    .report-heading__report-title-controls .hacktivity__upvote-icon {
      font-size: 14px; }
    .hacktivity__upvote--upvoted .hacktivity__upvote-icon {
      opacity: 0; }

.genius {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
  background: #fbf1f1; }
  .genius__close-icon {
    color: #828282;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 16px; }
    .genius__close-icon:visited {
      color: #828282; }
    .genius__close-icon:hover {
      color: #828282; }
    .genius__close-icon:active {
      color: #828282; }
  .genius__footer {
    background: #f5f5f5;
    font-size: 11px;
    border-top: 1px solid #e5e5e5;
    padding: 5px 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 15px -15px -15px; }

.avatar-upload-control {
  display: inline-block;
  vertical-align: middle; }
  @media (min-width: 640px) {
    .avatar-upload-control {
      margin-left: 20px; } }

.avatar-upload-description {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #828282; }
  @media (min-width: 640px) {
    .avatar-upload-description {
      width: 380px; } }

/*
@doc Check panel
@tags forms

This component is used on settings pages and wizards where users are able to choose between
multiple options. The JavaScript should take care of checking and unchecking the panel when clicking
the entire component.

## Checkpanels with criteria
<strong>Basic</strong>

```html
<div class="check-panel">
  <div class="check-panel-heading">
    <input type="radio">
    <label>Title</label>
  </div>
  <div class="check-panel-criteria">
    Criteria
  </div>
</div>
```
<strong>Selected</strong>

```html
<div class="check-panel is-selected">
  <div class="check-panel-heading">
    <input type="radio" checked>
    <label>Title</label>
  </div>
  <div class="check-panel-criteria">
    Criteria
  </div>
</div>
```

## Checkpanels without criteria
<strong>Basic</strong>

```html
<div class="check-panel">
  <div class="check-panel-heading">
    <input type="radio">
    <label>Title</label>
  </div>
</div>
```

<strong>Selected</strong>

```html
<div class="check-panel is-selected">
  <div class="check-panel-heading">
    <input type="radio" checked>
    <label>Title</label>
  </div>
</div>
```
*/
.check-panel {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  user-select: none;
  margin-bottom: 10px;
  overflow: hidden; }
  .check-panel:last-child {
    margin-bottom: 0; }
  .check-panel.is-selected, .check-panel:active {
    border-color: #b6d0e4; }

.check-panel-heading {
  padding: 8px 10px;
  background-color: #f5f5f5;
  font-weight: 600; }
  .check-panel:hover .check-panel-heading {
    background-color: gainsboro;
    cursor: pointer; }
  .is-selected .check-panel-heading, .is-selected:hover .check-panel-heading {
    background-color: #dbe8f2; }
  .check-panel:active .check-panel-heading {
    background-color: #dbe8f2;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }

.check-panel-criteria {
  border-top: 1px solid #c5c5c5;
  padding: 8px 10px; }
  .is-selected .check-panel-criteria, .check-panel:active .check-panel-criteria {
    border-top-color: #b6d0e4; }

/*
@doc Radio buttons and checkboxes
@tags forms

## Radio buttons

```html
<div class="input-wrapper">
  <label class="input-label">Select the radio button you really love</label>

  <div class="input-wrapper">
    <input id="proper-radio-button-id-1" name="group" type="radio">
    <label for="proper-radio-button-id-1">Check me!</label>
  </div>

  <div class="input-wrapper">
    <input id="proper-radio-button-id-2" name="group" type="radio">
    <label for="proper-radio-button-id-2">No no no, check me!</label>
  </div>

  <div class="input-wrapper">
    <input id="proper-radio-button-id-3" name="group" type="radio" disabled>
    <label for="proper-radio-button-id-3">I'm disabled? Whuut!</label>
  </div>

  <div class="input-wrapper">
    <input id="proper-radio-button-id-4" name="group" type="radio" checked>
    <label for="proper-radio-button-id-4">I'm the one you should pick</label>
    <div class="help-block help-block--radio-button">Because I have a fancy helper text.</div>
  </div>
</div>
```

## Checkboxes

```html
<div class="input-wrapper">
  <label class="input-label">Select the checkboxes you really love</label>

  <div class="input-wrapper">
    <input id="proper-checkbox-id-1" type="checkbox">
    <label for="proper-checkbox-id-1">Check me!</label>
  </div>

  <div class="input-wrapper">
    <input id="proper-checkbox-id-2" type="checkbox">
    <label for="proper-checkbox-id-2">No no no, check me!</label>
  </div>

  <div class="input-wrapper">
    <input id="proper-checkbox-id-3" type="checkbox" disabled>
    <label for="proper-checkbox-id-3">I'm disabled? Whuut!</label>
  </div>

  <div class="input-wrapper">
    <input id="proper-checkbox-id-4" type="checkbox" checked>
    <label for="proper-checkbox-id-4">I'm the one you should pick</label>
    <div class="help-block help-block--radio-button">Because I have a fancy helper text.</div>
  </div>
</div>
```
*/
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    margin-left: 4px; }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    outline: auto; }

.help-block {
  font-size: 12px;
  margin-top: 2px;
  color: #828282; }
  .help-block--radio-button {
    margin-left: 16px;
    margin-top: 0; }

.select {
  height: 31px; }

.field_with_errors {
  display: inline; }

.helper-text {
  color: #828282;
  width: 100%;
  margin-top: 2px;
  position: relative;
  font-size: 12px; }
  .helper-text > p {
    margin-bottom: 0; }
  .helper-text .preview {
    word-break: break-all; }
  .helper-text--error ~ .helper-text {
    display: none; }
  .helper-text--error {
    color: #cd3a3a; }

.markdown-textarea-container {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  word-break: break-word;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
  position: relative; }
  .markdown-textarea-container.disabled {
    pointer-events: none; }
  .markdown-textarea-container.is-focussed {
    outline: none;
    border-color: #c5c5c5;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 10px rgba(33, 107, 165, 0.3); }
  .markdown-textarea-container.has-error, .has-error .markdown-textarea-container {
    border-color: #cd3a3a; }
  .markdown-textarea-container.markdown-textarea-container--is-internal {
    background: #fbf1f1; }

.markdown-footer {
  user-select: none;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  line-height: 30px;
  color: #828282;
  font-size: 12px; }

.markdown-panes {
  padding: 10px;
  position: relative; }

.markdown-pane {
  display: none; }
  .markdown-pane.is-active {
    display: block; }

.markdown-message {
  float: right;
  padding-right: 10px; }

.markdown-tab {
  float: left;
  border-right: 1px solid #c5c5c5;
  padding: 0 10px;
  cursor: pointer; }
  .markdown-tab:hover {
    background: #fff; }
  .markdown-tab.is-active {
    background: #fff;
    margin-top: -1px; }
    .markdown-textarea-container--is-internal .markdown-tab.is-active {
      background-color: #fbf1f1; }
      .markdown-textarea-container--is-internal .markdown-tab.is-active:before {
        background-color: #fbf1f1; }
    .markdown-tab.is-active:before {
      content: "";
      background: #fff;
      display: block;
      position: relative;
      height: 1px;
      top: -1px; }

.markdown-textarea {
  width: 100%;
  display: block;
  font-size: 13px;
  height: 100%;
  line-height: 21px;
  overflow: hidden; }
  .markdown-textarea-container--is-internal .markdown-textarea {
    background-color: #fbf1f1; }
  .markdown-textarea:disabled {
    background: #fff; }

.markdown-label {
  cursor: pointer;
  font-weight: 600; }
  .has-error .markdown-label {
    color: #cd3a3a; }

.monospace-textarea-container {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
  position: relative; }

.monospace-textarea {
  width: 100%;
  padding: 10px;
  display: block;
  font-family: Courier;
  font-size: 13px;
  height: 100%;
  line-height: 21px;
  white-space: pre; }
  .monospace-textarea:disabled {
    background: #fff; }

.dropdown-menu {
  position: absolute;
  margin-top: 3px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  z-index: 5; }
  .dropdown-menu--pull-right {
    right: 0; }

.dropdown-menu-header {
  padding: 10px 14px;
  line-height: 21px;
  font-weight: 600;
  border-bottom: 1px solid #c5c5c5;
  user-select: none; }

.dropdown-menu-header-small {
  font-size: 11px;
  color: #216ba5; }
  .dropdown-menu-header-small:visited {
    color: #216ba5; }
  .dropdown-menu-header-small:hover {
    color: #216ba5; }
  .dropdown-menu-header-small:active {
    color: #216ba5; }

.feature-toggle-bar {
  position: fixed;
  bottom: 15px;
  left: 15px;
  background-color: #fff;
  padding: 8px 10px;
  z-index: 10;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  height: 34px; }
  .feature-toggle-bar:hover {
    height: 400px;
    height: 75vh;
    overflow-y: scroll; }

.feature-toggle-bar-handle {
  position: absolute;
  bottom: 5px; }
  .feature-toggle-bar:hover .feature-toggle-bar-handle {
    display: none; }

.feature-toggle-list {
  position: relative;
  top: 100%; }
  .feature-toggle-bar:hover .feature-toggle-list {
    top: 0; }

.feature-toggle-item {
  line-height: 2; }

.feature-toggle-bar-handle-arrow {
  position: absolute;
  bottom: 13px;
  right: 15px;
  border: 5px solid transparent;
  border-bottom-color: #828282; }
  .feature-toggle-bar:hover .feature-toggle-bar-handle-arrow {
    display: none; }

.footer {
  font-size: 12px; }

.footer-wrapper {
  padding-top: 20px;
  padding-bottom: 20px; }

.footer-copyright {
  color: #a5a5a5; }
  @media (min-width: 768px) {
    .footer-copyright {
      float: left; } }

.footer-nav {
  zoom: 1;
  float: right; }
  .footer-nav:before, .footer-nav:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .footer-nav:after {
    clear: both; }

.footer-nav-item {
  padding-right: 15px;
  float: left;
  display: inline;
  width: 50%; }
  .footer-nav-item:last-child {
    padding-right: 0; }
  @media (min-width: 768px) {
    .footer-nav-item {
      display: block;
      width: auto; } }

.footer-nav-item-link {
  text-decoration: none;
  color: #666;
  opacity: .65;
  transition: opacity .2s ease-in-out; }
  .footer-nav-item-link:visited {
    color: #666; }
  .footer-nav-item-link:hover {
    color: #666; }
  .footer-nav-item-link:active {
    color: #666; }
  .footer-nav-item-link:hover, .footer-nav-item-link.active, .footer-nav-item-link:active {
    opacity: 1;
    text-decoration: underline; }
  .footer-nav-item-link.icon-share-twitter {
    font-size: 13px;
    width: 13px;
    display: inline-block; }

.superman-footer--column {
  position: relative; }
  .superman-footer--column .superman-footer__heading.open:before {
    color: #414246;
    content: "+";
    height: 26px;
    position: absolute;
    top: -1px;
    right: 0; }
  .superman-footer--column .superman-footer__heading.close:before {
    color: #414246;
    content: "-";
    height: 26px;
    position: absolute;
    top: 0;
    right: 0; }

.superman-footer__logo {
  width: 150px;
  display: inline-block;
  margin-top: 10px; }
  .superman-footer__logo img {
    width: 169px;
    height: 33px; }
.superman-footer__heading {
  color: #000;
  font-size: 18px;
  margin-bottom: 23px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 !important; }
.superman-footer__link {
  color: #828282;
  margin-bottom: 15px;
  display: block; }
  .superman-footer__link:visited {
    color: #828282; }
  .superman-footer__link:hover {
    color: #828282; }
  .superman-footer__link:active {
    color: #828282; }
.superman-footer__social-link {
  font-size: 30px;
  color: #414246; }
  .superman-footer__social-link:hover {
    color: #ec1075; }
.superman-footer__social-link + .superman-footer__social-link {
  margin-left: 20px; }
.superman-footer__utility {
  margin: 10px 0; }
  @media (min-width: 640px) {
    .superman-footer__utility {
      margin: 0; } }
.superman-footer__utility-item {
  display: inline-block;
  vertical-align: middle;
  color: #000000; }
  .superman-footer__utility-item:visited {
    color: #000000; }
  .superman-footer__utility-item:hover {
    color: #000000; }
  .superman-footer__utility-item:active {
    color: #000000; }
  .superman-footer__utility-item a {
    color: #000000;
    text-decoration: none; }
    .superman-footer__utility-item a:visited {
      color: #000000; }
    .superman-footer__utility-item a:hover {
      color: #000000; }
    .superman-footer__utility-item a:active {
      color: #000000; }
  .superman-footer__utility-item:last-child {
    margin-right: 0; }
.superman-footer--column {
  margin: 5px 0px; }
  @media (min-width: 640px) {
    .superman-footer--column {
      margin-bottom: 0; } }
  .superman-footer--column:last-child {
    margin-bottom: 0; }

.invite-team-member-wrapper {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  width: 300px;
  right: 37px; }
  .invite-team-member-wrapper:after, .invite-team-member-wrapper:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .invite-team-member-wrapper:after {
    border-color: transparent;
    border-width: 8px; }
  .invite-team-member-wrapper:before {
    border-width: 9px; }
  .invite-team-member-wrapper:after, .invite-team-member-wrapper:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .invite-team-member-wrapper:after {
    border-bottom-color: #fff; }
  .invite-team-member-wrapper:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }

.invite-team-member-container {
  padding: 15px; }

.invite-team-member-field {
  margin-bottom: 15px; }

.invite-team-member-footer {
  zoom: 1;
  padding: 15px;
  line-height: 30px;
  background: #f5f5f5;
  margin: 0 -15px -15px;
  border-top: 1px solid #c5c5c5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .invite-team-member-footer:before, .invite-team-member-footer:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .invite-team-member-footer:after {
    clear: both; }

.notification-indicator {
  user-select: none;
  text-align: center;
  display: inline-block;
  padding: 0 5px;
  line-height: 22px;
  cursor: pointer;
  color: #000;
  background: #efefef;
  border: 1px solid #d6d6d6;
  border-radius: 3px; }
  .notification-indicator:hover {
    background: #e2e2e2;
    border-color: #c9c9c9;
    text-decoration: none; }
  .notification-indicator:active {
    background: #d6d6d6;
    border-color: #bcbcbc; }
  .notification-indicator.unread {
    font-weight: 600;
    color: #fff;
    background: #b81321;
    border-color: #8a0e19; }
    .notification-indicator.unread:hover {
      background: #af121f;
      border-color: #810d17; }
    .notification-indicator.unread:active {
      background: #a1111d;
      border-color: #730c15; }

.notifications-menu-wrapper {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  width: 300px;
  display: none;
  right: -12px;
  top: 50px;
  line-height: 21px; }
  .notifications-menu-wrapper:after, .notifications-menu-wrapper:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .notifications-menu-wrapper:after {
    border-color: transparent;
    border-width: 8px; }
  .notifications-menu-wrapper:before {
    border-width: 9px; }
  .notifications-menu-wrapper:after, .notifications-menu-wrapper:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .notifications-menu-wrapper:after {
    border-bottom-color: #fff; }
  .notifications-menu-wrapper:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }
  .notifications-menu-wrapper.show {
    display: block; }

.notifications--new {
  color: orange;
  font-weight: 600;
  margin-top: -5px;
  border-radius: 3px;
  padding: 2px 4px;
  border: 1px solid orange; }
  .notifications--new:visited, .notifications--new:active {
    color: orange; }
  .notifications--new:hover {
    color: #cc8400;
    border-color: #cc8400; }

.notifications-wrapper {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }

.notification {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
  color: #000;
  padding: 10px; }
  .notification--unread {
    background: #fffae0;
    color: #000; }
  .notification:hover {
    background: #f5f5f5;
    text-decoration: none; }
  .notification:active, .notification:active:visited {
    background: #f5f5f5;
    color: #000;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }
  .notification:visited {
    color: #000; }
  .notification:last-child {
    border-bottom: 0; }

.notification-info {
  overflow: hidden; }
  .notification-info__content {
    margin-left: 10px;
    word-wrap: break-word; }

.notification-time-ago {
  color: #828282;
  font-size: 11px; }

.notifications__footer {
  padding: 5px 10px;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  display: block; }

.notifications__grouped-by-heading {
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding: 5px 7px;
  font-weight: 600;
  color: #828282; }

.settings-menu {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  cursor: default;
  right: -16px;
  top: 50px;
  line-height: 24px; }
  .settings-menu:after, .settings-menu:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .settings-menu:after {
    border-color: transparent;
    border-width: 8px; }
  .settings-menu:before {
    border-width: 9px; }
  .settings-menu:after, .settings-menu:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .settings-menu:after {
    border-bottom-color: #fff; }
  .settings-menu:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }

.settings-menu-wrapper {
  max-height: 400px;
  max-height: 75vh;
  overflow-x: hidden;
  overflow-y: auto; }

.settings-group-info-avatar {
  margin-right: 2px; }

.settings-group {
  font-size: 12px;
  display: table-row; }

.user-settings-group {
  font-size: 12px;
  display: table-row; }
  .user-settings-group .settings-group-info {
    display: none; }
    .has-teams .user-settings-group .settings-group-info {
      display: table-cell; }

.settings-group-info, .settings-group-listing {
  padding: 5px 10px;
  border-bottom: 1px #e5e5e5 solid; }
  .settings-group:last-child .settings-group-info,
  .settings-group:last-child .settings-group-listing {
    border-bottom: 0; }

.settings-group-info {
  line-height: 24px;
  display: table-cell;
  white-space: nowrap; }
  .settings-group-info > a {
    display: inline-block;
    min-width: 100px;
    padding-right: 10px;
    font-weight: 600;
    text-decoration: none; }

.settings-group-listing {
  display: table-cell;
  white-space: nowrap; }

.settings-group-listing-item-link {
  text-decoration: none;
  display: block;
  color: #000; }
  .settings-group-listing-item-link:visited {
    color: #000; }
  .settings-group-listing-item-link:hover {
    color: #000; }
  .settings-group-listing-item-link:active {
    color: #000; }
  .settings-group-listing-item-link:hover {
    text-decoration: underline; }

.settings-menu-loading-indicator {
  position: relative;
  width: 66px;
  height: 82px; }

/*
@doc Sub Header
@tags layout

The Sub Header is a layout components that is mostly used to add secondary navigation functionality
to pages. Examples of pages that include Sub Headers are Profile, Dashboard, Reports and Settings
pages.

- To indicate that menu item is the current page, apply the '.active' class to menu links.
- To add a button to the sub header that is aligned to the right and has an automatically set width,
apply the `.sub-header__button` class to the existing button classes.
- While Profile pages have the navigation aligned in the center, other pages like Reports and
Dashboard don't. If the content below the Sub Header is centered, the Sub Header has to be centered
too by wrapping all `div.sub-header` element's children with a `div.inner-container` element.
- To add a menu label, apply the '.sub-header__menu-item--label' class. Not standard; do this only
when you need to clarify the menu items next to it.
- To prefix menu items with an icon, add an `i` element with `.sub-header__menu-icon` and
`.icon-[NAME]` classes.

```html
<div class="sub-header">
  <div class="inner-container">
    <ul class="sub-header__menu">
      <li class="sub-header__menu-item sub-header__menu-item--label">
        Optional label:
      </li>
      <li class="sub-header__menu-item">
        <a class="sub-header__menu-link active" href="">Foo</a>
      </li>
      <li class="sub-header__menu-item">
        <a class="sub-header__menu-link" href="">Bar</a>
      </li>
      <li class="sub-header__menu-item">
        <a class="sub-header__menu-link" href="">
          <i class="sub-header__menu-icon icon-eye"></i>
          Private
        </a>
      </li>
    </ul>

    <a class="button button--success sub-header__button" href="">Submit Report</a>
  </div>
</div>
```
*/
.sub-header {
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  height: 54px;
  z-index: 1100; }
  .sub-header__menu, .sub-header__menu-item, .sub-header__menu-link {
    float: left; }
    .sub-header__menu--right, .sub-header__menu-item--right, .sub-header__menu-link--right {
      float: right; }
  .sub-header__menu-item {
    margin-left: 5px; }
    @media (min-width: 640px) {
      .sub-header__menu-item {
        margin-left: 15px; } }
    .sub-header__menu-item:first-child {
      margin: 0; }
  .sub-header__menu-link {
    cursor: pointer; }
  .sub-header__menu-link, .sub-header__menu-item--label {
    height: 54px;
    line-height: 54px;
    padding: 0 8px;
    font-weight: 600;
    border-bottom: 3px solid transparent; }
    @media (min-width: 640px) {
      .sub-header__menu-link, .sub-header__menu-item--label {
        padding: 0 15px; } }
    .sub-header__menu-link.active, .sub-header__menu-item--label.active {
      color: #144063;
      border-color: #216ba5; }
      .sub-header__menu-link.active:hover, .sub-header__menu-item--label.active:hover {
        text-decoration: none; }
  .sub-header__menu-icon {
    margin-right: 5px; }
  .sub-header__button {
    float: right;
    margin-top: 11px;
    min-width: 25%; }
  .sub-header__security-link {
    font-size: 14px;
    margin-top: -5px;
    font-weight: 600;
    max-width: 280px; }
  .sub-header__reports-views {
    padding: 12px 6px;
    font-size: 13px;
    float: left; }
    .sub-header__reports-views .dropdown-button {
      font-size: 13px; }

.dir_listing .js-topbar .topbar {
  position: relative; }
  @media (min-width: 850px) {
    .dir_listing .js-topbar .topbar {
      position: relative; } }

.topbar {
  height: 100%;
  position: relative;
  width: 100%;
  background: transparent;
  z-index: 1200;
  font-size: 13px; }
  @media (min-width: 850px) {
    .topbar {
      height: 91px;
      position: fixed; } }
  .topbar:before {
    content: '';
    position: absolute;
    height: 75px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1; }
    @media (min-width: 850px) {
      .topbar:before {
        height: 91px;
        background-image: none; } }
  .topbar:after {
    content: ''; }
  .topbar .inner-container {
    padding: 0px; }
    @media (min-width: 850px) {
      .topbar .inner-container {
        padding: 0 20px; } }

.topbar-wrapper {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto; }

.topbar__dropdown-wrapper {
  display: none; }
  @media (min-width: 850px) {
    .topbar__dropdown-wrapper {
      display: inline-block;
      position: relative;
      line-height: 59px; } }

.topbar__dropdown {
  border-top: 1px #dddddd solid;
  padding: 30px 30px 30px 0; }
  .topbar__dropdown.offset--one-quarter {
    margin-left: 0; }
  @media (min-width: 850px) {
    .topbar__dropdown {
      float: left;
      border-right: 1px #dddddd solid;
      border-top: none;
      margin: 30px 30px 30px 0;
      padding: 0; }
      .topbar__dropdown.offset--one-quarter {
        margin: 30px 30px 30px calc(((100% - (4/1 - 1) * 20px) / 4 * 1 ) + 20px); }
      .topbar__dropdown:last-of-type {
        border-right: none; } }

.topbar__dropdown-item, .topbar__dropdown-item a {
  font-family: EffraRegular;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.88;
  color: #4c4c4c; }
  .topbar__dropdown-item .topbar__dropdown-link, .topbar__dropdown-item a .topbar__dropdown-link {
    font-family: EffraLight;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #4c4c4c; }
  .topbar__dropdown-item a:hover, .topbar__dropdown-item a a:hover {
    color: #ec1075;
    text-decoration: none; }

.topbar__dropdown--mobile {
  display: block; }
  @media (min-width: 850px) {
    .topbar__dropdown--mobile {
      display: none; } }

.topbar-logo {
  color: #000;
  position: absolute;
  line-height: 59px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: -20px;
  font-size: 27px; }
  .topbar-logo:visited {
    color: #000; }
  .topbar-logo:hover {
    color: #000; }
  .topbar-logo:active {
    color: #000; }
  @media (min-width: 850px) {
    .topbar-logo {
      float: left;
      position: relative; } }
  .topbar-logo:hover {
    text-decoration: none; }

@media (min-width: 850px) {
  .topbar-navigation {
    margin-right: -15px; } }

.app__logo {
  position: absolute;
  width: 159px;
  height: 31px;
  margin: 20px 25px 0 20px;
  background-image: url("/assets/images/inverted_logo.png");
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 850px) {
    .app__logo {
      float: left;
      position: relative; } }
  @media (min-width: 850px) {
    .app__logo {
      margin-top: 35px;
      margin-left: 0px; } }

.topbar-navigation-item {
  border-top: 1px solid #e5e5e5; }
  @media (min-width: 850px) {
    .topbar-navigation-item {
      border-bottom: 0;
      border-top: 0;
      float: left; } }
  .topbar__dropdown--mobile .topbar-navigation-item:last-child {
    border-bottom: 0; }
  .topbar-navigation-item.topbar-navigation-item--pull-right {
    position: relative; }
    @media (min-width: 850px) {
      .topbar-navigation-item.topbar-navigation-item--pull-right {
        float: right; } }

@media (min-width: 850px) {
  .topbar-navigation-item--pull-right.sign-up + .topbar-navigation-item--pull-right:after {
    position: absolute;
    right: -3px;
    top: 28px;
    content: "|"; } }

.topbar-navigation-item-sections {
  display: none;
  background: #f1f1f1;
  -webkit-transition: .1s .3s;
  transition: .1s .3s;
  width: 100vw;
  position: relative;
  left: 0;
  right: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -10px; }
  @media (min-width: 850px) {
    .topbar-navigation-item-sections {
      display: unset;
      opacity: 0;
      visibility: hidden;
      background: #f1f1f1;
      -webkit-transition: .1s .3s;
      transition: .1s .3s;
      position: absolute;
      margin-left: 0px; } }
  .topbar-navigation-item-sections.active {
    display: inherit; }
    .topbar-navigation-item-sections.active .topbar__dropdown {
      width: 100%;
      display: inline-block; }
  .topbar-navigation-item-sections .topbar-navigation-sections-wrapper {
    display: block; }
    @media (min-width: 850px) {
      .topbar-navigation-item-sections .topbar-navigation-sections-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; } }
    .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-preview, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-preview-image {
      text-align: center; }
    .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-title {
      text-align: center;
      padding: 10px 0; }
      .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-title span {
        font-size: 14px;
        font-family: EffraMedium; }
    .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-view-node, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-external-url-1, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-external-url {
      text-align: center; }
      .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-view-node .primary-btn, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-external-url-1 .primary-btn, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-external-url .primary-btn {
        width: auto; }
        .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-view-node .primary-btn a, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-external-url-1 .primary-btn a, .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-external-url .primary-btn a {
          width: auto;
          height: auto;
          padding: 8px 42px;
          font-size: 14px;
          font-family: EffraMedium; }

.topbar .triangle {
  content: '';
  position: absolute;
  height: 91px;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
  background: #494649; }
  @media (min-width: 850px) {
    .topbar .triangle {
      display: block;
      opacity: 0; }
      .topbar .triangle.short {
        opacity: 1; } }
  .topbar .triangle:after {
    content: '';
    top: 0;
    height: 91px;
    width: 100%;
    position: absolute; }

.topbar-navigation-mobile-link {
  display: inherit; }
  @media (min-width: 850px) {
    .topbar-navigation-mobile-link {
      display: none; } }

@media (min-width: 850px) {
  .topbar-navigation-desktop-link {
    display: inherit; }
    .topbar-navigation-desktop-link:hover + .topbar-navigation-item-sections, .topbar-navigation-desktop-link + .topbar-navigation-item-sections:hover {
      opacity: 1;
      visibility: visible;
      z-index: 1;
      transform: translateY(0%); } }

.topbar-navigation-link {
  padding: 20px 10px;
  font-weight: 400;
  display: block;
  text-align: left;
  cursor: pointer;
  color: #4c4c4c;
  text-transform: uppercase;
  font-family: EffraRegular;
  font-size: 16px; }
  .topbar-navigation-link:visited {
    color: #ec1075; }
  .topbar-navigation-link:hover {
    color: #ec1075; }
  .topbar-navigation-link:active {
    color: #4c4c4c; }
  .topbar-navigation-link a {
    font-weight: 400;
    display: block;
    text-align: left;
    cursor: pointer;
    color: #4c4c4c;
    text-transform: uppercase;
    font-family: EffraMedium;
    font-size: 16px; }
    .topbar-navigation-link a:visited {
      color: #ec1075; }
    .topbar-navigation-link a:hover {
      color: #ec1075; }
    .topbar-navigation-link a:active {
      color: #4c4c4c; }
  @media (min-width: 850px) {
    .topbar-navigation-link {
      color: #ffffff;
      text-align: center;
      padding: 20px 15px 8px;
      line-height: 16px;
      width: auto;
      text-align: left;
      margin-bottom: 10px;
      border-bottom: 2px rgba(0, 0, 0, 0) solid; }
      .topbar-navigation-link:visited {
        color: #ffffff; }
      .topbar-navigation-link:hover {
        color: #ffffff; }
      .topbar-navigation-link:active {
        color: #ffffff; }
      .topbar-navigation-link a {
        color: #ffffff;
        font-weight: 400;
        display: block;
        text-align: center;
        cursor: pointer;
        font-family: EffraRegular;
        font-size: 16px;
        line-height: 16px;
        text-decoration: none; }
        .topbar-navigation-link a:visited {
          color: #ffffff; }
        .topbar-navigation-link a:hover {
          color: #ffffff; }
        .topbar-navigation-link a:active {
          color: #ffffff; } }
  @media (min-width: 850px) {
    .topbar-navigation-link:hover, .topbar-navigation-link.active {
      border-bottom: 2px #ec1075 solid;
      text-decoration: none;
      padding-bottom: 8px;
      margin-bottom: 10px; } }
  .topbar-navigation-link .notification-indicator {
    margin-right: 5px;
    margin-left: -20px; }
  .topbar-navigation-link .avatar {
    margin-right: 5px;
    margin-left: -40px; }

.topbar-toggle {
  color: #fff;
  position: absolute;
  font-size: 20px;
  padding: 20px;
  right: 0;
  cursor: pointer;
  user-select: none; }
  @media (min-width: 850px) {
    .topbar-toggle {
      display: none; } }

.topbar-subnav-wrapper {
  display: none; }
  .topbar-subnav-wrapper.active {
    position: relative;
    display: inherit;
    top: 82px; }
  @media (min-width: 850px) {
    .topbar-subnav-wrapper {
      display: inherit;
      float: right;
      background: transparent;
      top: 0px; } }
  .topbar-subnav-wrapper .topbar-subnav {
    position: absolute;
    background: #fff;
    width: 100%;
    padding: 20px; }
    @media (min-width: 850px) {
      .topbar-subnav-wrapper .topbar-subnav {
        background: transparent;
        position: inherit;
        padding: 0px 20px; } }
    .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item {
      float: left;
      color: #4c4c4c;
      line-height: 1; }
      @media (min-width: 850px) {
        .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item {
          padding: 10px 0 5px;
          color: #fff; } }
      .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item:last-of-type {
        float: right; }
      .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link {
        font-family: EffraRegular;
        font-size: 12px;
        padding: 10px 0;
        text-align: center;
        text-transform: uppercase;
        color: #4c4c4c; }
        .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:visited {
          color: #ec1075; }
        .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover {
          color: #ec1075; }
        .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
          color: #ec1075; }
        @media (min-width: 850px) {
          .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link {
            color: #ffffff;
            padding: 0;
            font-family: EffraRegular; }
            .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:visited {
              color: #ffffff; }
            .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover {
              color: #ffffff; }
            .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
              color: #ffffff; } }
        @media (min-width: 850px) {
          .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover, .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
            font-family: EffraRegular;
            color: #ec1075; } }
        .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link .icon-search {
          font-size: 15px;
          float: right;
          position: relative;
          top: 0px;
          right: -6px; }

.topbar-navigation-wrapper {
  background: #fff;
  display: none;
  float: right;
  clear: right; }
  .topbar-navigation-wrapper.active {
    position: relative;
    display: block;
    top: 138px;
    width: 100%;
    padding: 0 10px; }
  @media (min-width: 850px) {
    .topbar-navigation-wrapper {
      display: block;
      border: 0;
      background: transparent;
      top: 20px;
      padding-right: 100px; }
      .topbar-navigation-wrapper.active {
        position: static; } }

.topbar-user-specific {
  display: none; }
  @media (min-width: 850px) {
    .topbar-user-specific {
      line-height: 59px;
      float: right;
      display: block; } }

.topbar-profile-picture-wrapper,
.topbar-notifications-wrapper,
.topbar-settings-wrapper {
  float: left;
  margin-right: 14px;
  position: relative; }
  .topbar-profile-picture-wrapper:last-child,
  .topbar-notifications-wrapper:last-child,
  .topbar-settings-wrapper:last-child {
    margin-right: 0; }

.topbar-dropdown-toggle {
  color: #aeaeae;
  font-size: 16px;
  cursor: pointer; }
  .topbar-dropdown-toggle:hover {
    color: #959595; }
  .topbar-dropdown-toggle:hover {
    text-decoration: none; }

.topbar-navigation-loading-indicator {
  text-align: center;
  margin: 12px 0; }
  @media (min-width: 850px) {
    .topbar-navigation-loading-indicator {
      float: right;
      margin: 20px 50px 0 60px; } }

.topbar-sign-up-menu.dropdown-is-closed {
  display: block; }
@media (min-width: 850px) {
  .topbar-sign-up-menu {
    text-align: left;
    background: #fff;
    border: 1px solid #c5c5c5;
    position: absolute;
    top: 100%;
    left: auto;
    z-index: 10;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    top: 59px;
    right: 35px; }
    .topbar-sign-up-menu:after, .topbar-sign-up-menu:before {
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      top: auto;
      left: auto;
      right: 15px; }
    .topbar-sign-up-menu:after {
      border-color: transparent;
      border-width: 8px; }
    .topbar-sign-up-menu:before {
      border-width: 9px; }
    .topbar-sign-up-menu:after, .topbar-sign-up-menu:before {
      left: auto;
      right: 15px;
      bottom: 100%; }
    .topbar-sign-up-menu:after {
      border-bottom-color: #fff; }
    .topbar-sign-up-menu:before {
      border-bottom-color: #c5c5c5;
      margin-right: -1px; }
    .topbar-sign-up-menu.dropdown-is-closed {
      display: none; } }

.topbar-sign-up-link {
  display: block;
  padding: 15px 10px;
  text-align: center; }
  @media (min-width: 850px) {
    .topbar-sign-up-link {
      display: inline-block;
      width: 260px;
      padding: 30px;
      vertical-align: top; }
      .topbar-sign-up-link:first-child {
        border-right: 1px solid #e5e5e5;
        border-bottom: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .topbar-sign-up-link:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        padding-bottom: 50px; } }
  .topbar-sign-up-link:first-child {
    border-bottom: 1px solid #e5e5e5; }
    @media (min-width: 850px) {
      .topbar-sign-up-link:first-child {
        border-bottom: 0; } }
  .topbar-sign-up-link:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .topbar-sign-up-link:hover {
    text-decoration: none;
    background: #f5f5f5; }

.topbar-sign-up-explanation {
  color: #828282;
  font-size: 11px; }
  @media (min-width: 850px) {
    .topbar-sign-up-explanation {
      font-size: 13px; } }
  .topbar-sign-up-link:hover .topbar-sign-up-explanation {
    color: dimgray; }

.topbar-sign-up-title {
  font-weight: 600; }
  @media (min-width: 850px) {
    .topbar-sign-up-title {
      font-size: 16px;
      margin-bottom: 5px; } }

/*
@doc Vertical Menu
@tags layout

## List without heading
```html
<ul class="vertical-menu">
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Beer</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link vertical-menu__link--active">Red Bull</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Cola</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Aperol Spritz</a>
  </li>
</ul>
```

## List with heading
```html
<ul class="vertical-menu">
  <li class="vertical-menu__item vertical-menu--heading">
    Awesome heading
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Red Bull</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link vertical-menu--active">Cola</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Aperol Spritz</a>
  </li>
</ul>
```

## List in Yellow
```html
<ul class="vertical-menu vertical-menu--yellow">
  <li class="vertical-menu__item vertical-menu--heading">
    Awesome heading
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Red Bull</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link vertical-menu--active">Cola</a>
  </li>
  <li class="vertical-menu__item">
    <a href="#" class="vertical-menu__link">Aperol Spritz</a>
  </li>
</ul>
```
*/
.vertical-menu {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden; }

.vertical-menu--yellow {
  border-color: #ffee94; }
  .vertical-menu--yellow .vertical-menu__link:hover {
    border-color: #ffee94; }
  .vertical-menu--yellow .vertical-menu--heading {
    background-color: #fffae0;
    border-bottom: 1px solid #ffee94; }
  .vertical-menu--yellow .vertical-menu__link--active {
    border-color: #ffee94; }

.vertical-menu__item {
  list-style: none;
  font-size: 13px; }

.vertical-menu__title {
  display: block;
  padding: 7px 10px;
  color: #828282;
  font-weight: 600; }

.vertical-menu__link {
  display: block;
  padding: 7px 10px;
  color: #216ba5;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 2px solid transparent;
  margin-top: -1px; }
  .vertical-menu__secondary .vertical-menu__link {
    padding-left: 30px; }
  .vertical-menu__link:hover {
    border-color: #e5e5e5;
    border-left-color: #216ba5;
    text-decoration: none; }
  .vertical-menu > .vertical-menu__item:first-child > .vertical-menu__link {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .vertical-menu > .vertical-menu__item:last-child > .vertical-menu__link {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .vertical-menu__item:last-child .vertical-menu__link {
    margin-bottom: -1px; }

.vertical-menu--heading {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  font-weight: 600;
  padding: 10px;
  font-size: 14px; }

.vertical-menu__link--active {
  border-color: #e5e5e5;
  border-left-color: #216ba5;
  color: #000;
  font-weight: 600; }
  .vertical-menu__link--active:visited {
    color: #000; }

.profile-header {
  position: relative;
  height: 180px; }

.profile-header__container {
  position: relative;
  height: 180px; }

.profile-header__cover-photo__wrapper {
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 180px; }

.profile-header__cover-photo {
  width: 100%;
  min-height: 180px; }

.profile-header__overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
  filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #1A000000', endColorstr='#40000000')";
  box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 180px;
  bottom: 0; }

.profile-header__button {
  position: absolute;
  right: 20px;
  top: 20px; }

.profile-header__link {
  color: #fff; }
  .profile-header__link:visited {
    color: #fff; }
  .profile-header__link:hover {
    color: #fff; }
  .profile-header__link:active {
    color: #fff; }

.profile-header__picture {
  position: absolute;
  left: 20px;
  bottom: -5px; }

.profile-header__information__wrapper {
  text-shadow: 1px 1px 1px #000;
  position: absolute;
  z-index: 5;
  left: 180px;
  bottom: 13px; }

.profile-header__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 710px;
  font-size: 34px;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0; }

.profile-header__bio {
  max-width: 710px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 21px;
  word-break: break-word; }

.profile-header__information__item {
  float: left;
  color: #fff; }
  .profile-header__information__item:after {
    content: "\b7";
    font-weight: bold;
    padding: 0 10px; }
  .profile-header__information__item:last-child:after {
    content: "";
    padding: 0; }

.profile-stats-wrapper {
  position: relative; }

.profile-metric__item + .profile-metric__item {
  margin-top: 10px; }

.profile-stats-amount {
  display: inline-block;
  font-size: 18px;
  color: #216ba5;
  font-weight: 600;
  line-height: 1; }
  .profile-stats-item--small .profile-stats-amount {
    font-size: 16px; }

.profile-stats-meta {
  display: inline-block;
  color: #828282; }
  .profile-stats-item--small .profile-stats-meta {
    font-size: 11px; }

.profile-stats__row + .profile-stats__row {
  border-top: 1px solid #e5e5e5; }

.profile-stats__table {
  table-layout: fixed;
  margin-bottom: 20px; }

.profile-stats__cell {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center; }
  .profile-stats__row:first-child .profile-stats__cell {
    padding-top: 0; }
  .profile-stats__row:last-child .profile-stats__cell {
    padding-bottom: 0; }

.team_blizzard .tooltip__container {
  color: #10293F;
  background: #00B7F3; }
.team_blizzard .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
  border-left-color: #00B7F3; }
.team_blizzard .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
  border-top-color: #00B7F3; }
.team_blizzard .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
  border-bottom-color: #00B7F3; }
.team_blizzard .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
  border-right-color: #00B7F3; }
.team_blizzard.application_full_width_layout {
  background: #10293F; }
.team_blizzard .app__logo {
  text-indent: -9999px;
  background-size: 139px 27px;
  background-image: url("/assets/images/inverted_logo.png"); }
.team_blizzard .topbar {
  background: #0F497D;
  border-color: transparent; }
  .team_blizzard .topbar .topbar-logo {
    color: #fff; }
.team_blizzard .topbar-navigation-link {
  color: #B4C9DB; }
  .team_blizzard .topbar-navigation-link:visited {
    color: #B4C9DB; }
  .team_blizzard .topbar-navigation-link:hover {
    color: #B4C9DB; }
  .team_blizzard .topbar-navigation-link:active {
    color: #B4C9DB; }
.team_blizzard .topbar-navigation-wrapper,
.team_blizzard .topbar-navigation-item,
.team_blizzard .settings-group-info,
.team_blizzard .settings-group-listing {
  border-color: #00B7F3; }
.team_blizzard .topbar-navigation-item:after {
  color: #00B7F3; }
.team_blizzard .icon-hamburger,
.team_blizzard .icon-cross {
  color: #fff; }
.team_blizzard .topbar-navigation-wrapper {
  background: #0F497D; }
.team_blizzard .topbar-sign-up-menu,
.team_blizzard .settings-menu {
  background-color: #0F497D;
  border-color: #00B7F3; }
.team_blizzard .topbar-sign-up-link {
  border-color: #00B7F3; }
  .team_blizzard .topbar-sign-up-link:hover {
    background-color: #00B7F3;
    color: #fff; }
    .team_blizzard .topbar-sign-up-link:hover .topbar-sign-up-explanation {
      color: #fff; }
.team_blizzard .topbar-sign-up-explanation {
  color: #B4C9DB; }
.team_blizzard .profile-header {
  border-color: transparent; }
.team_blizzard .profile-header,
.team_blizzard .profile-header__container,
.team_blizzard .profile-header__cover-photo,
.team_blizzard .profile-header__cover-photo__wrapper,
.team_blizzard .profile-header__overlay {
  height: 260px; }
.team_blizzard .sub-header {
  background: #0F497D;
  border-color: transparent; }
.team_blizzard .sub-header__menu-link {
  color: #B4C9DB; }
  .team_blizzard .sub-header__menu-link:visited {
    color: #B4C9DB; }
  .team_blizzard .sub-header__menu-link:hover {
    color: #B4C9DB; }
  .team_blizzard .sub-header__menu-link:active {
    color: #B4C9DB; }
  .team_blizzard .sub-header__menu-link.active {
    color: #fff;
    border-bottom-color: #B4C9DB; }
    .team_blizzard .sub-header__menu-link.active:visited {
      color: #fff; }
    .team_blizzard .sub-header__menu-link.active:hover {
      color: #fff; }
    .team_blizzard .sub-header__menu-link.active:active {
      color: #fff; }
.team_blizzard .button,
.team_blizzard .button.button--success {
  color: #fff;
  background-color: #00B7F3; }
  .team_blizzard .button:visited,
  .team_blizzard .button.button--success:visited {
    color: #fff; }
  .team_blizzard .button:hover,
  .team_blizzard .button.button--success:hover {
    color: #fff; }
  .team_blizzard .button:active,
  .team_blizzard .button.button--success:active {
    color: #fff; }
.team_blizzard .full-width-inner-container {
  color: #E9ECEF; }
.team_blizzard .highlight {
  background: transparent; }
.team_blizzard .markdownable {
  color: #E9ECEF; }
  .team_blizzard .markdownable h1, .team_blizzard .markdownable h2, .team_blizzard .markdownable h3, .team_blizzard .markdownable h4 {
    color: #00B7F3; }
  .team_blizzard .markdownable code {
    background: #0F497D;
    color: #E9ECEF;
    border-color: #00B7F3; }
.team_blizzard .separator,
.team_blizzard .is-separated-and-muted {
  border-color: #00B7F3; }
.team_blizzard h2 {
  color: #00B7F3; }
.team_blizzard .profile-stats-amount {
  color: #00B7F3; }
.team_blizzard a {
  color: #00B7F3; }
  .team_blizzard a:visited {
    color: #00B7F3; }
  .team_blizzard a:hover {
    color: #00B7F3; }
  .team_blizzard a:active {
    color: #00B7F3; }
.team_blizzard .avatar {
  padding: 0; }
.team_blizzard .timeline-container-subject,
.team_blizzard .profile-stats-meta,
.team_blizzard .user-item__user .user-item__meta,
.team_blizzard .leaderboard-podium-user-meta {
  color: #B4C9DB; }
.team_blizzard .timeline-timestamp-link {
  color: #0091c0; }
  .team_blizzard .timeline-timestamp-link:visited {
    color: #0091c0; }
  .team_blizzard .timeline-timestamp-link:hover {
    color: #0091c0; }
  .team_blizzard .timeline-timestamp-link:active {
    color: #0091c0; }
.team_blizzard .timeline-line {
  background-color: #0F497D; }
.team_blizzard .timeline-indicator-dot {
  border-color: transparent;
  box-shadow: none; }
  .team_blizzard .timeline-indicator-dot:after {
    border-color: #0F497D; }
.team_blizzard .timeline-datetime {
  color: #B4C9DB;
  background-color: #0F497D;
  border-color: transparent; }
.team_blizzard .full-width-footer-wrapper {
  border-top: 1px solid #104e86; }
.team_blizzard .leaderboard-podium-item-container {
  background: transparent;
  border-color: #0F497D; }
  .team_blizzard .leaderboard-podium-item-container.current-user {
    border-color: #00B7F3; }
    .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user {
      background-color: #00B7F3;
      border-color: #00B7F3; }
      .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name {
        color: #fff; }
        .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited {
          color: #fff; }
        .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover {
          color: #fff; }
        .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active {
          color: #fff; }
      .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta {
        color: #fff; }
.team_blizzard .leaderboard-podium-user {
  background: #0F497D;
  border-color: #0F497D; }
.team_blizzard .leaderboard-podium-rank {
  background: #00B7F3;
  color: #fff;
  border-color: transparent;
  box-shadow: none; }
.team_blizzard .nav-tab:before {
  color: #104e86; }
.team_blizzard .inline-banner,
.team_blizzard .inline-banner--notice,
.team_blizzard .inline-banner--success,
.team_blizzard .inline-banner--warning {
  background: #0f497d;
  border-color: #00B7F3; }
.team_blizzard .type-selector,
.team_blizzard .type-selector-column,
.team_blizzard .type-selector-no-type {
  border-color: #00B7F3; }
.team_blizzard .type-selector-list-item input[type="checkbox"]:disabled + label {
  color: #3f6484; }
.team_blizzard .type-selector-list-item:hover {
  background: #00B7F3; }
.team_blizzard .type-selector-list-item.active {
  background-color: #00B7F3; }
.team_blizzard .wizard-caption-heading.is-active {
  background: #0F497D;
  box-shadow: inset -7px 0 7px -7px rgba(0, 0, 0, 0.2); }
.team_blizzard .wizard-step-indicator {
  background: #00B7F3;
  border-color: transparent;
  box-shadow: none; }
.team_blizzard .input, .team_blizzard .select, .team_blizzard .report-action-picker__input,
.team_blizzard .markdown-panes textarea {
  background-color: #0F497D;
  border-color: #00B7F3;
  box-shadow: none;
  color: #fff; }
  .team_blizzard .input:focus, .team_blizzard .select:focus, .team_blizzard .report-action-picker__input:focus,
  .team_blizzard .markdown-panes textarea:focus {
    color: #fff; }
.team_blizzard .input-label,
.team_blizzard .input-content-counter,
.team_blizzard .markdown-label {
  background: none;
  color: #B4C9DB; }
.team_blizzard .helper-text,
.team_blizzard .markdown-footer {
  background-color: #10293F;
  border-color: #00B7F3;
  color: #B4C9DB; }
.team_blizzard .markdown-textarea-container {
  background-color: #0F497D;
  border-color: #00B7F3;
  box-shadow: none;
  color: #fff; }
.team_blizzard .markdown-tab {
  border-color: #00B7F3; }
  .team_blizzard .markdown-tab:hover {
    background-color: #0F497D; }
  .team_blizzard .markdown-tab.is-active {
    background-color: #0F497D; }
    .team_blizzard .markdown-tab.is-active:before {
      background-color: #0F497D; }
.team_blizzard .markdown-panes {
  background-color: #0F497D; }
.team_blizzard .attachments-upload {
  border-color: #00B7F3; }
.team_blizzard .attachments-upload {
  color: #B4C9DB; }
  .team_blizzard .attachments-upload .icon-paperclip {
    opacity: .1;
    color: #B4C9DB; }
.team_blizzard .leaderboard-listing {
  background: transparent;
  border-color: #0F497D; }
.team_blizzard .leaderboard-listing-item + .leaderboard-listing-item {
  border-color: #0F497D; }
.team_blizzard .leaderboard-listing-item:nth-child(even) {
  background-color: #0F497D; }
.team_blizzard .leaderboard-listing-item.current-user, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user {
  background-color: #00B7F3; }
  .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user {
    color: #fff; }
    .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user:visited, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited {
      color: #fff; }
    .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user:hover, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover {
      color: #fff; }
    .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user:active, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active {
      color: #fff; }
.team_blizzard .leaderboard-listing-avatar {
  background-color: transparent; }
.team_blizzard .feature-toggle-bar {
  background-color: #0F497D;
  border-color: #00B7F3;
  color: #E9ECEF; }
.team_blizzard .profile-header__cover--blizzard {
  display: block;
  height: 100%; }
  @media (min-width: 768px) {
    .team_blizzard .profile-header__cover--blizzard {
      width: 100%;
      height: auto;
      min-height: 260px; } }
  @media (min-width: 1025px) {
    .team_blizzard .profile-header__cover--blizzard {
      margin-top: -100px; } }
.team_blizzard .modal-content h2 {
  color: #000; }
.team_blizzard .modal-close-button {
  color: #828282; }
  .team_blizzard .modal-close-button:visited {
    color: #828282; }
  .team_blizzard .modal-close-button:hover {
    color: #828282; }
  .team_blizzard .modal-close-button:active {
    color: #828282; }

.team_github .tooltip__container, .team_github-vip .tooltip__container {
  color: #000;
  background: #fc0; }
.team_github .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after, .team_github-vip .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
  border-left-color: #fc0; }
.team_github .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after, .team_github-vip .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
  border-top-color: #fc0; }
.team_github .tether-element-attached-top.tether-element-attached-center .tooltip__container:after, .team_github-vip .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
  border-bottom-color: #fc0; }
.team_github .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after, .team_github-vip .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
  border-right-color: #fc0; }
.team_github.application_full_width_layout, .team_github-vip.application_full_width_layout {
  background: #000; }
.team_github .app__logo, .team_github-vip .app__logo {
  text-indent: -9999px;
  background-size: 139px 27px;
  background-image: url("/assets/images/inverted_logo.png"); }
.team_github .topbar, .team_github-vip .topbar {
  background: #000;
  border-color: #2a2a2a; }
  .team_github .topbar .topbar-logo, .team_github-vip .topbar .topbar-logo {
    color: #fff; }
.team_github .topbar-navigation-link, .team_github-vip .topbar-navigation-link {
  color: #fff; }
  .team_github .topbar-navigation-link:visited, .team_github-vip .topbar-navigation-link:visited {
    color: #fff; }
  .team_github .topbar-navigation-link:hover, .team_github-vip .topbar-navigation-link:hover {
    color: #fff; }
  .team_github .topbar-navigation-link:active, .team_github-vip .topbar-navigation-link:active {
    color: #fff; }
.team_github .topbar-navigation-wrapper,
.team_github .topbar-navigation-item,
.team_github .settings-group-info,
.team_github .settings-group-listing, .team_github-vip .topbar-navigation-wrapper,
.team_github-vip .topbar-navigation-item,
.team_github-vip .settings-group-info,
.team_github-vip .settings-group-listing {
  border-color: #fc0; }
.team_github .topbar-navigation-item:after, .team_github-vip .topbar-navigation-item:after {
  color: #fc0; }
.team_github .icon-hamburger,
.team_github .icon-cross, .team_github-vip .icon-hamburger,
.team_github-vip .icon-cross {
  color: #fff; }
.team_github .topbar-navigation-wrapper, .team_github-vip .topbar-navigation-wrapper {
  background: #000; }
.team_github .topbar-sign-up-menu,
.team_github .settings-menu, .team_github-vip .topbar-sign-up-menu,
.team_github-vip .settings-menu {
  background-color: #000;
  border-color: #fc0; }
.team_github .topbar-sign-up-link, .team_github-vip .topbar-sign-up-link {
  border-color: #fc0; }
  .team_github .topbar-sign-up-link:hover, .team_github-vip .topbar-sign-up-link:hover {
    background-color: #fc0;
    color: #fff; }
    .team_github .topbar-sign-up-link:hover .topbar-sign-up-explanation, .team_github-vip .topbar-sign-up-link:hover .topbar-sign-up-explanation {
      color: #fff; }
.team_github .topbar-sign-up-explanation, .team_github-vip .topbar-sign-up-explanation {
  color: #fff; }
.team_github .banner, .team_github-vip .banner {
  background: #2a2a2a;
  border-bottom: 0;
  color: #fff; }
  .team_github .banner .inline-help, .team_github-vip .banner .inline-help {
    border-color: #fc0; }
.team_github .profile-header, .team_github-vip .profile-header {
  border-color: transparent; }
.team_github .sub-header, .team_github-vip .sub-header {
  background: #2a2a2a;
  border-color: transparent; }
.team_github .sub-header__menu-link, .team_github-vip .sub-header__menu-link {
  color: #fff; }
  .team_github .sub-header__menu-link:visited, .team_github-vip .sub-header__menu-link:visited {
    color: #fff; }
  .team_github .sub-header__menu-link:hover, .team_github-vip .sub-header__menu-link:hover {
    color: #fff; }
  .team_github .sub-header__menu-link:active, .team_github-vip .sub-header__menu-link:active {
    color: #fff; }
  .team_github .sub-header__menu-link.active, .team_github-vip .sub-header__menu-link.active {
    color: #fff;
    border-bottom-color: #fff; }
    .team_github .sub-header__menu-link.active:visited, .team_github-vip .sub-header__menu-link.active:visited {
      color: #fff; }
    .team_github .sub-header__menu-link.active:hover, .team_github-vip .sub-header__menu-link.active:hover {
      color: #fff; }
    .team_github .sub-header__menu-link.active:active, .team_github-vip .sub-header__menu-link.active:active {
      color: #fff; }
.team_github .button,
.team_github .button.button--success, .team_github-vip .button,
.team_github-vip .button.button--success {
  color: #000;
  background-color: #fc0;
  border-color: #fc0;
  text-shadow: none; }
  .team_github .button:visited,
  .team_github .button.button--success:visited, .team_github-vip .button:visited,
  .team_github-vip .button.button--success:visited {
    color: #000; }
  .team_github .button:hover,
  .team_github .button.button--success:hover, .team_github-vip .button:hover,
  .team_github-vip .button.button--success:hover {
    color: #000; }
  .team_github .button:active,
  .team_github .button.button--success:active, .team_github-vip .button:active,
  .team_github-vip .button.button--success:active {
    color: #000; }
.team_github .full-width-inner-container, .team_github-vip .full-width-inner-container {
  color: #fff; }
.team_github .highlight, .team_github-vip .highlight {
  background: transparent; }
.team_github .markdownable, .team_github-vip .markdownable {
  color: #fff; }
  .team_github .markdownable h1, .team_github .markdownable h2, .team_github .markdownable h3, .team_github .markdownable h4, .team_github-vip .markdownable h1, .team_github-vip .markdownable h2, .team_github-vip .markdownable h3, .team_github-vip .markdownable h4 {
    color: #fc0; }
  .team_github .markdownable code, .team_github-vip .markdownable code {
    background: #2a2a2a;
    color: #fff;
    border-color: #2a2a2a; }
.team_github .separator,
.team_github .is-separated-and-muted, .team_github-vip .separator,
.team_github-vip .is-separated-and-muted {
  border-color: #2a2a2a; }
.team_github h2, .team_github-vip h2 {
  color: #fc0; }
.team_github .profile-stats-amount, .team_github-vip .profile-stats-amount {
  color: #fc0; }
.team_github a, .team_github-vip a {
  color: #fc0; }
  .team_github a:visited, .team_github-vip a:visited {
    color: #fc0; }
  .team_github a:hover, .team_github-vip a:hover {
    color: #fc0; }
  .team_github a:active, .team_github-vip a:active {
    color: #fc0; }
.team_github .avatar, .team_github-vip .avatar {
  padding: 0;
  border: #2a2a2a; }
.team_github .timeline-container-subject,
.team_github .profile-stats-meta,
.team_github .user-item__user .user-item__meta,
.team_github .leaderboard-podium-user-meta, .team_github-vip .timeline-container-subject,
.team_github-vip .profile-stats-meta,
.team_github-vip .user-item__user .user-item__meta,
.team_github-vip .leaderboard-podium-user-meta {
  color: #fff; }
.team_github .timeline-timestamp-link, .team_github-vip .timeline-timestamp-link {
  color: #cca300; }
  .team_github .timeline-timestamp-link:visited, .team_github-vip .timeline-timestamp-link:visited {
    color: #cca300; }
  .team_github .timeline-timestamp-link:hover, .team_github-vip .timeline-timestamp-link:hover {
    color: #cca300; }
  .team_github .timeline-timestamp-link:active, .team_github-vip .timeline-timestamp-link:active {
    color: #cca300; }
.team_github .timeline-line, .team_github-vip .timeline-line {
  background-color: #2a2a2a; }
.team_github .timeline-indicator-dot, .team_github-vip .timeline-indicator-dot {
  border-color: transparent;
  box-shadow: none; }
  .team_github .timeline-indicator-dot:after, .team_github-vip .timeline-indicator-dot:after {
    border-color: #2a2a2a; }
.team_github .timeline-datetime, .team_github-vip .timeline-datetime {
  color: #fff;
  background-color: #000;
  border-color: transparent; }
.team_github .full-width-footer-wrapper, .team_github-vip .full-width-footer-wrapper {
  border-top: 1px solid #2a2a2a; }
.team_github .leaderboard-podium-item-container, .team_github-vip .leaderboard-podium-item-container {
  background: transparent;
  border-color: #000; }
  .team_github .leaderboard-podium-item-container.current-user, .team_github-vip .leaderboard-podium-item-container.current-user {
    border-color: #fc0; }
    .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user, .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user {
      background-color: #fc0;
      border-color: #fc0; }
      .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name, .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name {
        color: #fff; }
        .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited, .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited {
          color: #fff; }
        .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover, .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover {
          color: #fff; }
        .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active, .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active {
          color: #fff; }
      .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta, .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta {
        color: #fff; }
.team_github .leaderboard-podium-user, .team_github-vip .leaderboard-podium-user {
  background: #000;
  border-color: #000; }
.team_github .leaderboard-podium-rank, .team_github-vip .leaderboard-podium-rank {
  background: #fc0;
  color: #000;
  border-color: transparent;
  box-shadow: none; }
.team_github .nav-tab:before, .team_github-vip .nav-tab:before {
  color: #050505; }
.team_github .inline-banner,
.team_github .inline-banner--notice,
.team_github .inline-banner--success,
.team_github .inline-banner--warning, .team_github-vip .inline-banner,
.team_github-vip .inline-banner--notice,
.team_github-vip .inline-banner--success,
.team_github-vip .inline-banner--warning {
  color: #000;
  background-color: #fc0;
  border-color: #fc0; }
  .team_github .inline-banner .markdownable,
  .team_github .inline-banner--notice .markdownable,
  .team_github .inline-banner--success .markdownable,
  .team_github .inline-banner--warning .markdownable, .team_github-vip .inline-banner .markdownable,
  .team_github-vip .inline-banner--notice .markdownable,
  .team_github-vip .inline-banner--success .markdownable,
  .team_github-vip .inline-banner--warning .markdownable {
    color: inherit; }
.team_github .type-selector,
.team_github .type-selector-column,
.team_github .type-selector-no-type, .team_github-vip .type-selector,
.team_github-vip .type-selector-column,
.team_github-vip .type-selector-no-type {
  border-color: #fc0; }
.team_github .type-selector-list-item input[type="checkbox"]:disabled + label, .team_github-vip .type-selector-list-item input[type="checkbox"]:disabled + label {
  color: #999999; }
.team_github .type-selector-list-item:hover, .team_github-vip .type-selector-list-item:hover {
  background: #2a2a2a; }
.team_github .type-selector-list-item.active, .team_github-vip .type-selector-list-item.active {
  background-color: #fc0;
  color: #000; }
.team_github .wizard-caption-heading.is-active, .team_github-vip .wizard-caption-heading.is-active {
  background: #000;
  box-shadow: inset -7px 0 7px -7px rgba(0, 0, 0, 0.2); }
.team_github .wizard-step-indicator, .team_github-vip .wizard-step-indicator {
  background: #fc0;
  border-color: transparent;
  box-shadow: none;
  color: #000; }
.team_github .input, .team_github .select, .team_github .report-action-picker__input,
.team_github .markdown-panes textarea, .team_github-vip .input, .team_github-vip .select, .team_github-vip .report-action-picker__input,
.team_github-vip .markdown-panes textarea {
  background-color: #000;
  border-color: #fc0;
  box-shadow: none;
  color: #fff; }
  .team_github .input:focus, .team_github .select:focus, .team_github .report-action-picker__input:focus,
  .team_github .markdown-panes textarea:focus, .team_github-vip .input:focus, .team_github-vip .select:focus, .team_github-vip .report-action-picker__input:focus,
  .team_github-vip .markdown-panes textarea:focus {
    color: #fff; }
.team_github .input-label,
.team_github .input-content-counter,
.team_github .markdown-label, .team_github-vip .input-label,
.team_github-vip .input-content-counter,
.team_github-vip .markdown-label {
  background: none;
  color: #fff; }
.team_github .helper-text,
.team_github .markdown-footer, .team_github-vip .helper-text,
.team_github-vip .markdown-footer {
  background-color: #000;
  border-color: #fc0;
  color: #fff; }
.team_github .markdown-textarea-container, .team_github-vip .markdown-textarea-container {
  background-color: #000;
  border-color: #fc0;
  color: #fff;
  box-shadow: none; }
.team_github .markdown-tab, .team_github-vip .markdown-tab {
  border-color: #fc0; }
  .team_github .markdown-tab:hover, .team_github-vip .markdown-tab:hover {
    background-color: #000; }
  .team_github .markdown-tab.is-active, .team_github-vip .markdown-tab.is-active {
    background-color: #000; }
    .team_github .markdown-tab.is-active:before, .team_github-vip .markdown-tab.is-active:before {
      background-color: #000; }
.team_github .markdown-panes, .team_github-vip .markdown-panes {
  background-color: #000; }
.team_github .attachments-upload, .team_github-vip .attachments-upload {
  border-color: #fc0; }
.team_github .attachments-upload, .team_github-vip .attachments-upload {
  color: #fff; }
  .team_github .attachments-upload .icon-paperclip, .team_github-vip .attachments-upload .icon-paperclip {
    opacity: .1;
    color: #fff; }
.team_github .leaderboard-listing, .team_github-vip .leaderboard-listing {
  background: transparent;
  border-color: #000; }
.team_github .leaderboard-listing-item + .leaderboard-listing-item, .team_github-vip .leaderboard-listing-item + .leaderboard-listing-item {
  border-color: #000; }
.team_github .leaderboard-listing-item:nth-child(even), .team_github-vip .leaderboard-listing-item:nth-child(even) {
  background-color: #000; }
.team_github .leaderboard-listing-item.current-user, .team_github .leaderboard-listing-item:nth-child(even).current-user, .team_github-vip .leaderboard-listing-item.current-user, .team_github-vip .leaderboard-listing-item:nth-child(even).current-user {
  background-color: #fc0; }
  .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user, .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user, .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user {
    color: #fff; }
    .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user:visited, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited, .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user:visited, .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited {
      color: #fff; }
    .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user:hover, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover, .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user:hover, .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover {
      color: #fff; }
    .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user:active, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active, .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user:active, .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active {
      color: #fff; }
.team_github .leaderboard-listing-avatar, .team_github-vip .leaderboard-listing-avatar {
  background-color: transparent; }
.team_github .feature-toggle-bar, .team_github-vip .feature-toggle-bar {
  background-color: #000;
  border-color: #fc0;
  color: #fff; }
.team_github .modal-content .markdownable,
.team_github .modal-content h2, .team_github-vip .modal-content .markdownable,
.team_github-vip .modal-content h2 {
  color: #000; }
.team_github .modal-close-button, .team_github-vip .modal-close-button {
  color: #828282; }
  .team_github .modal-close-button:visited, .team_github-vip .modal-close-button:visited {
    color: #828282; }
  .team_github .modal-close-button:hover, .team_github-vip .modal-close-button:hover {
    color: #828282; }
  .team_github .modal-close-button:active, .team_github-vip .modal-close-button:active {
    color: #828282; }

.programs__wrapper {
  position: relative;
  min-height: 100px; }

.programs__footer {
  margin-top: 50px; }

.programs__search {
  padding-top: 11px;
  position: relative;
  display: table;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 640px) {
    .programs__search {
      width: 65%; } }

.programs__search-dropdown-link {
  user-select: none;
  display: table-cell;
  width: 47px;
  vertical-align: middle;
  color: #216ba5;
  cursor: pointer;
  text-align: right;
  padding-left: 10px; }

.programs__search-dropdown {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  position: absolute;
  top: 48px;
  right: 0; }
  .programs__search-dropdown:after, .programs__search-dropdown:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .programs__search-dropdown:after {
    border-color: transparent;
    border-width: 8px; }
  .programs__search-dropdown:before {
    border-width: 9px; }
  .programs__search-dropdown:after, .programs__search-dropdown:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .programs__search-dropdown:after {
    border-bottom-color: #fff; }
  .programs__search-dropdown:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }

.programs__information-notice {
  text-align: center;
  font-size: 14px;
  padding-top: 30px;
  color: #999; }

.program {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  min-height: 82px; }
  @media (min-width: 640px) {
    .program {
      padding: 30px 0; } }

.program__profile-picture {
  position: absolute;
  top: 15px; }
  @media (min-width: 640px) {
    .program__profile-picture {
      top: 23px; } }

.program__profile {
  padding-left: 70px;
  max-width: 620px; }

.program__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  margin-bottom: 2px; }

.program__meta-data {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #828282;
  margin-bottom: 7px; }

.directory__title {
  font-size: 30px;
  color: #000;
  font-weight: 600; }

.directory__subtitle {
  font-size: 18px;
  color: #000; }

.directory__search {
  display: table-cell;
  width: 100%; }

.directory__search-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.directory__search-button {
  display: table-cell;
  margin-right: 10px;
  padding: 9px 14px 6px;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 1px; }
  @media (min-width: 640px) {
    .directory__search-button {
      padding: 6px 14px 5px; } }

.directory__filter-shortcut-group {
  padding-top: 20px;
  font-size: 16px; }

.directory__filter-shortcut {
  margin: 10px;
  display: block; }
  @media (min-width: 640px) {
    .directory__filter-shortcut {
      display: inline-block; } }

.attachments-list {
  background: #f5f5f5;
  padding: 4px 6px;
  font-size: 12px;
  margin-top: 30px;
  border-radius: 4px; }

.comment-attachments {
  margin-top: 10px; }

.attachments-upload {
  position: relative;
  z-index: 0;
  min-height: 75px;
  padding: 10px;
  width: 100%;
  border: 1px dashed #c5c5c5;
  cursor: pointer;
  color: #888;
  border-radius: 4px; }
  .comment-attachments .attachments-upload {
    min-height: 45px; }
  .attachments-upload.dz-drag-hover {
    border-color: #053952;
    border-width: 2px;
    padding: 9px; }
    .attachments-upload.dz-drag-hover .attachments-collection {
      opacity: 0; }
  .attachments-upload:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: 100; }
  .attachments-upload .icon-paperclip {
    font-size: 55px;
    color: #f5f5f5;
    z-index: -2;
    position: relative; }
    .comment-attachments .attachments-upload .icon-paperclip {
      font-size: 30px; }

.attachments-collection {
  transition: opacity .1s ease-in-out; }
  .comment-attachments .attachments-collection {
    font-size: 12px; }

.attachment-uploaded {
  position: relative;
  z-index: 101;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 4px 10px;
  color: #000;
  font-size: 12px;
  margin-bottom: 3px;
  cursor: default; }

.attachment-progress {
  float: right;
  margin: 0 10px;
  color: #828282;
  font-size: 11px; }

.attachment-filesize {
  color: #828282;
  font-size: 11px; }

.attachment-remove {
  cursor: pointer;
  color: #ccc;
  float: right;
  font-size: 11px;
  user-select: none; }
  .attachment-remove:hover {
    color: #ed2129; }

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

.markdown-attachment-reference {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 0 4px;
  color: #216ba5; }

.markdown-attachment-inline-reference img {
  max-width: 400px;
  border-radius: 4px;
  padding: 4px;
  display: block;
  border: 1px solid #e5e5e5; }

.comment-preview-container {
  position: relative;
  padding: 10px;
  padding-left: 0;
  margin-top: 20px;
  border: 1px #c5c5c5 solid;
  border-radius: 4px; }
  .comment-preview-container--interstitial {
    padding: 20px; }
  .comment-preview-container .timeline-item:last-child {
    padding-bottom: 0; }

.comment-preview-head {
  position: absolute;
  right: 20px;
  top: -10px;
  background: #fff;
  font-size: 11px;
  text-transform: uppercase;
  color: #828282;
  padding: 0 10px;
  line-height: 18px; }

.comment-preview {
  position: relative; }

.comment-preview-timeline {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 19px;
  width: 1px;
  background: #c5c5c5; }

.comment-preview-avatar {
  position: absolute;
  user-select: none;
  left: 5px; }

.comment-preview-link {
  cursor: default; }
  .comment-preview-link:hover {
    text-decoration: none;
    color: #216ba5; }

.add-participant-input {
  display: none;
  margin-left: 42px; }
  .is-active .add-participant-input {
    display: block; }

.add-participant-input-field {
  font-size: 12px;
  margin-top: 7px;
  width: 100%; }

.participant {
  margin-right: 3px; }
  .participant:last-child {
    margin-right: 0; }

.comment-submit {
  margin-top: 10px; }
  .is-internal .comment-submit {
    padding-bottom: 15px; }

.report__social-share {
  margin-top: 1em; }

.report__social-share-item {
  display: inline-block;
  font-size: 21px;
  line-height: 1; }
  .report__social-share-item + .report__social-share-item {
    margin-left: 6px; }
  .report__social-share-item:first-child {
    margin-left: 0; }
  .report__social-share-item--prefix {
    font-size: 12px;
    color: #828282;
    margin-right: 5px; }

.disclosure-header-text {
  font-size: 30px;
  font-weight: 500;
  padding-top: 75px;
  padding-left: 20%; }

.report-meta {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5; }
  .report-meta--collapsed {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #828282;
    font-size: 12px; }

.report-meta__table {
  width: 100%;
  table-layout: auto; }
  @media (min-width: 1025px) {
    .report-meta__table {
      float: left;
      width: 50%; } }

.report-meta__table-cell {
  padding: 5px; }
  .report-meta__table-cell:first-child {
    width: 140px;
    text-align: right;
    color: #828282;
    padding-right: 10px; }

.report-meta-data--internal {
  padding: 4px 5px;
  border-radius: 4px;
  background: #fbf1f1;
  border: 1px solid #f5dddd;
  margin-right: 5px;
  display: inline-block; }

.report-meta-data-clone-icon {
  color: #72bc42;
  margin-right: 5px; }

.report-meta-data-heading {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600; }

.report-meta--collapsed__item {
  display: inline; }
  .report-meta--collapsed__item:before {
    padding: 0 7px;
    content: "\b7"; }
  .report-meta--collapsed__item:first-child:before {
    padding: 0;
    content: ""; }

.report-picker-arrow {
  width: 20px;
  height: 26px;
  margin: 0 5px;
  float: left;
  background: asset-data-url("/themes/hackerone/css/reports/action-picker-divider.png") no-repeat center center; }

.report-comment-type-selector,
.report-additional-input-region,
.report-subaction-selector {
  float: left;
  margin-bottom: 10px; }

.report-comment-type-selector,
.report-additional-input-region,
.report-picker-arrow,
.report-subaction-selector {
  position: relative; }

.report-add-reporter-to-original {
  margin-top: 5px; }

.report-action-picker__plus-sign,
.report-action-picker__input-wrapper,
.report-action-picker__statistics-button-group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.report-action-picker__input {
  width: 135px;
  padding: 3px 6px;
  transition: all .2s ease-out; }
  .report-action-picker__input.is-highlighted {
    background: #fffae0; }
  .report-action-picker__input--reference, .report-action-picker__input--assignee-typeahead, .report-action-picker__input--internal {
    background: #fbf1f1;
    padding-right: 18px; }
  .report-action-picker__input--assignee-typeahead {
    width: 200px; }
  .report-action-picker__input--bounty-amount, .report-action-picker__input--bonus-amount {
    padding-left: 18px;
    width: 100px; }
  .report-action-picker__input--duplicate-bug-typeahead {
    width: 327px;
    padding-right: 20px; }

.report-action-picker__privacy-indicator {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 11px;
  color: #828282; }

.report-action-picker__selected-entry {
  border: 1px solid #c5c5c5;
  padding: 2px 10px 1px;
  border-radius: 4px;
  display: inline-block; }
  .report-action-picker__selected-entry--assignee {
    padding: 1px 5px 2px; }

.report-action-picker__vertical-align {
  line-height: 27px; }

.report-action-picker__statistics-button {
  line-height: 1.9; }

.report-action-picker__selected-entry-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 276px;
  display: inline-block;
  vertical-align: top; }
  .report-action-picker__selected-entry--assignee .report-action-picker__selected-entry-name {
    margin-left: 5px; }

.report-action-picker__remove-entry-icon {
  color: #aeaeae;
  margin-left: 5px; }
  .report-action-picker__remove-entry-icon:hover {
    cursor: pointer;
    color: #cd3a3a; }

.report-action-picker__add-bonus,
.report-action-picker__plus-sign {
  margin-left: 5px; }

.report-action-picker__plus-sign {
  font-size: 24px;
  margin-right: 5px;
  color: #828282; }

.report-heading {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px; }
  .report-heading .report-status {
    display: none; }
    @media (min-width: 640px) {
      .report-heading .report-status {
        vertical-align: middle;
        display: table-cell; } }

.report-heading__report-title-wrapper {
  width: 100%;
  display: table; }

.report-heading__report-title-controls {
  display: table;
  width: 100%;
  padding-bottom: 5px; }

.report-heading__report-title-container {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.report-heading__report-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 24px;
  word-wrap: break-word;
  padding: 7px 11px 4px; }

.report-heading__report-title-input {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  width: 100%; }

.report-heading__link-wrapper {
  display: table-cell;
  vertical-align: middle; }

.report-heading__edit-link {
  color: #828282;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
  margin-left: 10px; }
  .report-heading__edit-link:visited {
    color: #216ba5; }
  .report-heading__edit-link:hover {
    color: #216ba5; }
  .report-heading__edit-link:active {
    color: #216ba5; }

.report-heading__edit-icon {
  margin-right: 5px; }

.report-heading__done-link,
.report-heading__cancel-link {
  color: #216ba5;
  font-size: 13px;
  margin-left: 10px;
  cursor: pointer; }
  .report-heading__done-link:visited,
  .report-heading__cancel-link:visited {
    color: #216ba5; }
  .report-heading__done-link:hover,
  .report-heading__cancel-link:hover {
    color: #216ba5; }
  .report-heading__done-link:active,
  .report-heading__cancel-link:active {
    color: #216ba5; }

.report-heading__cancel-link {
  color: #828282; }
  .report-heading__cancel-link:visited {
    color: #828282; }
  .report-heading__cancel-link:hover {
    color: #828282; }
  .report-heading__cancel-link:active {
    color: #828282; }

.report-heading__toggle {
  position: absolute;
  bottom: -12px;
  left: 50%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 11px;
  width: 55px;
  text-align: center;
  margin-left: -27.5px; }
  .report-heading__toggle:hover {
    background: #f5f5f5; }

@media (min-width: 640px) {
  .report-heading__social-share {
    width: 230px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    padding-bottom: 5px; } }
.report-heading__social-share .report__social-share {
  border-top: 1px solid #e5e5e5;
  padding: 10px 0;
  margin-top: 0; }
  @media (min-width: 640px) {
    .report-heading__social-share .report__social-share {
      border: none;
      padding: 0; } }

.clone-report-title {
  float: left;
  line-height: 24px;
  margin-right: 10px; }

.clone-report-anonymize {
  user-select: none; }

.reports__sub-heading {
  color: #828282;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 10px; }

.full-width-scroll-area .full-width-bugs-report-frame-content {
  max-width: 700px; }

.common-responses {
  margin: -10px;
  padding-bottom: 10px; }

.common-response {
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
  padding: 0 10px;
  line-height: 2.5; }
  .common-response:first-child {
    border-top: 0; }
  .common-response:hover {
    background: #f5f5f5; }

.common-responses-empty {
  padding: 15px 0;
  text-align: center; }

.common-responses-input-wrapper {
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  margin-bottom: 150px; }
  .common-responses-input-wrapper .twitter-typeahead {
    background: #fff;
    border-radius: 4px;
    display: block !important; }

.common-responses-list {
  overflow: hidden;
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0; }

.c3 svg {
  font-size: 11px;
  width: 100%; }

.c3 path,
.c3 line {
  fill: none; }

.c3 text {
  fill: #999;
  user-select: none; }

.dashboard-pie-chart .c3 text {
  fill: #fff; }

.c3-grid line {
  stroke: #ddd; }

.dashboard-tooltip {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 1px solid #c5c5c5;
  background: #fff;
  font-size: 13px;
  line-height: 1.4;
  border-collapse: separate; }
  .dashboard-tooltip td {
    padding: 3px 6px; }
    .dashboard-tooltip td + td {
      border-left: 0; }
  .dashboard-tooltip .value {
    text-align: right; }

.dashboard-tooltip-head {
  text-align: center;
  font-weight: 600; }

.controller_dashboard .react-datepicker__input-container {
  display: block; }

.dashboard-pie-chart {
  user-select: none;
  position: relative;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  margin: 10px 0; }

.dashboard-disabled-state {
  width: 100%;
  height: 90%;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  text-align: center;
  z-index: 1; }
  .dashboard-disabled-state:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.dashboard-disabled-state-explanation {
  font-size: 24px;
  color: #999;
  display: inline-block;
  vertical-align: middle; }

.dashboard-legend {
  text-align: center; }

.dashboard-legend__item {
  display: inline-block;
  color: #828282;
  font-size: 11px; }
  .dashboard-legend__item + .dashboard-legend__item {
    margin-left: 10px; }

.trigger-rule {
  font-size: 12px;
  color: #000;
  text-decoration: none; }

.trigger-rule-link {
  word-break: break-word;
  color: #216ba5; }
  .trigger-rule-link:hover {
    text-decoration: underline;
    color: #144063; }

.trigger-rule-title {
  min-width: 60px;
  display: inline-block;
  color: #828282; }

.trigger-disabled .trigger-rule,
.trigger-disabled .trigger-rule-link,
.trigger-disabled .trigger-rule-title {
  color: #ccc; }

.action-row,
.criteria-row {
  margin-bottom: 5px; }
  .action-row:last-child,
  .criteria-row:last-child {
    margin-bottom: 0; }

.criteria-field,
.criteria-options {
  float: left;
  margin-right: 5px; }

.criteria-options,
.criteria-field {
  margin-right: 5px; }

.criteria-add,
.criteria-delete {
  margin-left: 5px; }

.criteria-delete,
.criteria-add {
  float: right; }

.criteria-input {
  overflow: hidden; }

.criteria-delete,
.criteria-add {
  width: 16px;
  line-height: 31px; }
  .criteria-delete .icon-minus,
  .criteria-delete .icon-plus,
  .criteria-add .icon-minus,
  .criteria-add .icon-plus {
    font-size: 16px;
    color: #c5c5c5; }
  .criteria-delete .icon-minus:hover,
  .criteria-add .icon-minus:hover {
    color: #cd3a3a; }
  .criteria-delete .icon-plus:hover,
  .criteria-add .icon-plus:hover {
    color: #72bc42; }

.triggers-loading-state {
  height: 200px;
  position: relative; }

.triggers-disabled-label {
  background: #f5f5f5;
  color: #828282;
  border-radius: 4px;
  padding: 2px 4px;
  border: 1px solid #e5e5e5;
  margin-right: 5px;
  font-size: 11px; }

.triggers-loading-container {
  position: relative; }

.launch-participants__list {
  overflow: hidden;
  position: relative; }
  .launch-participants__list--invited {
    max-height: 250px; }
  .launch-participants__list--pending {
    max-height: 130px; }

.launch-invite-top-researchers__dropdown {
  border: 1px solid #c5c5c5; }

.button--automatic-invites {
  margin: 0px 5px 0px 5px; }

.button-manual-invite {
  margin-left: 10px;
  line-height: 1; }

.invite-modal-content {
  margin-top: 15px; }

.integration__image {
  width: 48px;
  height: 48px;
  margin-right: 15px; }

.integration__name {
  display: inline-block;
  color: #216ba5; }

.product-edition-contract {
  height: 20px; }

.users-overview__avatar {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px; }

.users-overview__user {
  display: inline-block;
  padding-left: 5px; }

.users-overview__email-address {
  margin-top: -2px; }

.signup-logo {
  height: 30px;
  width: auto;
  float: left; }

.signup-icon {
  width: 35%; }

.signup-row {
  padding-top: 5%; }

.signup-form {
  margin-bottom: 10px; }

.signup-confirmation {
  width: 600px;
  margin: auto; }

.audit-log-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0; }
  .audit-log-item td {
    padding: 10px 0; }
  .audit-log-item:first-child {
    padding-top: 0; }
    .audit-log-item:first-child td {
      padding-top: 0; }
  .audit-log-item:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
    .audit-log-item:last-child td {
      padding-bottom: 0; }

.invitation-header {
  text-align: center;
  margin-bottom: 30px; }

.invitation-header-image {
  display: table;
  width: 100%;
  padding: 0 31px;
  margin-bottom: 30px; }

.invitation-header-image-left {
  text-align: right; }

.invitation-header-image-right {
  text-align: left; }

.invitation-header-image-left,
.invitation-header-image-right,
.invitation-header-image-middle,
.invitation-header-image-divider {
  display: table-cell;
  vertical-align: middle; }

.invitation-header-image-left,
.invitation-header-image-right {
  width: 63px;
  height: 63px; }

.invitation-header-image-middle {
  width: 97px;
  height: 97px; }

.invitation-header-image-divider {
  width: 57px; }
  .invitation-header-image-divider > .divider {
    background-color: #ccc;
    height: 1px;
    width: 100%; }

.invitation-header-intro {
  font-size: 16px;
  line-height: 28px;
  text-align: center; }
  .invitation-header-intro strong {
    color: #333; }
  .invitation-header-intro p:last-child {
    margin-bottom: 0; }
  .invitation-header-intro + .invitation-header-report-title {
    margin-top: 25px; }

.invitation-header-report-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  color: #333; }

.payout-method-details {
  color: #828282; }

.payout-method-wrapper {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 10px; }

.payout-method-benefit-icon-default,
.payout-method-benefit-icon-success {
  font-size: 24px;
  float: left;
  margin: 5px 10px 0 0; }

.payout-method-benefit-icon-default {
  color: #828282; }

.payout-method-benefit-icon-success {
  color: #72bc42; }

.payout-method-benefit-explanation {
  overflow: hidden; }

.qr-code-container {
  text-align: center;
  margin-bottom: 10px;
  margin-left: -20px; }

.qr-code {
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  margin: 0 auto; }
  .qr-code td {
    border-width: 0;
    border-style: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px; }
    .qr-code td.black {
      background-color: #000; }
    .qr-code td.white {
      background-color: #fff; }

.settings-container {
  display: table;
  width: 100%;
  margin-bottom: 30px; }
  .settings-container.without-footer {
    margin-bottom: 0; }
  .settings-container .left-column {
    width: 200px; }
  .settings-container .settings-column {
    padding-left: 20px; }
  .settings-container .left-column,
  .settings-container .settings-column {
    position: relative;
    display: table-cell;
    vertical-align: top; }

.settings-column__footer {
  padding-top: 20px; }

.settings-section {
  margin-bottom: 30px; }
  .settings-section:last-child {
    margin-bottom: 0; }

.settings-scroll-pane {
  height: 240px;
  overflow-y: auto;
  padding-right: 5px; }

.settings-cover-photo {
  width: 678px;
  height: 135px;
  padding: 2px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px; }

.forgot-password {
  font-size: 12px; }
  @media (min-width: 640px) {
    .forgot-password {
      float: right; } }

.remember-me {
  font-size: 12px;
  color: #828282;
  margin-top: 10px; }
  @media (min-width: 640px) {
    .remember-me {
      float: left;
      margin-top: 0; } }

.mini-profile__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px; }
.mini-profile__name {
  margin-left: 5px; }
.mini-profile__about {
  margin-top: 10px;
  word-wrap: break-word; }
.mini-profile__meta {
  margin-top: 20px; }
.mini-profile__meta-item {
  width: 50%;
  float: left; }
.mini-profile__meta-divider {
  margin: 10px 0;
  border-top: 1px solid #e5e5e5; }

.report-frame__researcher-context {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 5px;
  height: 46px; }

.mini-profile--wide {
  height: 31px; }
  .mini-profile--wide .mini-profile__title {
    width: 30%;
    float: left; }
  .mini-profile--wide .mini-profile__about {
    display: none; }
  .mini-profile--wide .mini-profile__meta {
    margin-top: 0;
    max-width: 70%;
    float: right; }
  .mini-profile--wide .mini-profile__meta-group {
    float: left; }
  .mini-profile--wide .mini-profile__meta-item {
    width: auto; }
    .mini-profile--wide .mini-profile__meta-item + .mini-profile__meta-item {
      margin-left: 20px; }
  .mini-profile--wide .mini-profile__meta-divider {
    border-left: 1px solid #e5e5e5;
    border-top: 0;
    height: 31px;
    float: left;
    margin: 0 20px; }

.hacker-badge {
  font-family: "Rye";
  text-align: center;
  perspective: 1000px;
  margin-bottom: 20px;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
  font-size: 15px;
  width: 50%; }
  @media (min-width: 600px) {
    .hacker-badge {
      width: 33.3333333333%; } }
  @media (min-width: 800px) {
    .hacker-badge {
      width: 25%; } }
  .hacker-badge__picture {
    margin-bottom: 20px; }
  .hacker-badge__container {
    transition: .6s;
    transform-style: preserve-3d;
    position: relative;
    padding-bottom: 100%;
    height: 0;
    margin-left: 20px; }
    .hacker-badge:hover .hacker-badge__container {
      transform: rotateY(180deg);
      transition-delay: 200ms; }
  .hacker-badge__center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 15px; }
  .hacker-badge__meta {
    opacity: .8;
    margin-top: 10px;
    font-size: 13px; }
  .hacker-badge__front {
    transform: rotateY(0deg); }
  .hacker-badge__front, .hacker-badge__back {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%; }
    .hacker-badge__front::before, .hacker-badge__back::before {
      content: "";
      background-image: url("/assets/images/users/badges/background.png");
      background-position: left bottom;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0; }
  .hacker-badge__back, .hacker-badge__back::before {
    transform: rotateY(180deg); }

.wizard-step-indicator {
  padding: 2px;
  border: 1px solid #c5c5c5;
  line-height: 28px;
  width: 34px;
  background: #3578ac;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-align: center;
  color: #fff;
  border-radius: 500px;
  box-shadow: inset 0 0 0 2px #fff; }

.type-selector {
  position: relative;
  border: 1px solid #c5c5c5;
  font-size: 12px;
  width: 100%;
  border-radius: 4px; }
  .type-selector:not(:last-child) {
    margin-bottom: 40px; }

.type-selector-column {
  width: 50%;
  height: 100%;
  vertical-align: top;
  min-height: 287px;
  max-height: 287px;
  overflow: hidden;
  float: left;
  border-left: 1px solid #c5c5c5; }
  .type-selector-column:first-child {
    user-select: none;
    border: 0; }

.type-selector-list {
  position: relative;
  height: 279px;
  padding: 10px 0; }
  .type-selector-list--include-none-applicable {
    height: 251px; }

.type-selector-no-type {
  border-top: 1px solid #c5c5c5;
  height: 36px; }

.type-selector-list-item {
  line-height: 26px;
  margin: 2px 0;
  cursor: pointer; }
  .type-selector-list-item:hover {
    background: #f5f5f5; }
  .type-selector-list-item.active {
    background: url("/assets/images/global-elements/checked-shape.png") no-repeat 95% 50% #3578ac;
    color: #fff; }
    .type-selector-list-item.active .type-selector-checkbox:disabled + .type-selector-list-label {
      display: block;
      opacity: 1;
      color: #e5e5e5;
      background: url("/assets/images/global-elements/disabled-checked-shape.png") no-repeat 95% 50% #afafaf; }
  .type-selector-no-type .type-selector-list-item {
    margin: 5px 0; }

.type-selector-list-label {
  padding: 0 20px;
  font-weight: 400;
  display: block; }

.type-selector-checkbox {
  display: none; }
  .type-selector-checkbox + .type-selector-list-label {
    margin-left: 0; }

.type-selector-description {
  padding: 10px 20px; }

.vertical-wizard-row {
  margin-bottom: 30px; }
  .vertical-wizard-row:last-child {
    margin-bottom: 0; }
  .vertical-wizard-row.disabled {
    pointer-events: none; }

.vertical-wizard-caption-heading {
  margin-bottom: 14px;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 1px solid transparent; }
  .is-active .vertical-wizard-caption-heading {
    background: #f5f5f5; }
  .is-completed .vertical-wizard-caption-heading {
    border-bottom: 1px solid #ededed;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.vertical-wizard-container {
  margin-left: 55px; }

.vertical-wizard-caption-heading-title {
  font-size: 16px;
  color: #216ba5;
  margin: 0; }

.wizard-wrapper.without-footer {
  margin-bottom: -30px; }

.wizard-row {
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed; }
  .wizard-row:last-child {
    margin-bottom: 30px; }

.wizard-fieldset, .wizard-caption {
  vertical-align: top;
  display: table-cell;
  padding-bottom: 40px; }
  .wizard-row:first-child .wizard-fieldset,
  .wizard-row:first-child .wizard-caption {
    padding-top: 10px; }
  .wizard-row:last-child .wizard-fieldset, .wizard-row:last-child .wizard-caption {
    padding-bottom: 0; }

.wizard-fieldset {
  width: auto;
  padding-left: 20px; }

.wizard-caption {
  width: 250px;
  padding-right: 20px;
  box-shadow: inset -7px 0 7px -7px rgba(0, 0, 0, 0.2); }

.wizard-caption-heading {
  margin-bottom: 10px;
  padding: 10px 0; }
  .wizard-caption-heading.is-active {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -20px;
    background: url("/assets/images/global-elements/state-indicator.png") no-repeat 100% 50% #f5f5f5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }

.wizard-caption-heading-title {
  font-size: 16px;
  margin: 0; }

.leaderboard {
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 640px) {
    .leaderboard {
      margin-bottom: 0; } }

.leaderboard--bordered {
  border: 1px solid #e5e5e5; }

.leaderboard__item {
  border-top: 1px solid #e5e5e5; }
  .leaderboard__item:hover {
    background: #f5f5f5; }
  .leaderboard__item:last-child {
    border-bottom: 1px solid #e5e5e5; }
  .leaderboard__item--current-user {
    background: #fffae0; }
    .leaderboard__item--current-user:hover {
      background: #fff7ce; }

.leaderboard__column {
  padding: 5px 7px; }
  @media (min-width: 640px) {
    .leaderboard__column {
      padding: 10px; } }
  .leaderboard__column--rank {
    padding-left: 20px;
    display: none; }
    @media (min-width: 640px) {
      .leaderboard__column--rank {
        display: table-cell; } }
  .leaderboard__column--heading {
    color: #828282;
    border-top: 1px solid transparent;
    font-weight: 600;
    text-align: center; }
    .leaderboard__column--heading.leaderboard__column--active, .leaderboard__column--heading.leaderboard__column--bordered {
      border-top-color: #e5e5e5; }
  .leaderboard__column--user {
    width: 100%; }
    @media (min-width: 640px) {
      .leaderboard__column--user {
        padding-left: 10px; } }
  @media (min-width: 640px) {
    .leaderboard__column--metric {
      padding-left: 20px;
      padding-right: 20px; } }
  .leaderboard__column--light {
    font-size: 85%;
    font-weight: 400; }
  .leaderboard__column--active {
    background: #f5f5f5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; }
    .leaderboard__item:hover .leaderboard__column--active {
      background: #ececec; }
    .leaderboard__item--current-user .leaderboard__column--active {
      background: #fff6c7; }
    .leaderboard__item--current-user:hover .leaderboard__column--active {
      background: #fff2ad; }

.leaderboard-rank {
  text-align: center;
  color: #828282;
  font-weight: 600;
  font-size: 13px; }
  @media (min-width: 640px) {
    .leaderboard-rank {
      font-size: 14px; } }

.leaderboard-metric {
  color: #216ba5;
  font-weight: 600;
  font-size: 14px;
  text-align: center; }
  @media (min-width: 640px) {
    .leaderboard-metric {
      font-size: 18px; } }

.leaderboard-user {
  white-space: nowrap;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .leaderboard-user__avatar {
    display: table-cell;
    width: 41px; }
  .leaderboard-user__information {
    width: 100%;
    padding-left: 8px;
    vertical-align: middle;
    display: table-cell; }
  @media (min-width: 640px) {
    .leaderboard-user__name {
      font-size: 14px;
      font-weight: 600; } }
  .leaderboard-user__bio {
    font-size: 11px;
    color: #828282; }
    @media (min-width: 640px) {
      .leaderboard-user__bio {
        font-size: 12px; } }
  .leaderboard-user__information, .leaderboard-user__name, .leaderboard-user__bio {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%; }

@media (min-width: 700px) {
  .leaderboard__title {
    float: left; } }

.leaderboard__dropdown {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 700px) {
    .leaderboard__dropdown {
      float: right;
      margin: 0; } }

.leaderboard__cup--gold {
  color: #f3b643; }
.leaderboard__cup--silver {
  color: #a8a8a8; }
.leaderboard__cup--bronze {
  color: #cdb7a1; }

.leaderboard-listing {
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden; }

.leaderboard-listing-wrapper + .leaderboard-listing-wrapper {
  margin-top: 15px; }

.leaderboard-listing-item {
  padding: 10px 15px; }
  .leaderboard-listing-item.current-user {
    background: #fffae0; }
  .leaderboard-listing-item + .leaderboard-listing-item {
    border-top: 1px solid #e5e5e5; }
  .leaderboard-listing-item:nth-child(even) {
    background: #f5f5f5; }
    .leaderboard-listing-item:nth-child(even).current-user {
      background: #fffae0; }

.leaderboard-listing-count {
  display: inline-block;
  margin-right: 3px;
  width: 25px; }

.leaderboard-listing-avatar {
  margin-right: 18px; }

.leaderboard-listing-user {
  display: inline-block; }

.leaderboard-listing-meta {
  display: inline-block;
  color: #828282; }

.leaderboard-podium {
  margin: -10px -10px 10px; }

.leaderboard-podium-item {
  float: left;
  width: 100%; }
  @media (min-width: 940px) {
    .leaderboard-podium-item {
      width: 20%; } }

.leaderboard-podium-item-small {
  width: 50%; }
  @media (min-width: 640px) {
    .leaderboard-podium-item-small {
      width: 25%; } }
  @media (min-width: 940px) {
    .leaderboard-podium-item-small {
      width: 16.666666667%; } }

.leaderboard-podium-item-container {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #c5c5c5;
  padding: 20px;
  margin: 10px;
  text-align: center;
  overflow: hidden; }
  .leaderboard-podium-item-container.current-user {
    border-color: #dfdbb7; }

.leaderboard-podium-avatar-container {
  position: relative;
  width: 130px;
  margin: 0 auto; }
  .leaderboard-podium-item-small .leaderboard-podium-avatar-container {
    width: auto; }

.leaderboard-podium-avatar {
  margin-bottom: 10px;
  width: 100px;
  height: 100px; }
  .leaderboard-podium-item-small .leaderboard-podium-avatar {
    width: 75px;
    height: 75px; }

.leaderboard-podium-rank {
  position: absolute;
  top: 4px;
  left: 4px;
  border: 1px solid #c5c5c5;
  border-radius: 500px;
  background: #f5f5f5;
  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 600;
  box-shadow: inset 0 0 0 2px #fff; }

.leaderboard-podium-user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f5f5f5;
  margin: -20px;
  border-top: 1px solid #e5e5e5;
  padding: 15px 15px 10px; }
  .current-user .leaderboard-podium-user {
    background: #fffae0;
    border-top: 1px solid #efedda; }

.leaderboard-podium-user-name {
  font-size: 16px;
  font-weight: 600; }
  .leaderboard-podium-item-small .leaderboard-podium-user-name {
    font-size: 14px; }

.leaderboard-podium-user-meta {
  color: #828282; }

.tutorial-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1400; }

.tutorial-popover__progress-indicator {
  display: inline-block;
  vertical-align: middle;
  width: 33%; }

.tutorial-popover-enter {
  opacity: .01;
  transition: opacity .5s ease-in; }
  .tutorial-popover-enter.tutorial-popover-enter-active {
    opacity: 1; }

.tutorial-popover-leave {
  opacity: 1;
  transition: opacity .5s ease-in; }
  .tutorial-popover-leave.tutorial-popover-leave-active {
    opacity: .01; }

.badge {
  font-size: 10px;
  padding: 1px 7px;
  margin-left: 5px;
  vertical-align: top;
  border-radius: 50px;
  border: 1px solid #c5c5c5; }
  .badge:hover {
    text-decoration: none; }

.badge--ibb {
  background-color: #d9ebf8;
  border-color: #c3e0f4; }
  .badge--ibb:hover {
    background-color: #d0e6f6;
    border-color: #bbdbf2; }

.badge--confidential {
  background-color: #fbf1f1;
  border-color: #f5dddd; }
  .badge--confidential:hover {
    background-color: #f9e9e9;
    border-color: #f3d5d5; }

.badge--sandboxed {
  background-color: #fef7d4;
  border-color: #fdf2bb; }
  .badge--sandboxed:hover {
    background-color: #fef5ca;
    border-color: #fdf1b1; }

.empty-state {
  height: 200px;
  text-align: center; }
  .empty-state:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.empty-state__explanation {
  font-size: 14px;
  color: #999;
  display: inline-block;
  vertical-align: middle; }

.empty-state__icon {
  font-size: 120px;
  color: #eee;
  margin-bottom: 30px; }

.flip-out-container {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #f5f5f5;
  transition: max-height 1s, visibility 1s; }
  .flip-out-container__inner {
    padding: 15px; }
  .flip-out-container--active {
    visibility: visible;
    max-height: 300px; }

.internal-activity-icon {
  color: #828282;
  margin-right: 2px;
  cursor: pointer; }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.loading-indicator__inner {
  animation: spinner 1000ms linear infinite;
  z-index: 3; }

.loading-indicator__overlay {
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.75); }

.loading-indicator__caption {
  z-index: 3;
  color: #828282;
  width: 100%;
  text-align: center; }

.nav-tab {
  float: left; }
  .nav-tab + .nav-tab:before {
    padding: 0 10px;
    content: "|"; }

.nav-tab__link--active,
.nav-tab__link--active:visited {
  color: #828282; }

/*
@doc Pagination
@tags css

Pagination is being showed on pages with larger amounts of results.

```html
<div class="pagination">
  <div class="pagination__results">
    1 - 25 of 75 results
  </div>
  <div class="pagination__button-group button-group">
    <div class="button button--disabled">
      <i class="pagination__arrow--left icon-arrow-closure"></i>
    </div>
    <div class="button">
      <i class="pagination__arrow--right icon-arrow-closure"></i>
    </div>
  </div>
</div>
```

```html
<div class="pagination">
  <div class="pagination__results">
    26 - 50 of 75 results
  </div>
  <div class="pagination__button-group button-group">
    <div class="button">
      <i class="pagination__arrow--left icon-arrow-closure"></i>
    </div>
    <div class="button">
      <i class="pagination__arrow--right icon-arrow-closure"></i>
    </div>
  </div>
</div>
```

```html
<div class="pagination">
  <div class="pagination__results">
    51 - 75 of 75 results
  </div>
  <div class="pagination__button-group button-group">
    <div class="button">
      <i class="pagination__arrow--left icon-arrow-closure"></i>
    </div>
    <div class="button button--disabled">
      <i class="pagination__arrow--right icon-arrow-closure"></i>
    </div>
  </div>
</div>
```

## Without results

```html
<div class="button-group">
  <span class="button button--small">1</span>
  <span class="button button--active button--small">2</span>
  <span class="button button--small">3</span>
</div>
```
*/
.pagination {
  margin-top: 20px; }

.pagination__results,
.pagination__button-group {
  display: inline-block;
  vertical-align: middle; }

.pagination__results {
  margin-right: 10px;
  text-align: right;
  color: #828282; }

.pagination__arrow--left:before {
  transform: rotate(90deg); }

.pagination__arrow--right:before {
  transform: rotate(270deg); }

/*
@doc Progress bar
@tags css

## Normal
```html
<div class="progress-bar">
  <div class="progress-bar__step" style="width: 33.33%"></div>
  <div class="progress-bar__step" style="width: 33.33%"></div>
  <div class="progress-bar__step" style="width: 33.33%"></div>
</div>
```

## Active
```html
  <div class="progress-bar">
    <div class="progress-bar__step progress-bar__step--active" style="width: 33.33%"></div>
    <div class="progress-bar__step progress-bar__step--active" style="width: 33.33%"></div>
    <div class="progress-bar__step" style="width: 33.33%"></div>
  </div>
```
*/
.progress-bar {
  height: 10px; }

.progress-bar__step {
  float: left;
  height: 100%;
  border: 1px solid #e5e5e5;
  background-color: #fff; }
  .progress-bar__step:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px; }
  .progress-bar__step:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; }
  .progress-bar__step:not(:first-child) {
    border-left: none; }

.progress-bar__step--active {
  background-color: #72bc42;
  border-color: #61a038; }

/*
@doc Reputation Change Badge
@tags css

This component is used to indicate the user it's change in reputation. There are three options: the
reputation change is neutral, an increase or a decrease.

## Neutral
```html
<span class="reputation-change-badge">0</span>
```

## Increase
```html
<span class="reputation-change-badge reputation-change-badge--increase">+100</span>
```

## Decrease
```html
<span class="reputation-change-badge reputation-change-badge--decrease">-100</span>
```
*/
.reputation-change-badge {
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #c5c5c5;
  color: #828282;
  min-width: 30px;
  padding: 0 3px;
  text-align: center; }

.reputation-change-badge--increase {
  border-color: #72bc42;
  color: #72bc42; }

.reputation-change-badge--decrease {
  border-color: #cd3a3a;
  color: #cd3a3a; }

.search-input__search-icon {
  color: #999;
  height: 50%;
  margin: auto;
  position: absolute;
  top: -2px;
  left: 10px;
  bottom: 0; }

.search-input__clear-icon {
  color: #999;
  height: 50%;
  margin: auto;
  position: absolute;
  top: -3px;
  right: 10px;
  bottom: 0;
  cursor: pointer; }
  .search-input__clear-icon:visited {
    color: #999; }
  .search-input__clear-icon:hover {
    color: #999; }
  .search-input__clear-icon:active {
    color: #999; }

.search-wrapper .fac-result ul.result-list {
  margin-top: 0px;
  padding: 30px; }
  .search-wrapper .fac-result ul.result-list li {
    border: none; }
    .search-wrapper .fac-result ul.result-list li h5 {
      font-size: 18px;
      color: #494649; }
    .search-wrapper .fac-result ul.result-list li p {
      font-size: 15px;
      margin-bottom: 0px;
      color: #555559; }
    .search-wrapper .fac-result ul.result-list li a {
      font-size: 15px;
      color: #ec1075; }
    .search-wrapper .fac-result ul.result-list li.selected {
      background-color: #fff; }
    .search-wrapper .fac-result ul.result-list li .result-img {
      padding: 0 20px; }

.panel {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative; }
  .panel--active {
    border: 2px solid #216ba5; }
  .panel__heading {
    background: #f5f5f5;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5; }
  .panel__image {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }
  .panel__content {
    padding: 10px 15px; }

.icon-share-facebook {
  color: #ccc; }
  .icon-share-facebook:visited {
    color: #ccc; }
  .icon-share-facebook:hover {
    color: #335292; }
  .icon-share-facebook:active {
    color: #335292; }

.icon-share-twitter {
  color: #ccc; }
  .icon-share-twitter:visited {
    color: #ccc; }
  .icon-share-twitter:hover {
    color: #52a3db; }
  .icon-share-twitter:active {
    color: #52a3db; }

.icon-share-google-plus {
  color: #ccc; }
  .icon-share-google-plus:visited {
    color: #ccc; }
  .icon-share-google-plus:hover {
    color: #d75a4b; }
  .icon-share-google-plus:active {
    color: #d75a4b; }

.icon-share-linkedin {
  color: #ccc; }
  .icon-share-linkedin:visited {
    color: #ccc; }
  .icon-share-linkedin:hover {
    color: #007cb6; }
  .icon-share-linkedin:active {
    color: #007cb6; }

.icon-share-hacker-news {
  color: #ccc; }
  .icon-share-hacker-news:visited {
    color: #ccc; }
  .icon-share-hacker-news:hover {
    color: #ff6800; }
  .icon-share-hacker-news:active {
    color: #ff6800; }

.icon-share-reddit {
  color: #ccc; }
  .icon-share-reddit:visited {
    color: #ccc; }
  .icon-share-reddit:hover {
    color: #93b8de; }
  .icon-share-reddit:active {
    color: #93b8de; }

.icon-share-rss {
  color: #ccc; }
  .icon-share-rss:visited {
    color: #ccc; }
  .icon-share-rss:hover {
    color: #ff6800; }
  .icon-share-rss:active {
    color: #ff6800; }

.icon-share-hackerone {
  color: #ccc; }
  .icon-share-hackerone:visited {
    color: #ccc; }
  .icon-share-hackerone:hover {
    color: #000; }
  .icon-share-hackerone:active {
    color: #000; }

.substate-indicator {
  border: 1px solid transparent;
  border-radius: 500px;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  margin: -2px 5px 0 0;
  margin-right: 4px; }

.report-status-indicator {
  float: left;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid transparent;
  font-size: 11px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 600;
  margin-right: 5px; }
  .report-status-indicator:hover, .report-status-indicator:active, .report-status-indicator:visited {
    color: #fff; }

.substate-indicator--new {
  background-color: #8e44ad;
  border-color: #703688; }

.substate-indicator--triaged {
  background-color: #e67e22;
  border-color: #bf6516; }

.substate-indicator--resolved {
  background-color: #609828;
  border-color: #47701d; }

.substate-indicator--needs-more-info {
  background-color: #559cf5;
  border-color: #2580f2; }

.substate-indicator--not-applicable {
  background-color: #ce3f4b;
  border-color: #ae2c37; }

.substate-indicator--informative {
  background-color: #ccc;
  border-color: #b3b3b3; }

.substate-indicator--duplicate {
  background-color: #a78260;
  border-color: #88694c; }

.substate-indicator--spam {
  background-color: #555;
  border-color: #3c3c3c; }

.substate-indicator--total {
  background-color: #8e44ad;
  border-color: #703688; }

.substate-indicator--average {
  background-color: #e67e22;
  border-color: #bf6516; }

.substate-indicator--minimum {
  background-color: #559cf5;
  border-color: #2580f2; }

.substate-indicator--maximum {
  background-color: #609828;
  border-color: #47701d; }

.substate-indicator--response-time {
  background-color: #8e44ad;
  border-color: #703688; }

.substate-indicator--resolution-time {
  background-color: #609828;
  border-color: #47701d; }

/*
@doc Tables
@tags css

Tables are used to display tabular data. To enhance the visuals of default HTML tables, apply the
`.table` class to the table element.

## Default
Applying a `.table` class to the `table` element automatically takes the horizontal space of its
parent element. To add a formatted table head to any table, just add a `thead` element above the
`tbody` and add `th` or `td` elements in the `thead`.

- Always use the default `.table` class when in doubt.
- Tables are used for example on Settings Pages to list Users, Integrations and Vulnerability types.

```html
 <table class="table">
  <thead>
    <tr>
      <th colspan="3">Optional table head</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1, Column 1</td>
      <td>Row 1, Column 2</td>
      <td>Row 1, Column 3</td>
    </tr>
    <tr>
      <td>Row 2, Column 1</td>
      <td>Row 2, Column 2</td>
      <td>Row 2, Column 3</td>
    </tr>
  </tbody>
 </table>
```

## Design pattern to use tables on Settings Pages
Because tables are perfect to display large amounts of data, we commonly use tables to display
objects on Settings Pages. When you need to use a table to list objects, make sure to follow these
design patterns:

- Display on/off/enabled/disabled states of objects by applying `.text-green`
(<span class="text-green">on/enabled</span>) and `.text-red`
(<span class="text-red">off/disabled</span>), unless it adds a negative user experience.
- When displaying dates, apply the `.meta-text` class to make the date <span class="meta-text">grey
and small</span>, as it's often not the most important data to show.
- Always align object actions (editing/removing) to the right by applying `.text-aligned-right` to
the `td`.
- Object actions don't need a `th` description and can be left blank.
- Apply the `.link .red` classes to `a`'s that remove the object. Also it should always be called
"remove", not "delete" or "destroy".
- Remove actions should always have a Javascript `confirm()` to not let users remove anything by
accident.

```html
<table class="table table--layout-auto">
  <thead>
    <tr>
      <th>Member</th>
      <th>SAML</th>
      <th>2FA</th>
      <th>Joined</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="users-overview__avatar">
          <img class="avatar medium" src="assets/ui-docs/avatar_tom.png">
        </div>
        <div class="users-overview__user">
          <a href="">johndoe</a>
          <div class="users-overview__email-address meta-text">johndoe@hackerone.com</div>
        </div>
      </td>
      <td>No</td>
      <td><span class="text-green">On</span></td>
      <td class="meta-text">
        December 18th, 2015
      </td>
      <td class="text-aligned-right">
        <div><a href="">Manage groups</a></div>
        <div><a class="link red" href="">Remove</a></div>
      </td>
    </tr>
  </tbody>
</table>
```

## Rounded table
Although in some cases it might be useful to use rounded tables, always prefer to use the default
`.table` class over `.table .table--rounded`. Rounded tables are used on the Dashboard.

```html
 <table class="table table--rounded">
   <thead>
     <tr>
       <th colspan="3">Optional table head</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td>Row 1, Column 1</td>
       <td>Row 1, Column 2</td>
       <td>Row 1, Column 3</td>
     </tr>
     <tr>
       <td>Row 2, Column 1</td>
       <td>Row 2, Column 2</td>
       <td>Row 2, Column 3</td>
     </tr>
   </tbody>
 </table>
```

## Additional: vertical alignment of content in table cells
Apply the `.table__row--align-top` class to `td` elements to align the content of the table cells
vertically to the top.

```html
 <table class="table table--rounded">
  <thead>
    <tr>
      <th>Column 1 (aligned top)</th>
      <th>Column 2 (default)</th>
      <th>Column 3 (default)</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td class="table__row--align-top">
        This column has the <code>.table__row--align-top</code> class applied.
      </td>
      <td>
        This column presents the default behaviour.
      </td>
      <td>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Quisque egestas, eros sollicitudin aliquam tristique,
        tortor ipsum tincidunt nibh.
      </td>
    </tr>
  </tbody>
 </table>
```

## Additional: defining width for table cells
Apply the `.table__cell--width-[x]-10` class to `th` elements (in `thead`) when columns need to be
divided in custom widths.

```html
<table class="table table--rounded">
  <thead>
    <tr>
      <th class="table__cell--width-1-10">1/10th</th>
      <th class="table__cell--width-2-10">2/10th</th>
      <th class="table__cell--width-4-10">4/10th</th>
      <th class="table__cell--width-1-10">1/10th</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>This column is pretty narrow.</td>
      <td>This column is also narrow, but not as much as the others.</td>
      <td>This column has so much space.</td>
      <td>This column is pretty narrow.</td>
    </tr>
  </tbody>
</table>
```

*/
.table, .markdownable table {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed; }
  .table thead, .markdownable table thead {
    background: #f5f5f5; }
    .table thead th, .markdownable table thead th,
    .table thead td,
    .markdownable table thead td {
      font-weight: 600; }
  .table th, .markdownable table th {
    font-weight: bold; }
  .table td, .markdownable table td,
  .table th,
  .markdownable table th {
    padding: 7px;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5; }
  .table--no-margin {
    margin: 0; }
  .table .table__row--align-top, .markdownable table .table__row--align-top {
    vertical-align: top; }

.table--layout-auto {
  table-layout: auto; }

.table--rounded {
  border: 1px #c5c5c5 solid;
  border-radius: 4px;
  border-collapse: separate; }
  .table--rounded thead th {
    border-top: 0;
    border-bottom: 1px solid #c5c5c5; }
  .table--rounded tfoot td {
    border-top: 1px solid #c5c5c5;
    background: transparent;
    border-bottom: 0; }
  .table--rounded td {
    border-bottom: 1px solid #c5c5c5;
    background: #fff;
    border-top: 0; }
    .table--rounded td + td {
      border-left: 1px solid #c5c5c5; }
  .table--rounded tbody tr:last-child td {
    border-bottom: 0; }
  .table--rounded tbody tr:first-child td:first-child {
    border-top-left-radius: 4px; }
  .table--rounded tbody tr:first-child td:last-child {
    border-top-right-radius: 4px; }
  .table--rounded tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px; }
  .table--rounded tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px; }

.table__cell--checkbox {
  width: 26px; }

.table__cell--avatar-small {
  width: 45px; }

.table__cell--width-1-10 {
  width: 10%; }

.table__cell--width-2-10 {
  width: 20%; }

.table__cell--width-3-10 {
  width: 30%; }

.table__cell--width-4-10 {
  width: 40%; }

.table__cell--width-5-10 {
  width: 50%; }

.table__cell--width-6-10 {
  width: 60%; }

.table__cell--width-7-10 {
  width: 70%; }

.table__cell--width-8-10 {
  width: 80%; }

.table__cell--width-9-10 {
  width: 90%; }

.table__cell--width-10-10 {
  width: 100%; }

/*
@doc Severity Labels
@tags css

Color coding for severity items

```html
<div class="severity--none">
  <span class="severity-label__score">None</span>
</div>
<div class="severity--low">
  <span class="severity-label__score">Low</span>
</div>
<div class="severity--medium">
  <span class="severity-label__score">Medium</span>
</div>
<div class="severity--high">
  <span class="severity-label__score">High</span>
</div>
<div class="severity--critical">
  <span class="severity-label__score">Critical</span>
</div>
```
*/
.severity {
  font-weight: 600;
  display: inline-block;
  font-weight: 600;
  display: inline-block;
  font-weight: 600;
  display: inline-block;
  font-weight: 600;
  display: inline-block;
  font-weight: 600;
  display: inline-block;
  font-weight: 600;
  display: inline-block; }
  .severity--null {
    color: #1d1d1d; }
  .severity--null .severity-label__score {
    background: #b6b6b6;
    border: 1px solid #505050; }
  .severity--none {
    color: #2d5c1b; }
  .severity--none .severity-label__score {
    background: #caebbe;
    border: 1px solid #53aa33; }
  .severity--low {
    color: #a68200; }
  .severity--low .severity-label__score {
    background: #fff7d9;
    border: 1px solid #ffcb0d; }
  .severity--medium {
    color: #986104; }
  .severity--medium .severity-label__score {
    background: #feedd0;
    border: 1px solid #f9a009; }
  .severity--high {
    color: #7a2102; }
  .severity--high .severity-label__score {
    background: #fec5b0;
    border: 1px solid #df3d03; }
  .severity--critical {
    color: #660300; }
  .severity--critical .severity-label__score {
    background: #ff9c99;
    border: 1px solid #cc0500; }
  .severity-button-coloring--null {
    background: darkgray;
    text-shadow: 0 1px 0 #838383;
    box-shadow: #838383;
    border: 1px solid #505050; }
    .severity-button-coloring--null:hover {
      background: darkgray; }
  .severity-button-coloring--none {
    background: #bae6aa;
    text-shadow: 0 1px 0 #8ad46f;
    box-shadow: #8ad46f;
    border: 1px solid #589f3e; }
    .severity-button-coloring--none:hover {
      background: #bae6aa; }
  .severity-button-coloring--low {
    background: #fff1c0;
    text-shadow: 0 1px 0 #ffe173;
    box-shadow: #ffe173;
    border: 1px solid #f3c419; }
    .severity-button-coloring--low:hover {
      background: #fff1c0; }
  .severity-button-coloring--medium {
    background: #fde3b7;
    text-shadow: 0 1px 0 #fbc66d;
    box-shadow: #fbc66d;
    border: 1px solid #ec9d16; }
    .severity-button-coloring--medium:hover {
      background: #fde3b7; }
  .severity-button-coloring--high {
    background: #feb297;
    text-shadow: 0 1px 0 #fd7a4b;
    box-shadow: #fd7a4b;
    border: 1px solid #d4420e; }
    .severity-button-coloring--high:hover {
      background: #feb297; }
  .severity-button-coloring--critical {
    background: #ff8380;
    text-shadow: 0 1px 0 #ff3833;
    box-shadow: #ff3833;
    border: 1px solid #c20f0a; }
    .severity-button-coloring--critical:hover {
      background: #ff8380; }
  .severity-label__score {
    font-weight: 600;
    color: inherit;
    margin: 0 3px;
    padding: 0 3px;
    border-radius: 4px;
    display: inline-block; }
  .severity-label__text {
    font-weight: 600;
    display: inline-block;
    color: inherit; }

.odometer.odometer-auto-theme {
  line-height: 1.1em;
  display: inline-block;
  position: relative; }
  .odometer.odometer-auto-theme .odometer-value {
    text-align: center; }
  .odometer.odometer-auto-theme .odometer-digit {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {
      display: inline-block;
      visibility: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
      text-align: left;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon {
      display: block; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner {
      display: block;
      -webkit-backface-visibility: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-value {
      display: block;
      -webkit-transform: translateZ(0); }
      .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value {
        position: absolute; }
  .odometer.odometer-auto-theme .odometer-formatting-mark {
    vertical-align: middle; }
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s; }
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important; }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 8px;
  position: relative; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 13px; }

.react-datepicker__current-month--hasYearDropdown {
  margin-bottom: 16px; }

.react-datepicker__navigation {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 6px solid transparent; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month {
  margin: 5px;
  text-align: center; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 2px; }

.react-datepicker__day {
  cursor: pointer; }

.react-datepicker__day:hover {
  border-radius: 4px;
  background-color: #f0f0f0; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--selected, .react-datepicker__day--in-range {
  border-radius: 4px;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover {
  background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 4px; }

.react-datepicker__year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  margin-bottom: 3px;
  left: 5px;
  top: 9px;
  position: relative;
  border-width: 6px; }

.react-datepicker__year-read-view--selected-year {
  right: 6px;
  position: relative; }

.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.react-datepicker__year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected {
  position: absolute;
  left: 30px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

.radar-chart {
  padding: 10px; }

.radar-chart .level {
  stroke: grey;
  stroke-width: 0.5; }

.radar-chart .axis line {
  stroke: grey;
  stroke-width: 1; }

.radar-chart .axis .legend {
  font-family: sans-serif;
  font-size: 10px; }

.radar-chart .axis .legend.top {
  dy: 1em; }

.radar-chart .axis .legend.left {
  text-anchor: start; }

.radar-chart .axis .legend.middle {
  text-anchor: middle; }

.radar-chart .axis .legend.right {
  text-anchor: end; }

.radar-chart .tooltip {
  font-family: sans-serif;
  font-size: 13px;
  transition: opacity 200ms;
  opacity: 0; }

.radar-chart .tooltip.visible {
  opacity: 1; }

/* area transition when hovering */
.radar-chart .area {
  stroke-width: 2;
  fill-opacity: 0.5; }

.radar-chart.focus .area {
  fill-opacity: 0.1; }

.radar-chart.focus .area.focused {
  fill-opacity: 0.7; }

.radar-chart .circle {
  fill-opacity: 0.9; }

/* transitions */
.radar-chart .area, .radar-chart .circle {
  transition: opacity 300ms, fill-opacity 200ms;
  opacity: 1; }

.radar-chart .d3-enter, .radar-chart .d3-exit {
  opacity: 0; }

.tether {
  z-index: 1500; }

.section-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
  line-height: 1.25; }

/*# sourceMappingURL=style.css.map */