@charset "UTF-8";
/* #Breakpoints
================================================== */
@keyframes sound {
  0% {
    opacity: 1;
    height: 1px; }
  100% {
    opacity: 1;
    height: 16px; } }

@font-face {
  font-family: 'Dementor';
  src: url(/static/fonts/dementor/dementor.ttf?359df782c936) format("truetype");
  font-weight: normal;
  font-style: normal; }

#influencers-block a {
  color: #fff; }

#influencers-block #influencers .infl-next,
#influencers-block #influencers .infl-prev {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none; }
  #influencers-block #influencers .infl-next svg.dots,
  #influencers-block #influencers .infl-prev svg.dots {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 25%; }
    #influencers-block #influencers .infl-next svg.dots use,
    #influencers-block #influencers .infl-prev svg.dots use {
      fill: #292929; }
  #influencers-block #influencers .infl-next svg.text,
  #influencers-block #influencers .infl-prev svg.text {
    z-index: 2;
    width: 53%; }
    #influencers-block #influencers .infl-next svg.text text,
    #influencers-block #influencers .infl-prev svg.text text {
      font-family: 'Dementor';
      font-size: 56px;
      fill: #d60925;
      letter-spacing: initial; }
  #influencers-block #influencers .infl-next:after,
  #influencers-block #influencers .infl-prev:after {
    font-family: 'Dementor';
    font-size: 56px;
    color: #d60925;
    letter-spacing: initial;
    z-index: 2; }
  #influencers-block #influencers .infl-next svg.arrow,
  #influencers-block #influencers .infl-prev svg.arrow {
    width: 20%;
    fill: #d60925; }

#influencers-block #influencers .infl-prev {
  width: 10%;
  display: flex;
  justify-content: flex-end; }
  #influencers-block #influencers .infl-prev svg.dots {
    left: unset;
    right: 0; }
  #influencers-block #influencers .infl-prev svg.arrow {
    margin-right: 10%; }
  #influencers-block #influencers .infl-prev:after {
    content: unset;
    padding-right: 18px; }
  #influencers-block #influencers .infl-prev:before {
    transform: rotate(90deg);
    right: 100px;
    left: unset; }

#influencers-block #influencers .infl-next {
  width: 10%;
  display: flex; }
  #influencers-block #influencers .infl-next svg.text {
    margin-left: 10%; }
  #influencers-block #influencers .infl-next:after {
    content: unset;
    padding-right: 18px; }
  #influencers-block #influencers .infl-next:after {
    content: unset;
    margin-left: 18px; }
  #influencers-block #influencers .infl-next .count {
    position: absolute;
    left: 0;
    z-index: 2;
    margin-top: 75px;
    margin-left: 45px;
    font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 18px; }

#influencers-block #influencers .influencer {
  visibility: hidden;
  position: relative;
  display: flex;
  flex-direction: row; }
  #influencers-block #influencers .influencer .inf-video-block {
    position: relative; }
    #influencers-block #influencers .influencer .inf-video-block .inf-video {
      position: relative; }
      #influencers-block #influencers .influencer .inf-video-block .inf-video > * {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  #influencers-block #influencers .influencer .inf-body {
    flex-grow: 1;
    position: relative;
    margin-left: 50px;
    font-size: 13px; }
    #influencers-block #influencers .influencer .inf-body .inf-name {
      position: relative;
      margin-top: 80px;
      font-size: 48px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      letter-spacing: 0.05em;
      z-index: 2; }
      #influencers-block #influencers .influencer .inf-body .inf-name:before {
        position: absolute;
        content: 'Me';
        font-family: 'Dementor';
        font-size: 64px;
        font-weight: normal;
        transform: translate(0.5em, -0.85em);
        text-transform: none;
        color: #d60925;
        letter-spacing: initial;
        z-index: 3; }
    #influencers-block #influencers .influencer .inf-body .inf-thumb img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      object-fit: cover; }
    #influencers-block #influencers .influencer .inf-body .inf-occupation {
      margin-top: 15px;
      text-transform: uppercase;
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
      #influencers-block #influencers .influencer .inf-body .inf-occupation:before {
        content: 'Occupation: '; }
    #influencers-block #influencers .influencer .inf-body .inf-text-wrapper:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, #1c1c1c, transparent 10px);
      pointer-events: none; }
    #influencers-block #influencers .influencer .inf-body .inf-text-wrapper .inf-text {
      font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      line-height: 1.2em;
      letter-spacing: 0.025em; }
      #influencers-block #influencers .influencer .inf-body .inf-text-wrapper .inf-text * {
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
    #influencers-block #influencers .influencer .inf-body .inf-media {
      margin-top: 5px;
      text-transform: uppercase;
      display: flex;
      flex-direction: column;
      line-height: 1.5em; }
      #influencers-block #influencers .influencer .inf-body .inf-media a {
        text-decoration: none;
        font-family: "Helvetica Neue Bold Condensed", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
        #influencers-block #influencers .influencer .inf-body .inf-media a.inf-ig:before {
          content: 'IG: '; }
        #influencers-block #influencers .influencer .inf-body .inf-media a.inf-tik:before {
          content: 'TIKTOK: '; }

@media (max-width: 1280px) {
  #influencers-block div#influencers {
    transform: translateX(-100vw); }
    #influencers-block div#influencers .influencer .inf-video-block {
      height: unset; }
    #influencers-block div#influencers .influencer .inf-body {
      font-size: 16px; }
      #influencers-block div#influencers .influencer .inf-body .inf-name {
        text-align: center; }
    #influencers-block div#influencers .influencer:last-child .infl-next {
      display: none; }
    #influencers-block div#influencers .influencer-loading + .influencer .infl-prev {
      display: none; } }