/* Webfont: AbrilDisplay-Bold */
@font-face {
  font-family: 'AbrilDisplay';
  src: url("../fonts/Abril Display/Abril Display/AbrilDisplay-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Abril Display/AbrilDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Abril Display/AbrilDisplay-Bold.woff") format("woff"), url("../fonts/Abril Display/AbrilDisplay-Bold.ttf") format("truetype"), url("../fonts/Abril Display/AbrilDisplay-Bold.svg#AbrilDisplay-Bold") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }

/* Webfont: HelveticaNeue */
@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/Helvetica Neue/HelveticaNeue.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Helvetica Neue/HelveticaNeue.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica Neue/HelveticaNeue.woff") format("woff"), url("../fonts/Helvetica Neue/HelveticaNeue.ttf") format("truetype"), url("../fonts/Helvetica Neue/HelveticaNeue.svg#HelveticaNeue") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: HelveticaNeue-Bold */
@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/Helvetica Neue/HelveticaNeue-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Helvetica Neue/HelveticaNeue-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica Neue/HelveticaNeue-Bold.woff") format("woff"), url("../fonts/Helvetica Neue/HelveticaNeue-Bold.ttf") format("truetype"), url("../fonts/Helvetica Neue/HelveticaNeue-Bold.svg#HelveticaNeue-Bold") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }

#iprospect {
  overflow: hidden;
  font-family: HelveticaNeue; }
  #iprospect h1, #iprospect h2, #iprospect h3 {
    font-family: AbrilDisplay;
    font-weight: bold; }
  #iprospect h1 {
    background-color: #1F59D3;
    color: white;
    font-size: 6vw;
    padding: 18px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  #iprospect h2 {
    font-size: 28px;
    text-align: center; }
  #iprospect h3 {
    font-size: 34px;
    margin-bottom: 0; }
  #iprospect a {
    font-family: HelveticaNeue;
    font-weight: bold;
    color: inherit; }
  #iprospect img {
    max-width: 100%; }
  #iprospect p {
    font-size: 20px; }
  #iprospect .inner {
    width: 90%;
    margin: auto;
    padding: 20px 0; }
  #iprospect .header {
    color: white;
    overflow: auto; }
    #iprospect .header .inner {
      padding-top: 0; }
  #iprospect .wrapper {
    background-image: url("../img/bg.svg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat; }
  #iprospect .s1 {
    text-align: center; }
    #iprospect .s1 .inner img {
      width: 400px; }
    #iprospect .s1 .inner p {
      margin-bottom: 140px; }
  #iprospect .discs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 3; }
    #iprospect .discs > :nth-child(1) {
      background-color: #FD99A4; }
    #iprospect .discs > :nth-child(2) {
      background-color: #FFBA76; }
    #iprospect .discs > :nth-child(3) {
      background-color: #FF96D0; }
    #iprospect .discs > :nth-child(4) {
      background-color: #FD99A4; }
    #iprospect .discs > :nth-child(5) {
      background-color: #FFBA76; }
    #iprospect .discs .disc {
      border-radius: 50%;
      width: 200px;
      height: 200px;
      color: white;
      display: -webkit-box;
      display: flex;
      margin: 10px;
      flex-wrap: wrap;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      will-change: transform, opacity;
      opacity: 0;
      will-change: filter;
      color: black;
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
      #iprospect .discs .disc h3, #iprospect .discs .disc p {
        font-family: AbrilDisplay;
        font-weight: bold;
        margin: 0;
        text-align: center; }
      #iprospect .discs .disc h3 {
        font-size: 36px; }
      #iprospect .discs .disc p {
        width: 60%;
        font-size: 18px; }
  #iprospect .s2 .surface {
    -webkit-transform: translateY(130%) rotateX(90deg);
            transform: translateY(130%) rotateX(90deg); }
  #iprospect .s2 .blue {
    position: relative;
    z-index: 2;
    background-color: #1F59D3; }
  #iprospect .blue {
    background-color: #1F59D3;
    color: white;
    text-align: center; }
  #iprospect .blocks {
    width: 100%;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
    #iprospect .blocks .col-left, #iprospect .blocks .col-right {
      width: 100%;
      position: relative; }
      #iprospect .blocks .col-left .block, #iprospect .blocks .col-right .block {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        will-change: transform;
        padding: 20px; }
        #iprospect .blocks .col-left .block .block-inner, #iprospect .blocks .col-right .block .block-inner {
          display: -webkit-box;
          display: flex;
          flex-wrap: wrap;
          -webkit-box-pack: center;
                  justify-content: center;
          color: white; }
        #iprospect .blocks .col-left .block .block-left img, #iprospect .blocks .col-right .block .block-left img {
          width: 200px; }
    #iprospect .blocks .col-left > :nth-child(odd) {
      -webkit-transform: translateX(-120%);
              transform: translateX(-120%); }
    #iprospect .blocks .col-left > :nth-child(even) {
      -webkit-transform: translateX(120%);
              transform: translateX(120%); }
    #iprospect .blocks .col-left > :nth-child(1) {
      background-color: #FD99A4; }
    #iprospect .blocks .col-left > :nth-child(2) {
      background-color: #FF96D0; }
    #iprospect .blocks .col-left > :nth-child(3) {
      background-color: #FFBA76; }
    #iprospect .blocks .col-right {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; }
      #iprospect .blocks .col-right > :nth-child(even) {
        -webkit-transform: translateX(120%);
                transform: translateX(120%); }
      #iprospect .blocks .col-right > :nth-child(odd) {
        -webkit-transform: translateX(-120%);
                transform: translateX(-120%); }
      #iprospect .blocks .col-right > :nth-child(1) {
        background-color: #FFBA76;
        -webkit-box-ordinal-group: 4;
                order: 3; }
      #iprospect .blocks .col-right > :nth-child(2) {
        background-color: #FD99A4; }
  #iprospect .cta p {
    font-size: 24px; }
  #iprospect .expert .inner .expert-pic {
    margin: auto;
    width: 300px;
    height: 300px; }
  #iprospect .disclaimer {
    background-color: black;
    color: white; }
  #iprospect .footer .inner {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    -webkit-box-align: center;
            align-items: center;
    text-align: center; }
    #iprospect .footer .inner > div {
      margin: 10px; }
  @media only screen and (min-width: 600px) {
    #iprospect .header .inner p {
      width: 90%; } }
  @media only screen and (min-width: 900px) {
    #iprospect {
      background-image: url("../img/header.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center; }
      #iprospect .mobile {
        display: none; }
      #iprospect .inner {
        width: 80%; }
      #iprospect h1 {
        font-size: 3.2vw;
        padding-left: 10%; }
      #iprospect p {
        font-size: 1vw; }
      #iprospect h2 {
        font-size: 2.6vw; }
      #iprospect .wrapper {
        background-image: none; }
      #iprospect .header {
        margin-bottom: 10vw; }
        #iprospect .header .inner {
          margin-top: 4vw; }
          #iprospect .header .inner p {
            width: 45%;
            font-size: 1.4vw; }
      #iprospect .discs .disc {
        width: 16vw;
        height: 16vw; }
        #iprospect .discs .disc h3 {
          font-size: 2.6vw; }
        #iprospect .discs .disc p {
          font-size: 1.4vw; }
      #iprospect .s1 .inner p {
        font-size: 1vw;
        max-width: 70%;
        margin: auto; }
      #iprospect .s2 .inner p {
        font-size: 1vw; }
      #iprospect .blocks {
        width: 100%;
        flex-wrap: nowrap;
        padding: 20px 0;
        position: relative; }
        #iprospect .blocks .col-left .block, #iprospect .blocks .col-right .block {
          margin-bottom: 20px;
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); }
          #iprospect .blocks .col-left .block .block-inner, #iprospect .blocks .col-right .block .block-inner {
            flex-wrap: nowrap; }
            #iprospect .blocks .col-left .block .block-inner .block-left, #iprospect .blocks .col-left .block .block-inner .block-rightq, #iprospect .blocks .col-right .block .block-inner .block-left, #iprospect .blocks .col-right .block .block-inner .block-rightq {
              padding: 20px; }
            #iprospect .blocks .col-left .block .block-inner .block-left, #iprospect .blocks .col-right .block .block-inner .block-left {
              width: 30%;
              display: -webkit-box;
              display: flex;
              -webkit-box-align: center;
                      align-items: center; }
              #iprospect .blocks .col-left .block .block-inner .block-left img, #iprospect .blocks .col-right .block .block-inner .block-left img {
                width: 100%; }
            #iprospect .blocks .col-left .block .block-inner .block-right, #iprospect .blocks .col-right .block .block-inner .block-right {
              width: 70%;
              padding: 0 2.5%; }
              #iprospect .blocks .col-left .block .block-inner .block-right > :nth-child(2), #iprospect .blocks .col-right .block .block-inner .block-right > :nth-child(2) {
                margin-top: 0; }
              #iprospect .blocks .col-left .block .block-inner .block-right h3, #iprospect .blocks .col-right .block .block-inner .block-right h3 {
                font-size: 2vw; }
              #iprospect .blocks .col-left .block .block-inner .block-right p, #iprospect .blocks .col-right .block .block-inner .block-right p {
                font-size: 1vw; }
        #iprospect .blocks .col-left {
          width: 52.5%; }
          #iprospect .blocks .col-left .block {
            padding-left: 5%;
            -webkit-box-pack: end;
                    justify-content: flex-end; }
            #iprospect .blocks .col-left .block .block-inner {
              padding-right: 40px; }
        #iprospect .blocks .col-left .block {
          -webkit-transform: translateX(-120%);
                  transform: translateX(-120%); }
        #iprospect .blocks .col-right {
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          #iprospect .blocks .col-right .block {
            -webkit-transform: translateX(120%);
                    transform: translateX(120%); }
        #iprospect .blocks .col-right {
          width: 50%;
          display: -webkit-box;
          display: flex;
          flex-wrap: wrap;
          -webkit-box-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column; }
          #iprospect .blocks .col-right > :nth-child(1) {
            -webkit-box-ordinal-group: initial;
                    order: initial; }
          #iprospect .blocks .col-right .block {
            padding-right: 5%; }
      #iprospect .expert .inner {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center; }
        #iprospect .expert .inner .expert-pic {
          width: 20%;
          height: auto; }
        #iprospect .expert .inner .expert-text {
          width: 80%; }
          #iprospect .expert .inner .expert-text h3 {
            font-size: 2vw;
            margin-top: 0; }
          #iprospect .expert .inner .expert-text p {
            font-size: 1vw; }
      #iprospect .cta .inner p {
        font-size: 1.2vw; }
      #iprospect .disclaimer .inner p {
        font-size: 0.8vw;
        text-align: center; }
      #iprospect .footer .inner {
        font-size: 0.6vw; } }