#iprospect {
  font-family: helvetica;
  color: white; }
  #iprospect h1 {
    margin-top: 0;
    font-family: bebas-neue-by-fontfabric, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    line-height: 18vw;
    text-shadow: -0.8vw 0.8vw 0px #ef3ce9;
    position: relative; }
  #iprospect h1:after {
    content: "Style";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -75%);
            transform: translate(-50%, -75%);
    font-family: cortado, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: -1vw 1vw 0px #000;
    color: #EF3CE8;
    font-size: 19vw; }
  #iprospect .h1-1 {
    font-size: 21vw; }
  #iprospect .h1-2 {
    font-size: 18.5vw; }
  #iprospect h2 {
    font-family: bebas-neue-by-fontfabric, sans-serif;
    font-weight: 700;
    position: absolute;
    margin: 0;
    font-style: normal;
    font-size: 18vw;
    white-space: nowrap;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: white; }
  #iprospect img, #iprospect h1, #iprospect h2 {
    pointer-events: none; }
  #iprospect img {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  #iprospect #pinContainer {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden; }
  #iprospect .panel {
    height: 100vh;
    width: 100vw; }
    #iprospect .panel .inner {
      margin: auto;
      overflow: hidden;
      height: 100%;
      position: relative; }
    #iprospect .panel .inner::-webkit-scrollbar {
      display: none; }
  #iprospect .styles {
    position: relative;
    padding: 3%; }
  #iprospect .img-cont {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    overflow-x: scroll;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch; }
    #iprospect .img-cont .show {
      display: block; }
    #iprospect .img-cont .img-cont-inner {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 5vw;
      width: auto;
      height: 100vh;
      max-width: none;
      overflow: hidden;
      display: -webkit-box;
      display: flex; }
      #iprospect .img-cont .img-cont-inner img {
        max-width: none;
        height: 100%; }
      #iprospect .img-cont .img-cont-inner .modal {
        position: absolute;
        height: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        z-index: 4;
        cursor: pointer;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        #iprospect .img-cont .img-cont-inner .modal .modal:focus {
          outline: none; }
        #iprospect .img-cont .img-cont-inner .modal .modal-inner {
          position: absolute;
          display: none;
          z-index: 3;
          height: auto;
          width: 120%;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          background-color: rgba(0, 0, 0, 0.4); }
        #iprospect .img-cont .img-cont-inner .modal .show {
          display: block; }
        #iprospect .img-cont .img-cont-inner .modal p {
          font-size: 2vh;
          padding: 5%;
          z-index: 5;
          margin: 0; }
  #iprospect .panel-top {
    position: relative;
    width: 100%;
    height: 70%; }
  #iprospect .panel-bot {
    width: 100%;
    height: 30%; }
  #iprospect .intro {
    background-color: black; }
    #iprospect .intro .inner {
      width: 70%;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center; }
      #iprospect .intro .inner p {
        font-size: 4vw; }
      #iprospect .intro .inner .arrow {
        text-align: center; }
  #iprospect .swipe {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 20%;
    height: auto;
    padding: 50px;
    z-index: 6;
    border-radius: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.6);
    max-width: 100px; }
    #iprospect .swipe img {
      width: 100%; }
  #iprospect .modal {
    width: 14%; }
  #iprospect .kanye0 {
    left: 8%;
    width: 13%; }
  #iprospect .kanye1 {
    left: 23%;
    width: 13%; }
  #iprospect .kanye2 {
    left: 36%;
    width: 13%; }
  #iprospect .kanye3 {
    left: 49%;
    width: 13%; }
  #iprospect .kanye4 {
    left: 62%;
    width: 13%; }
  #iprospect .kanye5 {
    left: 76%;
    width: 13%; }
  #iprospect .kanye6 {
    left: 90%;
    width: 13%; }
  #iprospect .miley0 {
    left: 8%;
    width: 13%; }
  #iprospect .miley1 {
    left: 21%;
    width: 13%; }
  #iprospect .miley2 {
    left: 34%;
    width: 13%; }
  #iprospect .miley3 {
    left: 50%;
    width: 18%; }
  #iprospect .miley4 {
    left: 64%;
    width: 11%; }
  #iprospect .miley5 {
    left: 76%;
    width: 12%; }
  #iprospect .miley6 {
    left: 89%;
    width: 13%; }
  #iprospect .kim0 {
    left: 9%;
    width: 13%; }
  #iprospect .kim1 {
    left: 23%;
    width: 13%; }
  #iprospect .kim2 {
    left: 36%;
    width: 13%; }
  #iprospect .kim3 {
    left: 49%;
    width: 13%; }
  #iprospect .kim4 {
    left: 64%;
    width: 15%; }
  #iprospect .kim5 {
    left: 78.5%;
    width: 13%; }
  #iprospect .kim6 {
    left: 91%;
    width: 13%; }
  #iprospect .bieber0 {
    left: 10%;
    width: 13%; }
  #iprospect .bieber1 {
    left: 25%;
    width: 13%; }
  #iprospect .bieber2 {
    left: 41%;
    width: 13%; }
  #iprospect .bieber3 {
    left: 56%;
    width: 13%; }
  #iprospect .bieber4 {
    left: 71.4%;
    width: 16%; }
  #iprospect .bieber5 {
    left: 89%;
    width: 13%; }
  #iprospect .madonna0 {
    left: 9%;
    width: 13%; }
  #iprospect .madonna1 {
    left: 22%;
    width: 13%; }
  #iprospect .madonna2 {
    left: 33%;
    width: 10%; }
  #iprospect .madonna3 {
    left: 44%;
    width: 11%; }
  #iprospect .madonna4 {
    left: 54%;
    width: 10%; }
  #iprospect .madonna5 {
    left: 67%;
    width: 13%; }
  #iprospect .madonna6 {
    left: 83%;
    width: 18%; }
  #iprospect .beckham0 {
    left: 9%;
    width: 13%; }
  #iprospect .beckham1 {
    left: 22%;
    width: 13%; }
  #iprospect .beckham2 {
    left: 34%;
    width: 12%; }
  #iprospect .beckham3 {
    left: 47%;
    width: 12%; }
  #iprospect .beckham4 {
    left: 60%;
    width: 13%; }
  #iprospect .beckham5 {
    left: 74%;
    width: 14%; }
  #iprospect .beckham6 {
    left: 88%;
    width: 13%; }
  #iprospect .kanye .img-cont-inner {
    left: 5%; }
    #iprospect .kanye .img-cont-inner img {
      height: 62%;
      -webkit-transform: translate(0%, 47%);
              transform: translate(0%, 47%); }
  #iprospect .miley .img-cont-inner {
    left: 2%; }
    #iprospect .miley .img-cont-inner img {
      height: 147%;
      -webkit-transform: translate(0%, -38%);
              transform: translate(0%, -38%); }
  #iprospect .kim .img-cont-inner {
    left: 2%; }
    #iprospect .kim .img-cont-inner img {
      height: 65%;
      -webkit-transform: translate(0%, 40%);
              transform: translate(0%, 40%); }
  #iprospect .bieber .img-cont-inner {
    left: 2%; }
    #iprospect .bieber .img-cont-inner img {
      height: 70%;
      -webkit-transform: translate(0%, 33%);
              transform: translate(0%, 33%); }
  #iprospect .madonna .img-cont-inner {
    left: 4%; }
    #iprospect .madonna .img-cont-inner img {
      height: 64%;
      -webkit-transform: translate(0%, 40%);
              transform: translate(0%, 40%); }
  #iprospect .beckham .img-cont-inner {
    left: 2%; }
    #iprospect .beckham .img-cont-inner img {
      height: 65%;
      -webkit-transform: translate(0%, 42%);
              transform: translate(0%, 42%); }
  #iprospect .style .inner {
    position: relative; }
  #iprospect .kanye .panel-top {
    background-color: #F8BC74; }
  #iprospect .kanye .panel-bot {
    background-color: #E68C21; }
  #iprospect .miley .panel-top {
    background-color: #F0C8D0; }
  #iprospect .miley .panel-bot {
    background-color: #E05570; }
  #iprospect .kim .panel-top {
    background-color: #DEBDF5; }
  #iprospect .kim .panel-bot {
    background-color: #B167E5; }
  #iprospect .bieber .panel-top {
    background-color: #ABD2EF; }
  #iprospect .bieber .panel-bot {
    background-color: #5EB0ED; }
  #iprospect .madonna .panel-top {
    background-color: #A7EDD7; }
  #iprospect .madonna .panel-bot {
    background-color: #48BC98; }
  #iprospect .beckham .panel-top {
    background-color: #BAE299; }
  #iprospect .beckham .panel-bot {
    background-color: #7FBF4B; }
  #iprospect .cta {
    background-color: black;
    width: auto;
    height: auto; }
  #iprospect .intro .arrows {
    position: absolute;
    bottom: 0;
    height: 80px;
    width: 60px;
    cursor: pointer;
    padding: 50px; }
  #iprospect .intro .arrows path {
    stroke: #EF3CE8;
    fill: transparent;
    stroke-width: 1px;
    -webkit-animation: arrow 2s infinite;
            animation: arrow 2s infinite; }

@-webkit-keyframes arrow {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes arrow {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  #iprospect .intro .arrows path.a1 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  #iprospect .intro .arrows path.a2 {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  #iprospect .intro .arrows path.a3 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  #iprospect .intro .fadein {
    -webkit-animation: fadein 2s;
            animation: fadein 2s; }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #iprospect .divider {
    border-left: 4px solid #EF3CE8;
    display: none;
    height: 70%;
    max-height: 300px; }
  #iprospect a {
    color: inherit;
    font-weight: bold; }
  #iprospect .cta .inner {
    width: 80%;
    margin: auto;
    display: -webkit-box;
    display: flex;
    -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;
    padding: 50px 0; }
    #iprospect .cta .inner .license {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
      font-size: 12px;
      text-align: center; }
      #iprospect .cta .inner .license img {
        width: 90%; }
      #iprospect .cta .inner .license > * {
        margin: 1%; }
    #iprospect .cta .inner p {
      margin: 0;
      margin-bottom: 30px;
      text-align: center;
      font-size: 28px; }
  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    #iprospect .kanye .img-cont-inner {
      left: 5%; }
      #iprospect .kanye .img-cont-inner img {
        height: 55%;
        -webkit-transform: translate(0%, 62%);
                transform: translate(0%, 62%); }
    #iprospect .miley .img-cont-inner {
      left: 4%; }
      #iprospect .miley .img-cont-inner img {
        height: 130%;
        -webkit-transform: translate(0%, -32%);
                transform: translate(0%, -32%); }
    #iprospect .kim .img-cont-inner {
      left: 3%; }
      #iprospect .kim .img-cont-inner img {
        height: 57%;
        -webkit-transform: translate(0%, 56%);
                transform: translate(0%, 56%); }
    #iprospect .bieber .img-cont-inner {
      left: 3%; }
      #iprospect .bieber .img-cont-inner img {
        height: 62%;
        -webkit-transform: translate(0%, 46%);
                transform: translate(0%, 46%); }
    #iprospect .madonna .img-cont-inner {
      left: 6%; }
      #iprospect .madonna .img-cont-inner img {
        height: 56%;
        -webkit-transform: translate(0%, 55%);
                transform: translate(0%, 55%); }
    #iprospect .beckham .img-cont-inner {
      left: 2%; }
      #iprospect .beckham .img-cont-inner img {
        height: 58%;
        -webkit-transform: translate(0%, 54.5%);
                transform: translate(0%, 54.5%); } }
  @media only screen and (min-width: 1200px) {
    #iprospect .kanye0 {
      left: 10%;
      width: 13%; }
    #iprospect .kanye1 {
      left: 24%;
      width: 13%; }
    #iprospect .kanye2 {
      left: 37%;
      width: 13%; }
    #iprospect .kanye3 {
      left: 49%;
      width: 13%; }
    #iprospect .kanye4 {
      left: 62%;
      width: 13%; }
    #iprospect .kanye5 {
      left: 75%;
      width: 13%; }
    #iprospect .kanye6 {
      left: 88%;
      width: 13%; }
    #iprospect .miley0 {
      left: 10%;
      width: 13%; }
    #iprospect .miley1 {
      left: 23%;
      width: 13%; }
    #iprospect .miley2 {
      left: 35%;
      width: 13%; }
    #iprospect .miley3 {
      left: 50%;
      width: 18%; }
    #iprospect .miley4 {
      left: 63%;
      width: 11%; }
    #iprospect .miley5 {
      left: 74%;
      width: 12%; }
    #iprospect .miley6 {
      left: 87%;
      width: 13%; }
    #iprospect .kim0 {
      left: 12%;
      width: 13%; }
    #iprospect .kim1 {
      left: 25%;
      width: 13%; }
    #iprospect .kim2 {
      left: 37%;
      width: 13%; }
    #iprospect .kim3 {
      left: 49%;
      width: 13%; }
    #iprospect .kim4 {
      left: 64%;
      width: 15%; }
    #iprospect .kim5 {
      left: 77%;
      width: 13%; }
    #iprospect .kim6 {
      left: 88%;
      width: 13%; }
    #iprospect .bieber0 {
      left: 13%;
      width: 13%; }
    #iprospect .bieber1 {
      left: 27%;
      width: 13%; }
    #iprospect .bieber2 {
      left: 41%;
      width: 13%; }
    #iprospect .bieber3 {
      left: 55%;
      width: 13%; }
    #iprospect .bieber4 {
      left: 70%;
      width: 16%; }
    #iprospect .bieber5 {
      left: 86%;
      width: 13%; }
    #iprospect .madonna0 {
      left: 11%;
      width: 13%; }
    #iprospect .madonna1 {
      left: 23%;
      width: 13%; }
    #iprospect .madonna2 {
      left: 34%;
      width: 10%; }
    #iprospect .madonna3 {
      left: 44%;
      width: 11%; }
    #iprospect .madonna4 {
      left: 54.5%;
      width: 10%; }
    #iprospect .madonna5 {
      left: 66%;
      width: 13%; }
    #iprospect .madonna6 {
      left: 82%;
      width: 18%; }
    #iprospect .beckham0 {
      left: 12%;
      width: 13%; }
    #iprospect .beckham1 {
      left: 23%;
      width: 13%; }
    #iprospect .beckham2 {
      left: 35%;
      width: 12%; }
    #iprospect .beckham3 {
      left: 47%;
      width: 12%; }
    #iprospect .beckham4 {
      left: 60%;
      width: 13%; }
    #iprospect .beckham5 {
      left: 73%;
      width: 14%; }
    #iprospect .beckham6 {
      left: 87%;
      width: 13%; }
    #iprospect .intro .inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      flex-wrap: nowrap;
      width: 80%; }
      #iprospect .intro .inner > * {
        margin: 2vw; }
      #iprospect .intro .inner h1 {
        line-height: 9vw;
        text-shadow: -0.3vw 0.3vw 0px #ef3ce9; }
        #iprospect .intro .inner h1 .h1-1 {
          font-size: 10vw; }
        #iprospect .intro .inner h1 .h1-2 {
          font-size: 8.8vw; }
      #iprospect .intro .inner h1:after {
        font-size: 9.5vw;
        text-shadow: -0.4vw 0.4vw 0px #000; }
      #iprospect .intro .inner p {
        font-size: 1.4vw; }
    #iprospect .divider {
      display: block; } }
  @media only screen and (min-aspect-ratio: 3 / 2) {
    #iprospect .kanye .img-cont .swipe {
      display: none; } }
  @media only screen and (min-aspect-ratio: 20 / 11) {
    #iprospect .img-cont .img-cont-inner {
      left: 50%;
      -webkit-transform: translateX(-47%);
              transform: translateX(-47%); } }
  @media only screen and (min-width: 1200px) and (min-aspect-ratio: 20 / 12) {
    #iprospect .img-cont .img-cont-inner {
      left: 50%;
      -webkit-transform: translateX(-49%);
              transform: translateX(-49%); } }
