body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

a, a:link, a:visited {
  color: #595959; }
  p a, p a:link, p a:visited {
    background-color: #c8f230; }
a:hover {
  color: #c8f230; }
  p a:hover {
    background-color: #595959; }
a:active {
  color: #ffffff; }
  p a:active {
    background-color: #c8f230; }

h1, h2, h3, h4, h5 {
  color: #000000;
  text-transform: uppercase;
  font-family: 'Arial Black', Arial, Helvetica, sans-serif;
  font-weight: normal; }

footer {
  width: 100%;
  height: 42px;
  background-color: #000000;
  z-index: 1000;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 10px;
  padding-left: 25px; }
  @media (max-width: 767px) {
    footer {
      display: block;
      padding-left: 0;
      text-align: center;
      height: 80px; }
      footer .legal {
        display: block; }
      footer .social {
        text-align: center;
        width: auto;
        float: none;
        margin-top: 5px; } }
  footer.stuck-footer {
    position: absolute;
    bottom: 0; }

footer a,
footer p,
footer h1, .overlay-links a,
.overlay-links p,
.overlay-links h1 {
  color: #c8f230;
  border: none; }
footer a, .overlay-links a {
  font-size: 9px; }
footer a:hover,
footer a:visited,
footer a:active,
footer a:link, .overlay-links a:hover,
.overlay-links a:visited,
.overlay-links a:active,
.overlay-links a:link {
  color: #c8f230;
  text-decoration: none; }
footer .copyright, .overlay-links .copyright {
  font-size: 9px;
  color: #8a8c8e; }
@media (min-width: 768px) {
  footer .legal, .overlay-links .legal {
    margin-left: 15px; } }
footer .links, .overlay-links .links {
  margin-top: 2px;
  display: inline-block; }
  @media (max-width: 767px) {
    footer .links, .overlay-links .links {
      text-align: center;
      width: auto; } }
footer .tagline h1, .overlay-links .tagline h1 {
  font-size: 1.1em; }
footer .divider, .overlay-links .divider {
  padding: 0 10px 0 10px;
  color: #efefef; }
footer .top, .overlay-links .top {
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #939393; }
  @media (max-width: 480px) {
    footer .top, .overlay-links .top {
      text-align: center; } }
footer .row, .overlay-links .row {
  margin: 20px 0 0 0; }
footer .backtotop, .overlay-links .backtotop {
  padding: 0; }
  footer .backtotop ul, .overlay-links .backtotop ul {
    margin-top: 80px;
    list-style: none;
    padding: 0; }

.contact-wrapper {
  /* begin formstack */
  /* force formstack to use same background */
  /* Initially hide submit button */
  /* Embedded JavaScript to show */
  /* end formstack */ }
  .contact-wrapper .fsBody {
    background: inherit; }
  .contact-wrapper .fsBody .fsForm {
    background-color: inherit;
    max-width: 440px; }
  .contact-wrapper .fsSubmit {
    display: none; }
  .contact-wrapper .fsBody .fsForm input.fsSubmitButton {
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius: 500px !important;
    display: inline-block;
    padding: 17px 40px;
    color: #595959 !important;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #c8f230 !important;
    cursor: pointer; }
  .contact-wrapper .fsBody .fsForm input.fsSubmitButton:hover {
    color: #c8f230 !important;
    background-color: #595959 !important; }
  .contact-wrapper .fsBody .fsForm select.fsField, .contact-wrapper .fsBody .fsForm input.fsField, .contact-wrapper .fsBody .fsForm textarea.fsField {
    border: 1px solid #595959; }
  .contact-wrapper div.fsError {
    color: #595959;
    border: 1px solid #595959;
    background-color: #c8f230; }
  .contact-wrapper div.fsValidationError {
    background-color: #c8f230;
    -webkit-box-shadow: 0 0 0 2px #c8f230, 0 0 0 0.5px #c8f230;
    -moz-box-shadow: 0 0 0 2px #c8f230, 0 0 0 0.5px #c8f230;
    box-shadow: 0 0 0 2px #c8f230, 0 0 0 0.5px #c8f230; }
  .contact-wrapper h1 {
    margin-top: 125px; }
  .contact-wrapper h2,
  .contact-wrapper h3 {
    max-width: 500px;
    margin: 0 auto; }
  .contact-wrapper .console-signin {
    display: none;
    font-size: 16px;
    margin-top: 10px;
    font-family: inherit; }
  .contact-wrapper .contact-form {
    margin: 30px auto;
    max-width: 440px;
    padding: 15px; }
    .contact-wrapper .contact-form p {
      padding: 0 0 10px; }
    .contact-wrapper .contact-form select {
      border-radius: 0;
      height: 40px; }
    .contact-wrapper .contact-form input {
      -webkit-appearance: none; }
    .contact-wrapper .contact-form textarea {
      background: #e5e5e5;
      padding: 5px 0 5px 10px;
      color: #595959;
      -webkit-appearance: none;
      font-style: italic; }
    .contact-wrapper .contact-form select,
    .contact-wrapper .contact-form input:not([type="submit"]),
    .contact-wrapper .contact-form textarea {
      box-sizing: border-box;
      width: 100%;
      background: rgba(145, 147, 136, 0.25);
      padding: 8px;
      margin: 0 0 10px 0;
      font-style: normal; }
      .contact-wrapper .contact-form select:invalid,
      .contact-wrapper .contact-form input:not([type="submit"]):invalid,
      .contact-wrapper .contact-form textarea:invalid {
        border: 2px solid #c8f230; }
      .contact-wrapper .contact-form select:valid,
      .contact-wrapper .contact-form input:not([type="submit"]):valid,
      .contact-wrapper .contact-form textarea:valid {
        border: 2px solid #000000; }
    .contact-wrapper .contact-form .buttons {
      padding: 0;
      text-align: center; }
      .contact-wrapper .contact-form .buttons input {
        margin-top: 20px; }

header {
  width: 100%;
  overflow: hidden;
  height: auto;
  padding: 0;
  margin-top: 0; }
  header .glyphicon-remove {
    color: #000000;
    cursor: pointer; }

#nav {
  position: fixed;
  z-index: 12;
  width: 100%;
  top: 0;
  padding: 10px 0 5px 0;
  margin-top: 20px; }
  @media (max-width: 767px) {
    #nav {
      min-height: 75px;
      padding: 0; } }
  #nav .container {
    position: relative; }

.navbar-header {
  z-index: 12;
  display: inline-block;
  box-shadow: 0px 1px 1px 0px #595959; }
  @media (max-width: 750px) {
    .navbar-header {
      padding-left: 0px; } }
  .navbar-header .logo {
    background-color: #c8f230; }
    .navbar-header .logo a img {
      opacity: 1.0;
      transition: opacity 150ms ease-in-out; }
    .navbar-header .logo a:hover img {
      opacity: .6;
      transition: opacity 150ms ease-in-out; }

.navbar-menu {
  position: absolute;
  right: 0px;
  display: inline-block;
  box-shadow: 0px 1px 1px 0px #595959; }
  .navbar-menu .menu-icon {
    color: #c8f230;
    background-color: #595959;
    font-size: 30px;
    cursor: pointer;
    padding: 6px 15px; }
  .navbar-menu .close-button {
    display: none;
    color: #000000;
    margin: -10px 20px 25px 0;
    cursor: pointer; }
    .navbar-menu .close-button span {
      font-size: 25px; }

.logo {
  background-color: #fff;
  padding: 18px;
  display: inline-block; }
  .logo img {
    width: 210px; }

.navbar-nav {
  text-align: center;
  margin: 0; }
  @media (max-width: 767px) {
    .navbar-nav .item {
      display: none; } }
  .navbar-nav li {
    background-color: white;
    height: 50px; }
    .navbar-nav li.item {
      padding-right: 20px; }
      .navbar-nav li.item:first-child {
        padding-left: 20px; }
    .navbar-nav li a,
    .navbar-nav li p {
      padding: 0;
      color: #000000;
      line-height: 20px;
      top: 50%;
      transform: translateY(-50%); }

.navbar-custom {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  min-height: 85px; }

.navbar-custom .navbar-nav li > a:hover,
.navbar-nav li .open,
.navbar-custom .navbar-nav .active a {
  background: none;
  color: #c8f230; }

.navbar-custom .dropdown-menu {
  right: 0; }

.page-overlay {
  opacity: .6;
  background-color: #000000;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 11;
  display: none; }

.overlay {
  display: none;
  position: fixed;
  z-index: 11;
  top: 0px;
  height: 100%;
  width: 420px;
  right: 0;
  background-color: #ffffff;
  overflow: auto; }
  @media (max-width: 767px) {
    .overlay {
      width: 100%; } }
  .overlay .social {
    float: none;
    text-align: left;
    width: auto;
    margin-top: 25px;
    margin-left: 10%; }
    .overlay .social i {
      color: #000000; }
    .overlay .social a:hover {
      text-decoration: none; }
  .overlay .links {
    text-align: center;
    margin-top: 25px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase; }
  .overlay .enlist-now {
    width: 170px;
    text-align: center; }

.mobile-nav {
  color: #000000;
  font-size: 1.25em;
  list-style-type: none;
  text-align: left;
  margin-top: 10%;
  text-transform: uppercase;
  padding: 0;
  margin-left: 10%;
  padding-top: 50px; }
  .mobile-nav a {
    font-size: 1.25em;
    color: #000000; }
  .mobile-nav a:hover {
    text-decoration: none;
    color: #000000; }
  .mobile-nav li {
    margin-bottom: 8px; }
  .mobile-nav li:first-of-type {
    padding-top: 10px; }

.stuck-overlay {
  overflow: hidden; }
  .stuck-overlay .overlay,
  .stuck-overlay .page-overlay,
  .stuck-overlay .close-button {
    display: block; }
  .stuck-overlay .navbar-menu {
    box-shadow: none; }
  .stuck-overlay .navbar-nav {
    display: none; }
  .stuck-overlay .navbar-header {
    box-shadow: none; }
  .stuck-overlay footer {
    display: none; }
  @media (max-width: 767px) {
    .stuck-overlay .container-wrapper {
      display: none; }
    .stuck-overlay .new-homepage {
      display: none; } }

.new-homepage {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
  .new-homepage .first-page {
    height: 100%;
    overflow: hidden;
    background-color: #595959;
    transform: rotateZ(360deg); }
    @media (max-width: 767px) {
      .new-homepage .first-page {
        height: 90%; } }
    .new-homepage .first-page h2 {
      position: absolute;
      transform-origin: left;
      bottom: 0;
      right: 15px;
      transform: skewY(15deg) rotate(-15deg);
      bottom: 2px; }
      @media (min-width: 768px) {
        .new-homepage .first-page h2 {
          transform: skew(10deg) rotate(-80deg);
          left: 45%;
          bottom: 40px; } }
  .new-homepage a:hover {
    text-decoration: none;
    color: #000000; }
  .new-homepage .accordion-wrapper {
    width: 100%;
    height: 100%; }
    @media (min-width: 768px) {
      .new-homepage .accordion-wrapper {
        width: 97%;
        margin-left: 3%;
        height: 100%; } }
  .new-homepage .accordion {
    width: 100%;
    height: 101%;
    top: 0;
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: row nowrap;
    overflow: hidden; }
    .new-homepage .accordion .creators-selector .triangle-down-right {
      display: none; }
    @media (min-width: 768px) {
      .new-homepage .accordion {
        transform: skew(-10deg) scale(0.9999); } }
    .new-homepage .accordion .selector {
      position: relative;
      background-repeat: no-repeat;
      overflow: hidden;
      flex: 0 0 85px;
      outline: 1px solid transparent;
      padding: 1px;
      z-index: 5;
      transform: skewY(-15deg) scale(0.9999);
      height: 120px;
      width: 100%; }
      .new-homepage .accordion .selector .selector-bar {
        height: 100%;
        position: relative; }
        .new-homepage .accordion .selector .selector-bar:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 1;
          transition-property: opacity;
          transition-duration: 300ms;
          transition-timing-function: ease-in;
          background: linear-gradient(to bottom, #ffffff 0%, #c8f230 66%, #c8f230 100%); }
      @media (min-width: 768px) {
        .new-homepage .accordion .selector .active-selector-bar {
          height: 100%;
          background: rgba(138, 140, 142, 0.6);
          right: 0;
          top: 0;
          position: absolute;
          padding: 1px;
          -webkit-transform: translate3d(0, 0, 0);
          width: 85px; }
          .new-homepage .accordion .selector .active-selector-bar:before {
            opacity: 0; } }
  @media (min-width: 768px) and (max-width: 998px) {
    .new-homepage .accordion .selector .active-selector-bar {
      width: 70px; } }
  @media (min-width: 768px) and (max-width: 850px) {
    .new-homepage .accordion .selector .active-selector-bar {
      width: 60px; } }
      @media (min-width: 768px) {
          .new-homepage .accordion .selector .active-selector-bar h2 {
            color: #c8f230;
            left: 48% !important; } }
      .new-homepage .accordion .selector h2 {
        color: #595959; }
      @media (max-width: 998px) {
        .new-homepage .accordion .selector {
          flex: 0 0 70px; } }
      @media (max-width: 850px) {
        .new-homepage .accordion .selector {
          flex: 0 0 60px; } }
      @media (max-width: 767px) {
        .new-homepage .accordion .selector {
          background-color: unset; } }
      @media (min-width: 768px) {
        .new-homepage .accordion .selector {
          height: 100%;
          border-left: 3px solid transparent;
          background-clip: padding-box;
          transform: scale(0.9999);
          transition-property: flex, color, background, background-color;
          transition-duration: 300ms;
          transition-timing-function: cubic-bezier(0.63, 0.14, 0.2, 0.97);
          -webkit-backface-visibility: hidden; }
          .new-homepage .accordion .selector .content {
            transform: skew(10deg);
            transition: opacity 150ms cubic-bezier(0.63, 0.14, 0.2, 0.97);
            transition-delay: 150ms; } }
      .new-homepage .accordion .selector .creator-content {
        color: #ffffff; }
        .new-homepage .accordion .selector .creator-content h1 {
          color: #ffffff; }
        .new-homepage .accordion .selector .creator-content .scroll-for-more {
          color: #ffffff; }
      .new-homepage .accordion .selector .fans-content {
        width: 50%; }
      .new-homepage .accordion .selector .distribution-content {
        left: 60px;
        width: 50%; }
    .new-homepage .accordion .selector-expanded {
      flex: 10 !important;
      background-color: transparent !important;
      cursor: default; }
      .new-homepage .accordion .selector-expanded h2 {
        color: #c8f230;
        left: 95%; }
      .new-homepage .accordion .selector-expanded .content {
        opacity: 1; }
      @media (max-width: 767px) {
        .new-homepage .accordion .selector-expanded {
          transform: skewY(0) scale(0.9999);
          height: 100% !important;
          z-index: 1 !important;
          width: 100%;
          top: 10px !important; }
          .new-homepage .accordion .selector-expanded h2 {
            display: none; }
          .new-homepage .accordion .selector-expanded .content {
            width: 80%; }
          .new-homepage .accordion .selector-expanded .triangle-down-right {
            border-width: 0 0 35px 140px; } }
  @media (max-width: 767px) {
    .new-homepage #brands-selector.selector-expanded ~ #creators-selector {
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 65px;
      left: 0;
      top: initial;
      border-right: none; } }
  .new-homepage #brands-selector {
    order: 3; }
    @media (max-width: 767px) {
      .new-homepage #brands-selector {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 65px;
        left: 0;
        top: initial;
        border-right: none; }
        .new-homepage #brands-selector .brands-wrapper {
          display: none; } }
  .new-homepage #creators-selector {
    order: 1; }
    @media (max-width: 767px) {
      .new-homepage #creators-selector {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 65px;
        left: 0;
        top: initial;
        border-right: none; }
        .new-homepage #creators-selector .creators-wrapper {
          display: none; } }
  @media (max-width: 767px) {
    .new-homepage #distribution-selector.selector-expanded ~ #creators-selector {
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 10px;
      left: 0;
      top: initial;
      border-right: none; } }
  .new-homepage #distribution-selector {
    margin-right: 3px;
    order: 4; }
    @media (max-width: 767px) {
      .new-homepage #distribution-selector {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 10px;
        left: 0;
        top: initial;
        border-right: none; }
        .new-homepage #distribution-selector .distribution-wrapper {
          display: none; } }
  .new-homepage #fans-selector {
    order: 2; }
    @media (max-width: 767px) {
      .new-homepage #fans-selector {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 120px;
        left: 0;
        top: initial;
        border-right: none; }
        .new-homepage #fans-selector .fans-wrapper {
          display: none; } }
  @media (max-width: 767px) {
    .new-homepage #fans-selector.selector-expanded ~ #creators-selector {
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 120px;
      left: 0;
      top: initial;
      border-right: none; } }
  .new-homepage .content {
    position: absolute;
    top: 155px;
    left: 150px;
    width: 65%;
    color: #000000;
    font-size: 18px;
    opacity: 0; }
    @media (max-width: 767px) {
      .new-homepage .content {
        top: 105px;
        left: 65px;
        width: 80%;
        font-size: 14px; } }
    .new-homepage .content h1 {
      font-size: 48px;
      color: #000000; }
      @media (max-width: 767px) {
        .new-homepage .content h1 {
          font-size: 27px; } }
  .new-homepage .active-background {
    width: 104%;
    position: absolute;
    height: 100%;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/slider/creators-background.png");
    box-shadow: inset 25px 0px 25px -25px rgba(0, 0, 0, 0.45), inset -25px 0px 25px -25px rgba(0, 0, 0, 0.45);
    transform: skew(10deg);
    margin-left: -4%; }
    @media (min-width: 768px) {
      .new-homepage .active-background {
        transition: all 150ms cubic-bezier(0.63, 0.14, 0.2, 0.97);
        transition-delay: 150ms; } }
    @media (max-width: 767px) {
      .new-homepage .active-background {
        transform: skew(0);
        margin-left: 0;
        z-index: -2; } }
  .new-homepage .brands-selector-full {
    background-image: url("../images/slider/brands-background.png"); }
  .new-homepage .fans-selector-full {
    background-image: url("../images/slider/fans-background.png"); }
    @media (max-width: 767px) {
      .new-homepage .fans-selector-full {
        background-image: url("../images/slider/fans-background-mobile.png"); } }
  .new-homepage .distribution-selector-full {
    background-image: url("../images/slider/distribution-background.png"); }
  .new-homepage .creators-selector-full {
    background-image: url("../images/slider/creators-background.png"); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  video, .video-muter {
    display: none; } }
.fullscreen-bg-video {
  overflow: hidden; }
  @media (max-width: 767px) {
    .fullscreen-bg-video {
      display: none; } }
  .fullscreen-bg-video video {
    margin-left: -3%;
    box-shadow: inset 25px 0px 25px -25px rgba(0, 0, 0, 0.45), inset -25px 0px 25px -25px rgba(0, 0, 0, 0.45); }

.video-muter {
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  z-index: 1; }

@media (max-width: 767px) {
  .creators-link,
  .brands-link,
  .fans-link,
  .distribution-link {
    cursor: pointer; } }

.fans-selector,
.brands-selector,
.creators-selector,
.distribution-selector,
.selector {
  cursor: pointer; }

.expanded-section h1 {
  margin-top: 100px; }

.scroll-for-more {
  margin-top: 25px;
  color: #000000;
  text-transform: uppercase; }
  .scroll-for-more img {
    width: 15px; }

.scroll-to-top {
  background-color: #595959;
  color: #c8f230;
  text-transform: uppercase;
  border-radius: 35px;
  float: left;
  font-size: 11px;
  line-height: 30px;
  text-align: center;
  vertical-align: bottom;
  margin-top: 25px;
  padding: 0 20px;
  cursor: pointer;
  margin-bottom: 65px; }
  .scroll-to-top img {
    height: 13px;
    margin-top: -3px;
    margin-right: 2px; }

.enlist-now, .submission-button {
  margin-top: 15px;
  border-radius: 35px;
  display: inline-block;
  padding: 17px 40px;
  color: #595959;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #c8f230;
  cursor: pointer; }
  .enlist-now:hover, .submission-button:hover {
    background-color: #595959;
    color: #c8f230; }

.social {
  display: block;
  float: right;
  width: 225px;
  padding: 0; }
  .social img {
    padding: 0 8px 0 0; }
    @media (max-width: 750px) {
      .social img {
        padding: 0 4px; } }
  @media (max-width: 750px) {
    .social {
      text-align: center;
      width: auto; } }
  .social h1 {
    color: #595959;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 7px 0; }
  .social i {
    font-size: 10px;
    color: #8a8c8e;
    margin-right: 5px;
    border: 1px solid #595959;
    padding: 5px;
    width: 22px;
    text-align: center; }

.inside-page {
  min-height: 100%; }

* {
  box-sizing: border-box; }

html {
  height: 100%;
  position: relative;
  min-height: 100%; }

#new-default {
  display: flex;
  min-height: 100vh; }

body {
  margin: 0;
  color: #44444;
  overflow-x: hidden;
  width: 100%;
  display: flex;
  flex-direction: column; }

#homepage-body {
  top: 0;
  bottom: 0;
  height: 100%; }

a {
  color: #c8f230;
  text-decoration: none; }

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

.col-centered {
  float: none;
  margin: 0 auto; }

.container-fluid {
  padding: 0; }

select::-ms-expand {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

.container-wrapper {
  padding-bottom: 25px;
  background-color: #efefef;
  position: relative;
  flex: 1 0 auto; }
  .container-wrapper h1 {
    font-size: 3em;
    color: #000000; }
  .container-wrapper h2 {
    color: #000000;
    margin-top: 30px;
    font-size: 1.5em; }
  .container-wrapper p {
    font-size: 1.15em; }

.triangle-left {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  -webkit-filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.3));
  border-width: 400px 100px 0 0;
  top: 0;
  border-color: #595959 transparent transparent transparent; }

.triangle-up-left {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  -webkit-filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.3));
  border-width: 500px 95px 0 0;
  border-color: #595959 transparent transparent transparent; }

.triangle-down-right {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  -webkit-filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.3));
  bottom: 0;
  right: 0;
  border-width: 0 0 200px 50px;
  border-color: transparent transparent #595959 transparent; }

.error-container h1 {
  margin-top: 150px; }

.jobs-container li, .news-wrapper li {
  list-style-type: none; }

.jobs-container h2 {
  margin-top: -10px; }
.jobs-container .enlist-now {
  margin-bottom: 50px; }
.jobs-container .jobs-content-container {
  margin-top: 20px; }
.jobs-container .jobs-image {
  background: url("/images/jobs-background.png") no-repeat;
  background-size: cover;
  width: 100%;
  color: #ffffff; }
  .jobs-container .jobs-image h1 {
    margin-top: 125px;
    color: #ffffff; }
.jobs-container .job-listings-wrapper {
  display: none; }

.creators-page {
  -webkit-transform: translateZ(0); }
  .creators-page .top-talent {
    margin-top: -14px; }

.fans-page {
  display: none;
  -webkit-transform: translateZ(0); }
  .fans-page .creator {
    margin-top: 25px; }

.creators img {
  padding: 10px;
  width: 100%; }

.choose-adventure-buttons {
  margin-top: 25px; }
  @media (max-width: 768px) {
    .choose-adventure-buttons .enlist-now {
      width: 220px;
      text-align: center; } }
  @media (min-width: 768px) {
    .choose-adventure-buttons .pros-sign-in {
      margin-left: 25px; } }

p a {
  text-decoration: underline; }

.creator-page {
  background-color: #efefef; }
  @media (min-width: 768px) {
    .creator-page {
      background: url("/images/homepage/creators-background.png") no-repeat;
      background-size: cover; } }

.fans-container {
  background-color: #efefef; }
  @media (min-width: 768px) {
    .fans-container {
      background: url("/images/homepage/fans-background.png") no-repeat;
      background-size: cover; } }

.distribution-page {
  display: none;
  -webkit-transform: translateZ(0); }
  .distribution-page .box-wrapper {
    margin-top: 25px; }
    .distribution-page .box-wrapper .enlist-now {
      width: 200px;
      text-align: center;
      padding: 17px 25px; }
    .distribution-page .box-wrapper .screening-room {
      margin-left: 25px; }
  .distribution-page .distribution-wrapper {
    background-color: #efefef; }
    @media (min-width: 768px) {
      .distribution-page .distribution-wrapper {
        background: url("/images/homepage/distribution-background.png") no-repeat;
        background-size: cover; } }

.brands-page {
  display: none;
  -webkit-transform: translateZ(0); }
  .brands-page h4 {
    margin-top: 30px; }
  .brands-page .network-stats {
    height: 100%; }
    @media (min-width: 768px) {
      .brands-page .network-stats {
        display: flex; } }
    .brands-page .network-stats .col-xs-3 {
      max-height: 100%; }
  .brands-page .stats-wrapper:last-of-type {
    margin-right: 0; }
  .brands-page .stats-wrapper {
    margin-top: 5px;
    width: 18%;
    text-align: center;
    flex: 1;
    color: black;
    margin-right: 3%;
    display: flex;
    flex-direction: column; }
    @media (max-width: 767px) {
      .brands-page .stats-wrapper {
        width: 100%; } }
    .brands-page .stats-wrapper h3 {
      background-color: #c8f230;
      color: #ffffff;
      width: 100%;
      height: 75px;
      margin: 0;
      font-size: 45px;
      padding: 10px;
      z-index: 1; }
      .brands-page .stats-wrapper h3 sup {
        font-size: 25px; }
    .brands-page .stats-wrapper p {
      background-color: #595959;
      clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
      color: #ffffff;
      padding: 15px;
      flex: 1 0 auto;
      padding-top: 40px;
      margin-top: -30px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .brands-page .stats-wrapper p {
          margin-top: -35px; } }
  .brands-page .enlist-now {
    margin-top: 30px; }

.brands-container {
  background-color: #efefef; }
  @media (min-width: 768px) {
    .brands-container {
      background: url("/images/homepage/brands-background.png") no-repeat;
      background-size: cover; } }
  .brands-container iframe {
    background-color: white;
    border: 10px solid white;
    margin-top: -10px;
    margin-left: 10px; }

#video-wrapper video {
  margin-top: 15px; }

#video-play-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 46%;
  left: 44%; }

.legal-container {
  padding-top: 125px;
  background-color: #ffffff; }

@media (max-width: 767px) {
  .triangle-up-left {
    display: none !important; } }
.post-layout h1 {
  margin-top: 125px; }

.news-wrapper {
  padding-bottom: 0; }
  .news-wrapper .enlist-now {
    width: 190px;
    text-align: center;
    padding: 17px 20px;
    margin-right: 15px; }
    .news-wrapper .enlist-now:hover a {
      color: #c8f230;
      text-decoration: none; }

.news-image {
  background: url("/images/darth-vader.png") no-repeat;
  background-size: cover;
  width: 100%;
  color: #ffffff;
  padding-bottom: 100px;
  text-align: center; }
  .news-image p:first-of-type {
    margin-top: 125px; }

.all-news-container {
  background: url("/images/about-background.png") no-repeat;
  background-size: cover; }

.news-container {
  margin-top: 25px;
  padding: 0; }
  .news-container .news-item {
    height: 100%;
    width: 100%;
    padding: 10px 0;
    background-color: #ffffff;
    transition: 200ms ease-in;
    margin: 12px 0;
    box-shadow: 0px 1px 1px 0px #595959; }
  .news-container .news-item:last-of-type {
    margin-bottom: 100px; }
  .news-container .date {
    font-weight: bold;
    text-transform: uppercase; }
  .news-container li {
    margin-top: 10px; }
  .news-container h4 {
    margin-top: 25px; }
  .news-container .img-responsive {
    width: auto;
    height: auto;
    max-width: 100%; }

.gallery-wrapper {
  -webkit-transform: translateZ(0);
  margin-bottom: 50px;
  position: relative; }
  .gallery-wrapper .gallery {
    width: 99%;
    display: inline-block;
    position: relative; }
    @media (max-width: 767px) {
      .gallery-wrapper .gallery {
        width: 100%;
        margin: 0; } }
  .gallery-wrapper .prev {
    float: left; }
  .gallery-wrapper .next {
    float: right; }
  .gallery-wrapper .show-wrapper {
    transition: all 200ms ease-in;
    opacity: 0;
    visibility: hidden;
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
    @media (max-width: 767px) {
      .gallery-wrapper .show-wrapper {
        visibility: visible;
        opacity: 1;
        position: relative;
        margin: 0; } }
    .gallery-wrapper .show-wrapper .creator-row {
      display: flex; }
      @media (max-width: 767px) {
        .gallery-wrapper .show-wrapper .creator-row {
          display: block; } }
    .gallery-wrapper .show-wrapper .creator-box {
      width: 48%;
      display: inline-block;
      color: #ffffff;
      background-color: #595959;
      margin-right: 1%;
      margin-bottom: 2%;
      position: relative; }
      @media (max-width: 767px) {
        .gallery-wrapper .show-wrapper .creator-box {
          width: 100%;
          margin-bottom: 7%; } }
      .gallery-wrapper .show-wrapper .creator-box .creator-bio {
        padding: 15px;
        margin-bottom: 40px; }
      .gallery-wrapper .show-wrapper .creator-box .stats-box {
        display: flex;
        color: #000000;
        background-color: #c8f230;
        padding: 12px 20px;
        font-size: 12px;
        position: absolute;
        bottom: 0;
        width: 100%; }
        .gallery-wrapper .show-wrapper .creator-box .stats-box .youtube-stats,
        .gallery-wrapper .show-wrapper .creator-box .stats-box .instagram-stats,
        .gallery-wrapper .show-wrapper .creator-box .stats-box .twitter-stats {
          flex: 1; }
        .gallery-wrapper .show-wrapper .creator-box .stats-box .youtube-stats {
          text-align: left; }
        .gallery-wrapper .show-wrapper .creator-box .stats-box .instagram-stats {
          text-align: center; }
        .gallery-wrapper .show-wrapper .creator-box .stats-box .twitter-stats {
          text-align: right; }
        .gallery-wrapper .show-wrapper .creator-box .stats-box i {
          font-size: 14px; }
      .gallery-wrapper .show-wrapper .creator-box h3 {
        color: #c8f230;
        margin: 0;
        font-size: 16px;
        padding-bottom: 5px; }
      .gallery-wrapper .show-wrapper .creator-box p {
        font-size: 13px; }
        @media (max-width: 767px) {
          .gallery-wrapper .show-wrapper .creator-box p {
            font-size: 15px; } }
      .gallery-wrapper .show-wrapper .creator-box img {
        width: 100%;
        height: auto; }
      .gallery-wrapper .show-wrapper .creator-box iframe {
        visibility: hidden; }
  .gallery-wrapper .show-wrapper:first-of-type {
    position: relative; }
  .gallery-wrapper .active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0); }
    .gallery-wrapper .active iframe {
      visibility: visible; }
  .gallery-wrapper .video-box-1 {
    background-color: rgba(255, 255, 255, 0.6);
    width: 104%;
    height: 90%;
    top: 0;
    left: 0px;
    position: absolute;
    z-index: -1; }
    @media (max-width: 767px) {
      .gallery-wrapper .video-box-1 {
        display: none; } }
  .gallery-wrapper .video-box-2 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 108%;
    height: 80%;
    top: 15px;
    position: absolute;
    z-index: -1;
    left: -10px; }
    @media (max-width: 767px) {
      .gallery-wrapper .video-box-2 {
        display: none; } }
  .gallery-wrapper .video-player-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0; }
    .gallery-wrapper .video-player-wrapper iframe {
      margin-top: -10px;
      margin-left: 10px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      @media (max-width: 767px) {
        .gallery-wrapper .video-player-wrapper iframe {
          width: 95%; } }
  .gallery-wrapper .video-info-wrapper {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px;
    height: 100%;
    width: 100%;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    position: relative; }
    @media (max-width: 767px) {
      .gallery-wrapper .video-info-wrapper {
        width: 95%;
        margin-bottom: 25px; } }
    .gallery-wrapper .video-info-wrapper h5 {
      font-size: 16px;
      width: 40%;
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      margin: 0;
      line-height: 22px; }

.fans-gallery {
  margin-top: 30px; }
  .fans-gallery .letv-logo,
  .fans-gallery .xumo-logo,
  .fans-gallery .amazon-logo {
    padding: 3px; }
  .fans-gallery .xumo-logo {
    padding: 5px; }
  .fans-gallery .vue-logo,
  .fans-gallery .amc-logo {
    padding: 1px; }
  .fans-gallery .elevate-logo {
    padding: 6px;
    margin-top: -5px !important; }

.creators-gallery .next {
  margin-left: 10px; }

.fa.buttons-wrapper {
  width: 100px;
  cursor: pointer;
  top: 40%;
  position: absolute;
  color: #c8f230;
  font-size: 150px; }
  @media (max-width: 767px) {
    .fa.buttons-wrapper {
      display: none; } }
  @media (max-width: 1060px) {
    .fa.buttons-wrapper {
      font-size: 100px;
      width: 65px; } }
  .fa.buttons-wrapper.prev {
    margin-left: -175px; }
    @media (max-width: 1060px) {
      .fa.buttons-wrapper.prev {
        margin-left: -130px; } }
  .fa.buttons-wrapper.next {
    margin-left: 55px; }

.distribution-wrapper .genre-label {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  margin: 10px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .distribution-wrapper .genre-label {
      font-size: 25px; } }
.distribution-wrapper .label-wrapper {
  margin-top: 15px;
  margin-bottom: 20px; }
.distribution-wrapper .selected-genre {
  color: #c8f230;
  border-bottom: 1px solid #c8f230;
  padding-bottom: 3px; }
.distribution-wrapper .genre-carousel:first-of-type {
  position: relative; }
.distribution-wrapper .genre-carousel {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: all 1s ease-in;
  width: 100%;
  height: auto; }
.distribution-wrapper .video-info-wrapper {
  height: 50px; }
.distribution-wrapper .genre-wrapper {
  margin-top: 15px;
  position: relative; }
.distribution-wrapper .genre-active {
  opacity: 1;
  -webkit-transform: translateZ(0);
  z-index: 3; }