@import url("https://use.typekit.net/ywt1hhn.css");
body {
  margin: 0; }

[v-cloak] {
  display: none; }

#iprospect {
  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  /* Grouping content
   ========================================================================== */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* Text-level semantics
   ========================================================================== */
  /**
 * Remove the gray background on active links in IE 10.
 */
  /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /**
 * Add the correct font size in all browsers.
 */
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  /* Embedded content
   ========================================================================== */
  /**
 * Remove the border on images inside links in IE 10.
 */
  /* Forms
   ========================================================================== */
  /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
  /**
 * Remove the inner border and padding in Firefox.
 */
  /**
 * Restore the focus styles unset by the previous rule.
 */
  /**
 * Correct the padding in Firefox.
 */
  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  /**
 * Remove the default vertical scrollbar in IE 10+.
 */
  /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
  /*
 * Add the correct display in all browsers.
 */
  /* Misc
   ========================================================================== */
  /**
 * Add the correct display in IE 10+.
 */
  /**
 * Add the correct display in IE 10.
 */
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  text-align: center; }
  #iprospect h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  #iprospect hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }
  #iprospect pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  #iprospect a {
    background-color: transparent; }
  #iprospect abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */ }
  #iprospect b,
  #iprospect strong {
    font-weight: bolder; }
  #iprospect code,
  #iprospect kbd,
  #iprospect samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  #iprospect small {
    font-size: 80%; }
  #iprospect sub,
  #iprospect sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #iprospect sub {
    bottom: -0.25em; }
  #iprospect sup {
    top: -0.5em; }
  #iprospect img {
    border-style: none; }
  #iprospect button,
  #iprospect input,
  #iprospect optgroup,
  #iprospect select,
  #iprospect textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }
  #iprospect button,
  #iprospect input {
    /* 1 */
    overflow: visible; }
  #iprospect button,
  #iprospect select {
    /* 1 */
    text-transform: none; }
  #iprospect button,
  #iprospect [type="button"],
  #iprospect [type="reset"],
  #iprospect [type="submit"] {
    -webkit-appearance: button; }
  #iprospect button::-moz-focus-inner,
  #iprospect [type="button"]::-moz-focus-inner,
  #iprospect [type="reset"]::-moz-focus-inner,
  #iprospect [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  #iprospect button:-moz-focusring,
  #iprospect [type="button"]:-moz-focusring,
  #iprospect [type="reset"]:-moz-focusring,
  #iprospect [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  #iprospect fieldset {
    padding: 0.35em 0.75em 0.625em; }
  #iprospect legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }
  #iprospect progress {
    vertical-align: baseline; }
  #iprospect textarea {
    overflow: auto; }
  #iprospect [type="checkbox"],
  #iprospect [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  #iprospect [type="number"]::-webkit-inner-spin-button,
  #iprospect [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  #iprospect [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }
  #iprospect [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  #iprospect ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }
  #iprospect details {
    display: block; }
  #iprospect summary {
    display: list-item; }
  #iprospect template {
    display: none; }
  #iprospect [hidden] {
    display: none; }
  #iprospect .inner {
    width: 90%;
    margin: auto;
    padding: 15px 0;
    max-width: 960px; }
  #iprospect h1 {
    margin: 0; }
    #iprospect h1 img {
      display: block;
      width: 100%;
      user-select: none;
      pointer-events: none; }
  #iprospect h2 {
    font-family: FrontageRegular;
    font-size: 20px; }
    #iprospect h2 div {
      padding: 10px;
      padding-top: 14px;
      margin-left: auto;
      margin-right: auto;
      width: fit-content; }
  #iprospect h3 {
    position: relative;
    font-family: FrontageShadow;
    color: rgba(1, 39, 61, 0.3);
    font-size: 5vw;
    margin-bottom: 0.5em; }
    #iprospect h3 span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap;
      pointer-events: none; }
    #iprospect h3 .frontage-3d {
      font-family: Frontage3D;
      color: #134367; }
    #iprospect h3 .frontage-bold {
      font-family: FrontageBold;
      color: white; }
    #iprospect h3 .frontage-regular {
      font-family: FrontageRegular;
      color: #EE712A; }
    #iprospect h3 .frontage-bulb {
      font-family: FrontageBulb;
      color: white; }
  #iprospect p {
    font-size: 15px;
    margin-left: auto;
    margin-right: auto; }
  #iprospect a {
    font-weight: 500;
    color: inherit; }
  #iprospect a:hover {
    color: #f5f5f5; }
  #iprospect b {
    font-weight: 500; }
  #iprospect button {
    background: #0032A0;
    color: white;
    font-weight: 400;
    padding: 5px 10px;
    border: 3px solid white;
    box-shadow: 5px 4px 0px 0px rgba(1, 39, 61, 0.3);
    margin: 10px;
    position: relative;
    top: 0;
    transition: all 0.1s;
    width: 160px;
    cursor: pointer; }
  #iprospect button:not(.active):hover {
    top: 2px;
    background: #0044db; }
  #iprospect button:not(.active):active {
    top: 4px; }
  #iprospect hr {
    border: 0;
    border-bottom: 1px solid #DBDBDB; }
  #iprospect button.active {
    background-color: #EE712A; }
  #iprospect .fade-enter-active, #iprospect .fade-leave-active {
    transition: opacity .2s; }
  #iprospect .fade-enter, #iprospect .fade-leave-to {
    opacity: 0; }
  #iprospect .bold {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    margin-bottom: 0; }
  #iprospect .intro {
    padding-bottom: 0 !important; }
  #iprospect .team {
    width: 200px; }
  #iprospect .stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 5%;
    justify-content: center; }
    #iprospect .stats .stat {
      display: flex;
      text-align: left;
      align-items: center;
      justify-content: flex-end;
      margin: 5px 0; }
  #iprospect .slider-container {
    color: black; }
    #iprospect .slider-container .frame {
      display: none; }
    #iprospect .slider-container .beer-slider {
      text-transform: uppercase;
      font-size: 0.75rem;
      letter-spacing: 1px;
      border-top: 3px solid #EE712A;
      border-bottom: 3px solid #EE712A;
      width: 100%; }
      #iprospect .slider-container .beer-slider .beer-handle {
        background: #000000;
        color: white; }
  #iprospect .description {
    text-align: justify; }
  #iprospect .question {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    text-align: left;
    padding-left: 40px;
    position: relative; }
  #iprospect .question:before {
    content: "Q";
    color: white;
    background: #0032A0;
    padding: 5px 8px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
  #iprospect .underline {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: italic;
    text-decoration: underline;
    text-align: left; }
  #iprospect .answer {
    text-align: justify; }
    #iprospect .answer span {
      font-family: futura-pt, sans-serif;
      font-weight: 800; }
  #iprospect .popular h2 {
    margin-top: 0; }
    #iprospect .popular h2 div {
      background: #0032A0;
      color: white; }
  #iprospect .popular .stats .stat img {
    width: 90px;
    margin-right: 10px; }
  #iprospect .popular .stats .stat span {
    width: 200px; }
  #iprospect .popular .question {
    color: #0032A0; }
  #iprospect .regen {
    background-image: linear-gradient(135deg, #1d9fd8 25%, #31a6da 25%, #31a6da 50%, #1d9fd8 50%, #1d9fd8 75%, #31a6da 75%, #31a6da 100%);
    background-size: 113.14px 113.14px;
    color: white; }
    #iprospect .regen h2 div {
      background: white;
      color: #0032A0; }
    #iprospect .regen hr {
      border-color: white; }
    #iprospect .regen .stats .stat img {
      width: 40px;
      margin-right: 10px; }
    #iprospect .regen .stats .stat span {
      width: 190px; }
  #iprospect .lost h2 {
    margin-top: 0; }
    #iprospect .lost h2 div {
      background: #0032A0;
      color: white; }
  #iprospect .lost .stats .stat {
    width: 210px; }
    #iprospect .lost .stats .stat img {
      height: 32px;
      margin-right: 10px; }
    #iprospect .lost .stats .stat span {
      width: 140px; }
  #iprospect .lost .question {
    color: #0032A0; }
  #iprospect .future {
    background-image: linear-gradient(135deg, #1d9fd8 25%, #31a6da 25%, #31a6da 50%, #1d9fd8 50%, #1d9fd8 75%, #31a6da 75%, #31a6da 100%);
    background-size: 113.14px 113.14px;
    color: white; }
    #iprospect .future h2 div {
      background: white;
      color: #0032A0; }
    #iprospect .future h3 {
      margin-top: 0; }
    #iprospect .future .about p {
      text-align: justify; }
    #iprospect .future .about img {
      max-width: 100%; }
    #iprospect .future .caption {
      text-align: left;
      font-family: futura-pt, sans-serif;
      font-weight: 500;
      font-style: italic; }
  #iprospect .cta {
    background: #EE712A; }
    #iprospect .cta .inner p {
      color: white;
      font-weight: 500;
      font-size: 22px; }
  #iprospect .footer .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column; }
    #iprospect .footer .inner > * {
      margin: 20px 0; }
  @media only screen and (min-width: 1000px) {
    #iprospect .inner {
      padding: 30px 0; }
    #iprospect h2 {
      font-size: 55px; }
      #iprospect h2 div {
        padding: 12px 16px;
        padding-top: 24px; }
    #iprospect h3 {
      font-size: 50px;
      margin-bottom: 0.2em; }
    #iprospect p {
      font-size: 18px; }
    #iprospect hr {
      margin-block-start: 1.5em;
      margin-block-end: 1.5em; }
    #iprospect button {
      font-size: 20px;
      padding: 5px;
      border: 3px solid white;
      margin: 10px 5px;
      width: 176px; }
    #iprospect .inner-desk {
      width: 90%;
      margin: auto;
      max-width: 960px; }
    #iprospect .slider-container {
      position: relative; }
      #iprospect .slider-container .frame {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 2;
        box-shadow: 6px 4px 0px 0px rgba(1, 39, 61, 0.3); }
      #iprospect .slider-container .beer-slider {
        border: 0;
        margin: 2%;
        width: 96%; }
    #iprospect .description {
      column-count: 2;
      column-gap: 40px; }
      #iprospect .description > :first-child {
        margin-top: 0; }
    #iprospect .question {
      font-size: 22px;
      padding-left: 50px; }
    #iprospect .question:before {
      font-size: 22px;
      padding: 6px 12px; }
    #iprospect .stats .stat span {
      font-size: 18px; }
    #iprospect .popular .stats .stat img {
      width: 130px;
      margin-right: 10px; }
    #iprospect .popular .stats .stat span {
      width: 240px; }
    #iprospect .regen .stats .stat img {
      width: 50px; }
    #iprospect .regen .stats .stat span {
      width: 240px; }
    #iprospect .lost .stats .stat {
      width: 250px; }
      #iprospect .lost .stats .stat img {
        height: 46px;
        margin-right: 10px; }
      #iprospect .lost .stats .stat span {
        width: 160px; }
    #iprospect .future .about {
      column-count: 2;
      column-gap: 40px; }
      #iprospect .future .about > :first-child {
        margin-top: 0; }
    #iprospect .cta .inner p {
      font-size: 24px; }
    #iprospect .footer .inner {
      flex-direction: row;
      justify-content: center;
      text-align: left; }
      #iprospect .footer .inner > * {
        margin: 0; }
      #iprospect .footer .inner .cc {
        display: flex;
        align-items: center; }
        #iprospect .footer .inner .cc > :first-child {
          margin-right: 10px; } }