/*
 * Breakpoint any
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
/*
 * Breakpoint all
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
/**
 * _Breakpoint
 * @param {List} ids - List of breakpoints
 * @param {String} glue - Glue to join together multiple breakpoints
 * @param {Boolean} stripAppendedMediaTypes - Remove media types from all but first breakpoint
 * @content - Styles will be applied to breakpoint
 */
@media only screen and (max-width: 767px) {
  #viewport {
    overflow: hidden; } }

main {
  padding-top: 0;
  padding-bottom: 0;
  /*
 * Breakpoint any
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /*
 * Breakpoint all
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /**
 * _Breakpoint
 * @param {List} ids - List of breakpoints
 * @param {String} glue - Glue to join together multiple breakpoints
 * @param {Boolean} stripAppendedMediaTypes - Remove media types from all but first breakpoint
 * @content - Styles will be applied to breakpoint
 */
  /**
 * Animations
 */
  /*
 * Breakpoint any
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /*
 * Breakpoint all
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /**
 * _Breakpoint
 * @param {List} ids - List of breakpoints
 * @param {String} glue - Glue to join together multiple breakpoints
 * @param {Boolean} stripAppendedMediaTypes - Remove media types from all but first breakpoint
 * @content - Styles will be applied to breakpoint
 */
  /**
 * Animations
 */
  /*
 * Breakpoint any
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /*
 * Breakpoint all
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /**
 * _Breakpoint
 * @param {List} ids - List of breakpoints
 * @param {String} glue - Glue to join together multiple breakpoints
 * @param {Boolean} stripAppendedMediaTypes - Remove media types from all but first breakpoint
 * @content - Styles will be applied to breakpoint
 */
  /**
 * Animations
 */
  /*
 * Breakpoint any
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /*
 * Breakpoint all
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /**
 * _Breakpoint
 * @param {List} ids - List of breakpoints
 * @param {String} glue - Glue to join together multiple breakpoints
 * @param {Boolean} stripAppendedMediaTypes - Remove media types from all but first breakpoint
 * @content - Styles will be applied to breakpoint
 */
  /*
 * Breakpoint any
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /*
 * Breakpoint all
 * @param {List} ids - List of breakpoints
 * @content - Styles will be applied to breakpoint
 */
  /**
 * _Breakpoint
 * @param {List} ids - List of breakpoints
 * @param {String} glue - Glue to join together multiple breakpoints
 * @param {Boolean} stripAppendedMediaTypes - Remove media types from all but first breakpoint
 * @content - Styles will be applied to breakpoint
 */
  /**
 * Animations
 */ }
  main .block-billboard {
    /**
	 * Background
	 */
    /**
	 * Billboard
	 */
    /**
	 * Bicycle wheel
	 */
    /**
	 * Rain
	 */ }
    @media only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-billboard {
        position: relative; }
        main .block-billboard::before {
          content: "";
          display: block;
          padding-top: 46.71429%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      main .block-billboard {
        height: 478.35429px; } }
    @media only screen and (max-width: 767px) {
      main .block-billboard {
        position: relative; }
        main .block-billboard::before {
          content: "";
          display: block;
          padding-top: 68.03385%; } }
    main .block-billboard .block-resize-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-billboard .block-resize-content {
          background: url(../static/homepage/billboard/bg-desktop.jpg);
          background-size: 100% auto; } }
      @media only screen and (max-width: 767px) {
        main .block-billboard .block-resize-content {
          background: url(../static/homepage/billboard/bg-mobile.jpg);
          background-size: 100% auto; } }
    main .block-billboard .billboard {
      margin: 0 auto;
      height: 76.07034%;
      position: relative; }
      main .block-billboard .billboard .swiper-container {
        width: 100%;
        height: 100%; }
        main .block-billboard .billboard .swiper-container img {
          width: 100%; }
      main .block-billboard .billboard .prev,
      main .block-billboard .billboard .next {
        position: relative;
        overflow: visible;
        display: block;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        position: absolute;
        z-index: 10;
        cursor: pointer;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        padding: 0; }
        main .block-billboard .billboard .prev::before,
        main .block-billboard .billboard .next::before {
          content: "";
          display: block;
          padding-top: 265.71429%; }
        main .block-billboard .billboard .prev::after,
        main .block-billboard .billboard .next::after {
          content: "";
          width: 59.28571%;
          display: block;
          padding-top: 100%;
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          -webkit-transition: -webkit-transform 100ms ease-out;
          transition: -webkit-transform 100ms ease-out;
          transition: transform 100ms ease-out;
          transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; }
      main .block-billboard .billboard .prev {
        background-image: url(../static/homepage/billboard/prev-bg.png);
        left: 0; }
        main .block-billboard .billboard .prev::after {
          background-image: url(../static/homepage/billboard/prev-arrow.png);
          left: 0; }
        main .block-billboard .billboard .prev:hover::after {
          -webkit-transform: translate(-6%, -50%);
                  transform: translate(-6%, -50%); }
      main .block-billboard .billboard .next {
        background-image: url(../static/homepage/billboard/next-bg.png);
        right: 0; }
        main .block-billboard .billboard .next::after {
          background-image: url(../static/homepage/billboard/next-arrow.png);
          right: 0; }
        main .block-billboard .billboard .next:hover::after {
          -webkit-transform: translate(6%, -50%);
                  transform: translate(6%, -50%); }
      main .block-billboard .billboard .swiper-arrow-prev,
      main .block-billboard .billboard .swiper-arrow-next {
        background-size: cover;
        background-repeat: no-repeat;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute; }
        main .block-billboard .billboard .swiper-arrow-prev::before,
        main .block-billboard .billboard .swiper-arrow-next::before {
          content: "";
          display: block;
          padding-top: 134.93976%; }
      main .block-billboard .billboard .swiper-image {
        width: 100%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-billboard .billboard {
          width: 68.32143%; }
          main .block-billboard .billboard .prev,
          main .block-billboard .billboard .next {
            width: 7.31835%; } }
      @media only screen and (max-width: 767px) {
        main .block-billboard .billboard {
          width: 100%; }
          main .block-billboard .billboard .prev,
          main .block-billboard .billboard .next {
            width: 9.96094%; }
            main .block-billboard .billboard .prev::after,
            main .block-billboard .billboard .next::after {
              width: 54.24837%; }
          main .block-billboard .billboard .prev::after {
            left: 10%; }
          main .block-billboard .billboard .next::after {
            right: 10%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-billboard .fork {
        position: absolute;
        top: 62.92049%;
        left: 92.64286%;
        width: 1.78571%;
        background: url(../static/homepage/billboard/fork.png) no-repeat center center;
        background-size: contain; }
        main .block-billboard .fork::before {
          content: "";
          display: block;
          padding-top: 266.10169%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-billboard .wheel {
        position: absolute;
        top: 64.37309%;
        left: 90.17857%;
        width: 7.85714%;
        background: url(../static/homepage/billboard/wheel.png) no-repeat center center;
        background-size: contain;
        -webkit-animation: wheel 4000ms infinite linear;
                animation: wheel 4000ms infinite linear; }
        main .block-billboard .wheel::before {
          content: "";
          display: block;
          padding-top: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-billboard .rain-sprite {
        position: absolute;
        width: 2.57143%;
        background-image: url(../static/homepage/billboard/rain.png);
        background-position: 0 0;
        background-size: 700% 400%;
        background-repeat: no-repeat; }
        main .block-billboard .rain-sprite::before {
          content: "";
          display: block;
          padding-top: 225%; }
      main .block-billboard .rain1-sprite {
        top: 19.87768%;
        left: 3.57143%;
        -webkit-animation: rain 4000ms steps(1, end) 900ms infinite;
                animation: rain 4000ms steps(1, end) 900ms infinite; }
      main .block-billboard .rain2-sprite {
        top: 18.34862%;
        left: 7.14286%;
        -webkit-animation: rain 5120ms steps(1, end) 1200ms infinite;
                animation: rain 5120ms steps(1, end) 1200ms infinite; }
      main .block-billboard .rain3-sprite {
        top: 15.29052%;
        left: 5.71429%;
        -webkit-animation: rain 4320ms steps(1, end) 0ms infinite;
                animation: rain 4320ms steps(1, end) 0ms infinite; }
      main .block-billboard .rain4-sprite {
        position: absolute;
        top: 17.5841%;
        left: 11.78571%;
        -webkit-animation: rain 4120ms steps(1, end) 2100ms infinite;
                animation: rain 4120ms steps(1, end) 2100ms infinite; }
      main .block-billboard .rain5-sprite {
        position: absolute;
        top: 12.99694%;
        left: 10.71429%;
        -webkit-animation: rain 3744ms steps(1, end) 500ms infinite;
                animation: rain 3744ms steps(1, end) 500ms infinite; } }

@-webkit-keyframes wheel {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes wheel {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes rain {
  0% {
    background-position: 0 0; }
  0.67% {
    background-position: calc(1 / 6 * 100%) 0; }
  1.34% {
    background-position: calc(2 / 6 * 100%) 0; }
  2.01% {
    background-position: calc(3 / 6 * 100%) 0; }
  2.68% {
    background-position: calc(4 / 6 * 100%) 0; }
  3.36% {
    background-position: calc(5 / 6 * 100%) 0; }
  4.03% {
    background-position: calc(6 / 6 * 100%) 0; }
  4.7% {
    background-position: 0 calc(1 / 3 * 100%); }
  5.37% {
    background-position: calc(1 / 6 * 100%) calc(1 / 3 * 100%); }
  6.04% {
    background-position: calc(2 / 6 * 100%) calc(1 / 3 * 100%); }
  6.71% {
    background-position: calc(3 / 6 * 100%) calc(1 / 3 * 100%); }
  7.38% {
    background-position: calc(4 / 6 * 100%) calc(1 / 3 * 100%); }
  8.05% {
    background-position: calc(5 / 6 * 100%) calc(1 / 3 * 100%); }
  8.72% {
    background-position: calc(6 / 6 * 100%) calc(1 / 3 * 100%); }
  9.4% {
    background-position: 0 calc(2 / 3 * 100%); }
  10.07% {
    background-position: calc(1 / 6 * 100%) calc(2 / 3 * 100%); }
  10.74% {
    background-position: calc(2 / 6 * 100%) calc(2 / 3 * 100%); }
  11.41% {
    background-position: calc(3 / 6 * 100%) calc(2 / 3 * 100%); }
  12.08% {
    background-position: calc(4 / 6 * 100%) calc(2 / 3 * 100%); }
  12.75% {
    background-position: calc(5 / 6 * 100%) calc(2 / 3 * 100%); }
  13.42% {
    background-position: calc(6 / 6 * 100%) calc(2 / 3 * 100%); }
  14.09% {
    background-position: 0 calc(3 / 3 * 100%); }
  14.77% {
    background-position: calc(1 / 6 * 100%) calc(3 / 3 * 100%); }
  15.44% {
    background-position: calc(2 / 6 * 100%) calc(3 / 3 * 100%); }
  16.11% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@keyframes rain {
  0% {
    background-position: 0 0; }
  0.67% {
    background-position: calc(1 / 6 * 100%) 0; }
  1.34% {
    background-position: calc(2 / 6 * 100%) 0; }
  2.01% {
    background-position: calc(3 / 6 * 100%) 0; }
  2.68% {
    background-position: calc(4 / 6 * 100%) 0; }
  3.36% {
    background-position: calc(5 / 6 * 100%) 0; }
  4.03% {
    background-position: calc(6 / 6 * 100%) 0; }
  4.7% {
    background-position: 0 calc(1 / 3 * 100%); }
  5.37% {
    background-position: calc(1 / 6 * 100%) calc(1 / 3 * 100%); }
  6.04% {
    background-position: calc(2 / 6 * 100%) calc(1 / 3 * 100%); }
  6.71% {
    background-position: calc(3 / 6 * 100%) calc(1 / 3 * 100%); }
  7.38% {
    background-position: calc(4 / 6 * 100%) calc(1 / 3 * 100%); }
  8.05% {
    background-position: calc(5 / 6 * 100%) calc(1 / 3 * 100%); }
  8.72% {
    background-position: calc(6 / 6 * 100%) calc(1 / 3 * 100%); }
  9.4% {
    background-position: 0 calc(2 / 3 * 100%); }
  10.07% {
    background-position: calc(1 / 6 * 100%) calc(2 / 3 * 100%); }
  10.74% {
    background-position: calc(2 / 6 * 100%) calc(2 / 3 * 100%); }
  11.41% {
    background-position: calc(3 / 6 * 100%) calc(2 / 3 * 100%); }
  12.08% {
    background-position: calc(4 / 6 * 100%) calc(2 / 3 * 100%); }
  12.75% {
    background-position: calc(5 / 6 * 100%) calc(2 / 3 * 100%); }
  13.42% {
    background-position: calc(6 / 6 * 100%) calc(2 / 3 * 100%); }
  14.09% {
    background-position: 0 calc(3 / 3 * 100%); }
  14.77% {
    background-position: calc(1 / 6 * 100%) calc(3 / 3 * 100%); }
  15.44% {
    background-position: calc(2 / 6 * 100%) calc(3 / 3 * 100%); }
  16.11% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }
  main .block-video {
    z-index: 3;
    /**
	 * Background
	 */
    /**
	 * Tablet & slide
	 */
    /**
	 * Planets
	 */
    /**
	 * Spaceship
	 */
    /**
	 * Astronaut
	 */
    /**
	 * Stars
	 */
    /**
	 * Satellite
	 */ }
    @media only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-video {
        position: relative; }
        main .block-video::before {
          content: "";
          display: block;
          padding-top: 40.67857%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      main .block-video {
        height: 416.54857px; } }
    @media only screen and (max-width: 767px) {
      main .block-video {
        position: relative; }
        main .block-video::before {
          content: "";
          display: block;
          padding-top: 63.41146%; } }
    main .block-video div, main .block-video img, main .block-video a, main .block-video span {
      position: absolute;
      display: block; }
    main .block-video .block-resize-content::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-video .block-resize-content {
        background: url(../static/homepage/video/bg-desktop.jpg) center center no-repeat;
        background-size: 100% auto;
        position: relative; }
        main .block-video .block-resize-content::before {
          content: "";
          display: block;
          padding-top: 0.78571%; }
        main .block-video .block-resize-content::before {
          z-index: 20;
          background: url(../static/homepage/billboard/divider-lg.png) center top no-repeat;
          background-size: 100% auto; } }
    @media only screen and (max-width: 767px) {
      main .block-video .block-resize-content {
        background: url(../static/homepage/video/bg-mobile.jpg) center center no-repeat;
        background-size: 100% auto;
        position: relative; }
        main .block-video .block-resize-content::before {
          content: "";
          display: block;
          padding-top: 1.23698%; }
        main .block-video .block-resize-content::before {
          z-index: 20;
          background: url(../static/homepage/billboard/divider-sm.png) center top no-repeat;
          background-size: 100% auto; } }
    main .block-video .block-resize-overflow {
      overflow: visible; }
    main .block-video .tablet {
      pointer-events: none;
      z-index: 12; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-video .tablet {
          top: 13.34504%;
          left: 26.82143%;
          width: 49.42857%; } }
      @media only screen and (max-width: 767px) {
        main .block-video .tablet {
          top: 10.78029%;
          left: 6.51042%;
          width: 87.5%; } }
    main .block-video .slide {
      z-index: 11; }
      main .block-video .slide img {
        width: 100%;
        height: auto; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-video .slide {
          top: 22.82704%;
          left: 29.53571%;
          width: 40.71429%; } }
      @media only screen and (max-width: 767px) {
        main .block-video .slide {
          top: 20.53388%;
          left: 10.9375%;
          width: 73.24219%; } }
    main .block-video .earth {
      position: absolute;
      top: 0;
      left: 80.60714%;
      width: 12.21429%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-video .earth {
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0;
          -webkit-animation: swingShort 3.5s infinite ease-in-out;
                  animation: swingShort 3.5s infinite ease-in-out; } }
      @media only screen and (max-width: 767px) {
        main .block-video .earth {
          display: none; } }
    main .block-video .venus {
      position: absolute;
      top: 0;
      left: 76.57143%;
      width: 8.32143%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-video .venus {
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0;
          -webkit-animation: swingWide 2.25s infinite ease-in-out;
                  animation: swingWide 2.25s infinite ease-in-out; } }
      @media only screen and (max-width: 767px) {
        main .block-video .venus {
          display: none; } }
    main .block-video .mars {
      position: absolute;
      top: 0;
      left: 12.14286%;
      width: 10.03571%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-video .mars {
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0;
          -webkit-animation: swingShort 2s infinite ease-in-out;
                  animation: swingShort 2s infinite ease-in-out; } }
      @media only screen and (max-width: 767px) {
        main .block-video .mars {
          display: none; } }
    main .block-video .uranus {
      position: absolute;
      top: 0;
      left: 18.42857%;
      width: 7.28571%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-video .uranus {
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0;
          -webkit-animation: swingWideOff 3.5s infinite ease-in-out;
                  animation: swingWideOff 3.5s infinite ease-in-out; } }
      @media only screen and (max-width: 767px) {
        main .block-video .uranus {
          display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-video .spaceship {
        z-index: 10;
        position: relative;
        top: 31.78227%;
        left: 2.60714%;
        background: url(../static/homepage/video/spaceship.png) center center no-repeat;
        background-size: cover;
        width: 128px;
        height: 82px;
        -webkit-animation: spaceship 12s infinite linear;
                animation: spaceship 12s infinite linear; }
        main .block-video .spaceship .thruster {
          position: absolute;
          background: url(../static/homepage/video/thruster.png) center center no-repeat;
          background-size: cover;
          width: calc(84 / 128 * 100%);
          height: calc(46 / 82 * 100%);
          top: calc(32 / 82 * 100%);
          left: calc(-75 / 128 * 100%);
          -webkit-animation: thruster 200ms steps(1, end) infinite;
                  animation: thruster 200ms steps(1, end) infinite; } }
    @media only screen and (max-width: 767px) {
      main .block-video .spaceship {
        z-index: 22;
        top: 85.72895%;
        left: 2.01823%;
        width: 19.92188%;
        position: relative;
        background: url(../static/homepage/video/spaceship.png) center center no-repeat;
        background-size: 100% auto; }
        main .block-video .spaceship::before {
          content: "";
          display: block;
          padding-top: 64.37908%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-video .astronaut {
        -webkit-animation: astronaut 6s infinite ease-in-out;
                animation: astronaut 6s infinite ease-in-out;
        top: 41.70325%;
        left: 78.39286%;
        width: 5.71429%; } }
    @media only screen and (max-width: 767px) {
      main .block-video .astronaut {
        display: none; } }
    @media only screen and (max-width: 767px) {
      main .block-video .star {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-video .star {
        position: relative;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        z-index: 21; }
        main .block-video .star::before {
          content: "";
          display: block;
          padding-top: 102.88462%; }
        main .block-video .star.star-1 {
          background-image: url(../static/homepage/video/star-1.png);
          top: 76.55838%;
          left: 6.92857%;
          width: 4.25%; }
        main .block-video .star.stars-1 {
          position: relative;
          position: absolute;
          background-image: url(../static/homepage/video/stars-1.png);
          top: -8.86743%;
          left: 26.67857%;
          width: 8.57143%; }
          main .block-video .star.stars-1::before {
            content: "";
            display: block;
            padding-top: 100.83333%; }
        main .block-video .star.stars-2 {
          position: relative;
          position: absolute;
          background-image: url(../static/homepage/video/stars-2.png);
          top: -6.76032%;
          left: 62.96429%;
          width: 10.5%; }
          main .block-video .star.stars-2::before {
            content: "";
            display: block;
            padding-top: 57.48299%; }
        main .block-video .star.star-2 {
          position: relative;
          position: absolute;
          background-image: url(../static/homepage/video/star-2.png);
          top: 77.26076%;
          left: 94.03571%;
          width: 5.35714%; }
          main .block-video .star.star-2::before {
            content: "";
            display: block;
            padding-top: 102%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-video .satellite {
        top: 88.84987%;
        left: 12.5%;
        width: 25.89286%;
        -webkit-animation: satellite 8s infinite ease-in-out;
                animation: satellite 8s infinite ease-in-out;
        position: relative;
        position: absolute;
        background: url(../static/homepage/video/satellite.png) center center no-repeat;
        background-size: 100% auto;
        z-index: 5; }
        main .block-video .satellite::before {
          content: "";
          display: block;
          padding-top: 41.7931%; } }

@-webkit-keyframes swingShort {
  0% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  100% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); } }

@keyframes swingShort {
  0% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  100% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg); } }

@-webkit-keyframes swingWide {
  0% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); } }

@keyframes swingWide {
  0% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); } }

@-webkit-keyframes swingWideOff {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }

@keyframes swingWideOff {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }

@-webkit-keyframes thruster {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 -46px; }
  100% {
    background-position: 0 0; } }

@keyframes thruster {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 -46px; }
  100% {
    background-position: 0 0; } }

@-webkit-keyframes spaceship {
  0% {
    -webkit-transform: translate(-300px, 200px) rotate(0deg) scale(0.85);
            transform: translate(-300px, 200px) rotate(0deg) scale(0.85); }
  17% {
    -webkit-transform: translate(1500px, -120px) rotate(12deg) scale(1);
            transform: translate(1500px, -120px) rotate(12deg) scale(1); }
  35% {
    -webkit-transform: translate(1500px, -150px) rotate(15deg) scale(0);
            transform: translate(1500px, -150px) rotate(15deg) scale(0); }
  36% {
    -webkit-transform: translate(1500px, -100px) rotate(200deg) scale(0.7);
            transform: translate(1500px, -100px) rotate(200deg) scale(0.7); }
  55% {
    -webkit-transform: translate(-300px, 270px) rotate(190deg) scale(0.4);
            transform: translate(-300px, 270px) rotate(190deg) scale(0.4); }
  100% {
    -webkit-transform: translate(-300px, 200px) rotate(0deg) scale(1);
            transform: translate(-300px, 200px) rotate(0deg) scale(1); } }

@keyframes spaceship {
  0% {
    -webkit-transform: translate(-300px, 200px) rotate(0deg) scale(0.85);
            transform: translate(-300px, 200px) rotate(0deg) scale(0.85); }
  17% {
    -webkit-transform: translate(1500px, -120px) rotate(12deg) scale(1);
            transform: translate(1500px, -120px) rotate(12deg) scale(1); }
  35% {
    -webkit-transform: translate(1500px, -150px) rotate(15deg) scale(0);
            transform: translate(1500px, -150px) rotate(15deg) scale(0); }
  36% {
    -webkit-transform: translate(1500px, -100px) rotate(200deg) scale(0.7);
            transform: translate(1500px, -100px) rotate(200deg) scale(0.7); }
  55% {
    -webkit-transform: translate(-300px, 270px) rotate(190deg) scale(0.4);
            transform: translate(-300px, 270px) rotate(190deg) scale(0.4); }
  100% {
    -webkit-transform: translate(-300px, 200px) rotate(0deg) scale(1);
            transform: translate(-300px, 200px) rotate(0deg) scale(1); } }

@-webkit-keyframes astronaut {
  0% {
    -webkit-transform: translate(0, -5px) rotate(0);
            transform: translate(0, -5px) rotate(0); }
  50% {
    -webkit-transform: translate(0, 5px) rotate(-7deg);
            transform: translate(0, 5px) rotate(-7deg); }
  100% {
    -webkit-transform: translate(0, -5px) rotate(0);
            transform: translate(0, -5px) rotate(0); } }

@keyframes astronaut {
  0% {
    -webkit-transform: translate(0, -5px) rotate(0);
            transform: translate(0, -5px) rotate(0); }
  50% {
    -webkit-transform: translate(0, 5px) rotate(-7deg);
            transform: translate(0, 5px) rotate(-7deg); }
  100% {
    -webkit-transform: translate(0, -5px) rotate(0);
            transform: translate(0, -5px) rotate(0); } }

@-webkit-keyframes satellite {
  0% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  50% {
    -webkit-transform: translate(0, -10px) scale(0.95);
            transform: translate(0, -10px) scale(0.95); }
  100% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); } }

@keyframes satellite {
  0% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  50% {
    -webkit-transform: translate(0, -10px) scale(0.95);
            transform: translate(0, -10px) scale(0.95); }
  100% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); } }
  main .block-game {
    margin-top: -1px;
    z-index: 2;
    /**
	 * Background
	 */
    /**
	 * Slide & frame
	 */
    /**
	 * Anchor
	 */
    /**
	 * Fish
	 */ }
    @media only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-game {
        position: relative; }
        main .block-game::before {
          content: "";
          display: block;
          padding-top: 40.35714%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      main .block-game {
        height: 413.25714px; } }
    @media only screen and (max-width: 767px) {
      main .block-game {
        position: relative; }
        main .block-game::before {
          content: "";
          display: block;
          padding-top: 68.22917%; } }
    main .block-game a, main .block-game div, main .block-game span {
      position: absolute;
      display: block; }
    main .block-game .block-resize-content {
      background-size: 100% auto; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-game .block-resize-content {
          background-image: url(../static/homepage/game/bg-desktop.jpg); } }
      @media only screen and (max-width: 767px) {
        main .block-game .block-resize-content {
          background-image: url(../static/homepage/game/bg-mobile.jpg); } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-game .block-resize-overflow {
        overflow: visible; } }
    main .block-game .slide img {
      width: 100%;
      height: auto; }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-game .slide {
        top: 24.95575%;
        left: 31.14286%;
        width: 37.14286%; } }
    @media only screen and (max-width: 767px) {
      main .block-game .slide {
        top: 20.80153%;
        left: 15.36458%;
        width: 69.66146%; } }
    main .block-game .frame {
      background: url(../static/homepage/game/frame.png) center center no-repeat;
      background-size: 100% auto;
      pointer-events: none;
      position: relative; }
      main .block-game .frame::before {
        content: "";
        display: block;
        padding-top: 67.57576%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-game .frame {
          top: 14.51327%;
          left: 26.17857%;
          width: 47.10714%; } }
      @media only screen and (max-width: 767px) {
        main .block-game .frame {
          top: 9.06489%;
          left: 5.79427%;
          width: 88.54167%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-game .anchor {
        top: 73.62832%;
        left: 11.14286%;
        width: 13%;
        background: url(../static/homepage/game/anchor.png);
        background-size: 100% auto;
        position: relative;
        position: absolute; }
        main .block-game .anchor::before {
          content: "";
          display: block;
          padding-top: 107.69231%; } }
    @media only screen and (max-width: 767px) {
      main .block-game .anchor {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-game .fish-pink {
        top: 41.9469%;
        left: 16.46429%;
        width: 8.71429%; }
        main .block-game .fish-pink .inner {
          width: 100%;
          padding-top: calc(95 / 128 * 100%);
          background-image: url(../static/homepage/game/fish-pink-sprite.png);
          background-position: 0 0;
          background-size: 300% 200%;
          background-repeat: no-repeat;
          -webkit-animation: pinkFish 16s infinite linear, swim 700ms steps(1, end) infinite;
                  animation: pinkFish 16s infinite linear, swim 700ms steps(1, end) infinite; } }
    @media only screen and (max-width: 767px) {
      main .block-game .fish-pink {
        position: relative;
        position: absolute;
        top: 27.00382%;
        left: -1.4974%;
        width: 19.01042%;
        background: url(../static/homepage/game/fish-pink.png) center center no-repeat;
        background-size: 100% auto; }
        main .block-game .fish-pink::before {
          content: "";
          display: block;
          padding-top: 73.9726%; } }
    main .block-game .fish-purple {
      position: relative;
      position: absolute;
      background: url(../static/homepage/game/fish-purple.png) center center no-repeat;
      background-size: 100% auto; }
      main .block-game .fish-purple::before {
        content: "";
        display: block;
        padding-top: 90.42146%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-game .fish-purple {
          top: 64.60177%;
          left: 68.75%;
          width: 9.32143%;
          -webkit-animation: purpleFish 12s infinite ease-in-out;
                  animation: purpleFish 12s infinite ease-in-out; } }
      @media only screen and (max-width: 767px) {
        main .block-game .fish-purple {
          top: 43.32061%;
          left: 82.68229%;
          width: 20.83333%; } }
    main .block-game .fish-yellow {
      position: relative;
      position: absolute;
      background: url(../static/homepage/game/fish-yellow.png) center center no-repeat;
      background-size: 100% auto; }
      main .block-game .fish-yellow::before {
        content: "";
        display: block;
        padding-top: 65.05576%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-game .fish-yellow {
          top: 74.33628%;
          left: 21.03571%;
          width: 9.60714%;
          -webkit-animation: yellowFish 9s infinite ease-in-out;
                  animation: yellowFish 9s infinite ease-in-out; } }
      @media only screen and (max-width: 767px) {
        main .block-game .fish-yellow {
          top: 70.41985%;
          left: -9.76562%;
          width: 21.15885%; } }

@-webkit-keyframes yellowFish {
  0% {
    -webkit-transform: translate(0, 10px) rotate(0deg);
            transform: translate(0, 10px) rotate(0deg); }
  50% {
    -webkit-transform: translate(0, -10px) rotate(3deg);
            transform: translate(0, -10px) rotate(3deg); }
  100% {
    -webkit-transform: translate(0, 10px) rotate(0deg);
            transform: translate(0, 10px) rotate(0deg); } }

@keyframes yellowFish {
  0% {
    -webkit-transform: translate(0, 10px) rotate(0deg);
            transform: translate(0, 10px) rotate(0deg); }
  50% {
    -webkit-transform: translate(0, -10px) rotate(3deg);
            transform: translate(0, -10px) rotate(3deg); }
  100% {
    -webkit-transform: translate(0, 10px) rotate(0deg);
            transform: translate(0, 10px) rotate(0deg); } }

@-webkit-keyframes purpleFish {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  25% {
    -webkit-transform: translate(6px, 10px) rotate(3deg);
            transform: translate(6px, 10px) rotate(3deg); }
  75% {
    -webkit-transform: translate(6px, -10px) rotate(3deg);
            transform: translate(6px, -10px) rotate(3deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@keyframes purpleFish {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  25% {
    -webkit-transform: translate(6px, 10px) rotate(3deg);
            transform: translate(6px, 10px) rotate(3deg); }
  75% {
    -webkit-transform: translate(6px, -10px) rotate(3deg);
            transform: translate(6px, -10px) rotate(3deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes pinkFish {
  0% {
    -webkit-transform: translate(50px, 0) scaleX(-1);
            transform: translate(50px, 0) scaleX(-1); }
  40% {
    -webkit-transform: translate(-375px, -30px) scaleX(-1);
            transform: translate(-375px, -30px) scaleX(-1); }
  60% {
    -webkit-transform: translate(-375px, 100px) scaleX(1);
            transform: translate(-375px, 100px) scaleX(1); }
  100% {
    -webkit-transform: translate(50px, 0) scaleX(1);
            transform: translate(50px, 0) scaleX(1); } }

@keyframes pinkFish {
  0% {
    -webkit-transform: translate(50px, 0) scaleX(-1);
            transform: translate(50px, 0) scaleX(-1); }
  40% {
    -webkit-transform: translate(-375px, -30px) scaleX(-1);
            transform: translate(-375px, -30px) scaleX(-1); }
  60% {
    -webkit-transform: translate(-375px, 100px) scaleX(1);
            transform: translate(-375px, 100px) scaleX(1); }
  100% {
    -webkit-transform: translate(50px, 0) scaleX(1);
            transform: translate(50px, 0) scaleX(1); } }

@-webkit-keyframes swim {
  0% {
    background-position: 0 0; }
  12.5% {
    background-position: calc(50% - 1px) 0; }
  25% {
    background-position: calc(100% - 2px) 0; }
  37.5% {
    background-position: 0 calc(100% - 1px); }
  50% {
    background-position: calc(50% - 1px) calc(100% - 1px); }
  62.5% {
    background-position: 0 calc(100% - 1px); }
  75% {
    background-position: calc(100% - 2px) calc(100% - 1px); }
  87.5% {
    background-position: calc(50% - 1px) 0; }
  100% {
    background-position: 0 0; } }

@keyframes swim {
  0% {
    background-position: 0 0; }
  12.5% {
    background-position: calc(50% - 1px) 0; }
  25% {
    background-position: calc(100% - 2px) 0; }
  37.5% {
    background-position: 0 calc(100% - 1px); }
  50% {
    background-position: calc(50% - 1px) calc(100% - 1px); }
  62.5% {
    background-position: 0 calc(100% - 1px); }
  75% {
    background-position: calc(100% - 2px) calc(100% - 1px); }
  87.5% {
    background-position: calc(50% - 1px) 0; }
  100% {
    background-position: 0 0; } }
  main .block-profile {
    /**
	 * Background
	 */
    /**
	 * Frame left
	 */
    /**
	 * Frame center and slide center
	 */
    /**
	 * Clips
	 */
    /**
	 * Signs
	 */
    /**
	 * Badge
	 */ }
    @media only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-profile {
        position: relative; }
        main .block-profile::before {
          content: "";
          display: block;
          padding-top: 42.5%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      main .block-profile {
        height: 435.2px; } }
    @media only screen and (max-width: 767px) {
      main .block-profile {
        position: relative; }
        main .block-profile::before {
          content: "";
          display: block;
          padding-top: 78.64583%; } }
    main .block-profile div, main .block-profile img, main .block-profile a, main .block-profile span {
      position: absolute;
      display: block; }
    main .block-profile .block-resize-content::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-profile .block-resize-content {
        background: url(../static/homepage/profile/bg-desktop.jpg) center center no-repeat;
        background-size: 100% auto;
        position: relative; }
        main .block-profile .block-resize-content::before {
          content: "";
          display: block;
          padding-top: 0.78571%; } }
    @media only screen and (max-width: 767px) {
      main .block-profile .block-resize-content {
        background: url(../static/homepage/profile/bg-mobile.jpg) center center no-repeat;
        background-size: 100% auto;
        position: relative; }
        main .block-profile .block-resize-content::before {
          content: "";
          display: block;
          padding-top: 1.23698%; } }
    main .block-profile .block-resize-overflow {
      overflow: visible; }
    main .block-profile .frame-left {
      position: relative;
      position: absolute;
      background: url(../static/homepage/profile/frame-left.png);
      background-size: 100% auto;
      z-index: 1;
      pointer-events: none; }
      main .block-profile .frame-left::before {
        content: "";
        display: block;
        padding-top: 92.29872%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-profile .frame-left {
          top: 7.56303%;
          left: 0.42857%;
          width: 30.60714%; } }
      @media only screen and (max-width: 767px) {
        main .block-profile .frame-left {
          top: 11.00993%;
          left: -41.40625%;
          width: 53.77604%; } }
    main .block-profile .slide-left {
      position: absolute;
      -webkit-transform: rotate(2.5deg);
              transform: rotate(2.5deg); }
      main .block-profile .slide-left img {
        width: 100%;
        height: auto; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-profile .slide-left {
          top: 15.29412%;
          left: 4.5%;
          width: 22.85714%; } }
      @media only screen and (max-width: 767px) {
        main .block-profile .slide-left {
          top: 18.37748%;
          left: -33.72396%;
          width: 39.71354%; } }
    main .block-profile .frame-center {
      position: relative;
      position: absolute;
      background: url(../static/homepage/profile/frame-center.png) center center no-repeat;
      background-size: 100% auto;
      z-index: 2;
      pointer-events: none; }
      main .block-profile .frame-center::before {
        content: "";
        display: block;
        padding-top: 92.22615%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-profile .frame-center {
          top: 4.20168%;
          left: 31.25%;
          width: 40.42857%; } }
      @media only screen and (max-width: 767px) {
        main .block-profile .frame-center {
          top: 5.13245%;
          left: 15.625%;
          width: 72.33073%; } }
    main .block-profile .slide-center {
      position: absolute;
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg); }
      main .block-profile .slide-center img {
        width: 100%;
        height: auto; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-profile .slide-center {
          top: 14.78992%;
          left: 34.89286%;
          width: 30.71429%; } }
      @media only screen and (max-width: 767px) {
        main .block-profile .slide-center {
          top: 14.90066%;
          left: 22.00521%;
          width: 55.66406%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-profile .clips {
        position: relative;
        position: absolute;
        top: 54.45378%;
        left: 2.14286%;
        width: 9.75%;
        background: url(../static/homepage/profile/clips.png) center center no-repeat;
        background-size: 100% auto;
        z-index: 2; }
        main .block-profile .clips::before {
          content: "";
          display: block;
          padding-top: 199.6337%; } }
    @media only screen and (max-width: 767px) {
      main .block-profile .clips {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-profile .signs {
        position: absolute;
        left: 17.35714%;
        top: 36.13445%;
        width: 28%;
        z-index: 4; }
        main .block-profile .signs ul, main .block-profile .signs li {
          margin: 0;
          padding: 0;
          list-style: none; }
        main .block-profile .signs li {
          position: relative;
          display: none;
          background-size: 100% auto;
          background-repeat: no-repeat;
          background-position: center center; }
          main .block-profile .signs li::before {
            content: "";
            display: block;
            padding-top: 85.67775%; } }
    @media only screen and (max-width: 767px) {
      main .block-profile .signs {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-profile .badge {
        top: 52.52101%;
        left: 87.5%;
        width: 12.14286%;
        background: url(../static/homepage/profile/badge.png) center center no-repeat;
        background-size: 100% auto;
        position: relative;
        position: absolute; }
        main .block-profile .badge::before {
          content: "";
          display: block;
          padding-top: 134.59302%; } }
  main .block-poll {
    margin-top: -1px;
    /**
	 * Background and team takeovers
	 */
    /**
	 * Poll wrapper
	 */
    /**
	 * Monarch
	 */
    /**
	 * Morpho
	 */
    /**
	 * Bee
	 */
    /**
	 * Ladybug
	 */
    /**
	 * Question
	 */
    /**
	 * Poll component
	 */ }
    @media only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-poll {
        position: relative; }
        main .block-poll::before {
          content: "";
          display: block;
          padding-top: 58.03571%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      main .block-poll {
        height: 594.28571px; } }
    @media only screen and (max-width: 767px) {
      main .block-poll {
        position: relative; }
        main .block-poll::before {
          content: "";
          display: block;
          padding-top: 116.86198%; } }
    main .block-poll .block-resize-content {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-poll .block-resize-content {
          background-image: url(../static/homepage/poll/bg-desktop.jpg); } }
      @media only screen and (max-width: 767px) {
        main .block-poll .block-resize-content {
          background-image: url(../static/homepage/poll/bg-mobile.jpg); } }
    main .block-poll .block-resize-overflow {
      overflow: visible; }
    main .block-poll .poll-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: absolute; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-poll .poll-wrapper {
          top: 4%;
          left: 30%;
          width: 40%;
          height: 83.07692%; } }
      @media only screen and (max-width: 767px) {
        main .block-poll .poll-wrapper {
          top: 6.35097%;
          left: 6.51042%;
          width: 86.97917%;
          height: 86.07242%; } }
    main .block-poll .monarch {
      z-index: 10; }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-poll .monarch {
          position: absolute;
          top: -16.19458%;
          left: 10%;
          -webkit-transform-origin: left top;
                  transform-origin: left top;
          width: 208px;
          height: 220px; }
          main .block-poll .monarch .inner {
            width: 100%;
            height: 100%;
            background-image: url(../static/homepage/poll/monarch-sprite.png);
            background-repeat: no-repeat;
            -webkit-animation: monarch 7s steps(1, end) infinite;
                    animation: monarch 7s steps(1, end) infinite; } }
      @media only screen and (max-width: 767px) {
        main .block-poll .monarch {
          position: relative;
          position: absolute;
          top: -12.53012%;
          left: -3.25521%;
          width: 24.02344%;
          background: url(../static/homepage/poll/monarch.png) center center no-repeat;
          background-size: 100% auto;
          -webkit-transform: none !important;
                  transform: none !important; }
          main .block-poll .monarch::before {
            content: "";
            display: block;
            padding-top: 104.60705%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-poll .morpho {
        position: absolute;
        top: -17.23077%;
        right: 12%;
        -webkit-transform-origin: right top;
                transform-origin: right top;
        width: 238px;
        height: 255px;
        -webkit-animation: Name 5000ms steps(1, end) infinite;
                animation: Name 5000ms steps(1, end) infinite; }
        main .block-poll .morpho .inner {
          width: 100%;
          height: 100%;
          background-image: url(../static/homepage/poll/morpho-sprite.png);
          background-repeat: no-repeat;
          -webkit-animation: morpho 5s steps(1, end) infinite;
                  animation: morpho 5s steps(1, end) infinite; } }
    @media only screen and (max-width: 767px) {
      main .block-poll .morpho {
        position: relative;
        position: absolute;
        top: -14.45783%;
        left: 74.34896%;
        width: 27.21354%;
        background: url(../static/homepage/poll/morpho.png) center center no-repeat;
        background-size: 100% auto;
        -webkit-transform: none !important;
                transform: none !important; }
        main .block-poll .morpho::before {
          content: "";
          display: block;
          padding-top: 98.32536%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-poll .bee {
        position: absolute;
        top: 36.30769%;
        right: 0.17857%;
        width: 201px;
        height: 228px;
        background: url(../static/homepage/poll/bee-sprite.png);
        -webkit-animation: bee 10000ms steps(1, end) infinite;
                animation: bee 10000ms steps(1, end) infinite;
        -webkit-transform-origin: right top;
                transform-origin: right top; } }
    @media only screen and (max-width: 767px) {
      main .block-poll .bee {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
      main .block-poll .ladybug {
        width: 109px;
        height: 68px;
        position: absolute;
        top: 50.21538%;
        left: 11.28571%; }
        main .block-poll .ladybug .inner {
          width: 100%;
          height: 100%;
          -webkit-animation: ladybug 6000ms steps(1, end) infinite;
                  animation: ladybug 6000ms steps(1, end) infinite;
          background-image: url(../static/homepage/poll/ladybug-sprite.png);
          background-position: 0 0; } }
    @media only screen and (max-width: 767px) {
      main .block-poll .ladybug {
        display: none; } }
    main .block-poll .question {
      color: #b51f6a;
      font-family: "Changa One", sans-serif;
      text-align: center; }
      @media only screen and (min-width: 1400px) {
        main .block-poll .question {
          font-size: 40px; } }
      @media only screen and (min-width: 1025px) and (max-width: 1399px) {
        main .block-poll .question {
          font-size: 2.85714vw; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        main .block-poll .question {
          font-size: 29.25714px; } }
      @media only screen and (max-width: 767px) {
        main .block-poll .question {
          font-size: 6.25vw; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
        main .block-poll .question {
          margin-bottom: 0.875em; } }
      @media only screen and (max-width: 767px) {
        main .block-poll .question {
          margin-bottom: 1.04167em; } }
    main .block-poll #poll {
      font-family: "Changa One", sans-serif;
      /**
		 * Question state
		 */
      /**
		 * Results state
		 */ }
      main .block-poll #poll, main .block-poll #poll li {
        padding: 0;
        margin: 0;
        list-style: none; }
      main .block-poll #poll li {
        position: relative;
        background-color: #98d6cf; }
        @media only screen and (min-width: 1400px) {
          main .block-poll #poll li {
            font-size: 26px; } }
        @media only screen and (min-width: 1025px) and (max-width: 1399px) {
          main .block-poll #poll li {
            font-size: 1.85714vw; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          main .block-poll #poll li {
            font-size: 19.01714px; } }
        @media only screen and (max-width: 767px) {
          main .block-poll #poll li {
            font-size: 4.03646vw; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
          main .block-poll #poll li {
            margin-bottom: 0.57692em;
            height: 2.69231em; } }
        @media only screen and (max-width: 767px) {
          main .block-poll #poll li {
            margin-bottom: 0.64516em;
            height: 2.58065em; } }
      main .block-poll #poll button {
        color: #FFF;
        border: none;
        -webkit-appearance: none;
        background-color: transparent;
        position: relative;
        z-index: 1;
        font: inherit;
        width: 100%;
        height: 100%;
        padding-bottom: 0.38462em;
        cursor: pointer;
        outline: none; }
        main .block-poll #poll button::before {
          content: "";
          display: block;
          height: 0.38462em;
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.15); }
      main .block-poll #poll .bar {
        display: block;
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #bb3276;
        -webkit-transition: width 1s;
        transition: width 1s; }
      main .block-poll #poll li.lead .bar {
        background-color: #0099cc; }
      main .block-poll #poll .votes-wrapper {
        display: none; }
      main .block-poll #poll[data-state='question'] li:hover {
        background-color: #b51f6a; }
      main .block-poll #poll[data-state='results'] .votes-wrapper {
        display: inline; }
      main .block-poll #poll[data-state='results'] button {
        cursor: none;
        pointer-events: none; }

@-webkit-keyframes monarch {
  0% {
    background-position: 0 0; }
  0.93% {
    background-position: -210px 0; }
  1.85% {
    background-position: -420px 0; }
  2.78% {
    background-position: -630px 0; }
  3.7% {
    background-position: 0 -222px; }
  4.63% {
    background-position: -210px -222px; }
  5.56% {
    background-position: -420px -222px; }
  6.48% {
    background-position: -630px -222px; }
  7.41% {
    background-position: 0 -444px; }
  8.33% {
    background-position: 0 0; }
  18.52% {
    background-position: -210px 0; }
  19.44% {
    background-position: -420px 0; }
  20.37% {
    background-position: -630px 0; }
  21.3% {
    background-position: 0 -222px; }
  22.22% {
    background-position: -210px -222px; }
  23.15% {
    background-position: -420px -222px; }
  24.07% {
    background-position: -630px -222px; }
  25% {
    background-position: 0 -444px; }
  25.93% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@keyframes monarch {
  0% {
    background-position: 0 0; }
  0.93% {
    background-position: -210px 0; }
  1.85% {
    background-position: -420px 0; }
  2.78% {
    background-position: -630px 0; }
  3.7% {
    background-position: 0 -222px; }
  4.63% {
    background-position: -210px -222px; }
  5.56% {
    background-position: -420px -222px; }
  6.48% {
    background-position: -630px -222px; }
  7.41% {
    background-position: 0 -444px; }
  8.33% {
    background-position: 0 0; }
  18.52% {
    background-position: -210px 0; }
  19.44% {
    background-position: -420px 0; }
  20.37% {
    background-position: -630px 0; }
  21.3% {
    background-position: 0 -222px; }
  22.22% {
    background-position: -210px -222px; }
  23.15% {
    background-position: -420px -222px; }
  24.07% {
    background-position: -630px -222px; }
  25% {
    background-position: 0 -444px; }
  25.93% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@-webkit-keyframes morpho {
  0% {
    background-position: 0 0; }
  1.02% {
    background-position: -240px 0; }
  2.04% {
    background-position: -480px 0; }
  3.06% {
    background-position: -720px 0; }
  4.08% {
    background-position: 0 -259px; }
  5.1% {
    background-position: -240px -259px; }
  6.12% {
    background-position: -480px -259px; }
  7.14% {
    background-position: -720px -259px; }
  8.16% {
    background-position: 0 -518px; }
  9.18% {
    background-position: 0 0; }
  10.2% {
    background-position: -240px 0; }
  11.22% {
    background-position: -480px 0; }
  12.24% {
    background-position: -720px 0; }
  13.27% {
    background-position: 0 -259px; }
  14.29% {
    background-position: -240px -259px; }
  15.31% {
    background-position: -480px -259px; }
  16.33% {
    background-position: -720px -259px; }
  17.35% {
    background-position: 0 -518px; }
  18.37% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@keyframes morpho {
  0% {
    background-position: 0 0; }
  1.02% {
    background-position: -240px 0; }
  2.04% {
    background-position: -480px 0; }
  3.06% {
    background-position: -720px 0; }
  4.08% {
    background-position: 0 -259px; }
  5.1% {
    background-position: -240px -259px; }
  6.12% {
    background-position: -480px -259px; }
  7.14% {
    background-position: -720px -259px; }
  8.16% {
    background-position: 0 -518px; }
  9.18% {
    background-position: 0 0; }
  10.2% {
    background-position: -240px 0; }
  11.22% {
    background-position: -480px 0; }
  12.24% {
    background-position: -720px 0; }
  13.27% {
    background-position: 0 -259px; }
  14.29% {
    background-position: -240px -259px; }
  15.31% {
    background-position: -480px -259px; }
  16.33% {
    background-position: -720px -259px; }
  17.35% {
    background-position: 0 -518px; }
  18.37% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@-webkit-keyframes bee {
  0% {
    background-position: 0 0; }
  0.68% {
    background-position: -203px 0; }
  1.35% {
    background-position: -406px 0; }
  2.03% {
    background-position: -609px 0; }
  2.7% {
    background-position: -812px 0; }
  3.38% {
    background-position: -1015px 0; }
  4.05% {
    background-position: 0 -230px; }
  4.73% {
    background-position: -203px -230px; }
  5.41% {
    background-position: -406px -230px; }
  6.08% {
    background-position: -609px -230px; }
  6.76% {
    background-position: -812px -230px; }
  7.43% {
    background-position: -1015px -230px; }
  8.11% {
    background-position: 0 -460px; }
  8.78% {
    background-position: -203px -460px; }
  9.46% {
    background-position: -406px -460px; }
  10.14% {
    background-position: -609px -460px; }
  10.81% {
    background-position: -812px -460px; }
  11.49% {
    background-position: -1015px -460px; }
  12.16% {
    background-position: 0 -690px; }
  12.84% {
    background-position: -203px -690px; }
  13.51% {
    background-position: -406px -690px; }
  14.19% {
    background-position: -609px -690px; }
  14.86% {
    background-position: -812px -690px; }
  15.54% {
    background-position: -1015px -690px; }
  16.22% {
    background-position: 0 -920px; }
  16.89% {
    background-position: -203px -920px; }
  17.57% {
    background-position: -406px -920px; }
  18.24% {
    background-position: -609px -920px; }
  18.92% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@keyframes bee {
  0% {
    background-position: 0 0; }
  0.68% {
    background-position: -203px 0; }
  1.35% {
    background-position: -406px 0; }
  2.03% {
    background-position: -609px 0; }
  2.7% {
    background-position: -812px 0; }
  3.38% {
    background-position: -1015px 0; }
  4.05% {
    background-position: 0 -230px; }
  4.73% {
    background-position: -203px -230px; }
  5.41% {
    background-position: -406px -230px; }
  6.08% {
    background-position: -609px -230px; }
  6.76% {
    background-position: -812px -230px; }
  7.43% {
    background-position: -1015px -230px; }
  8.11% {
    background-position: 0 -460px; }
  8.78% {
    background-position: -203px -460px; }
  9.46% {
    background-position: -406px -460px; }
  10.14% {
    background-position: -609px -460px; }
  10.81% {
    background-position: -812px -460px; }
  11.49% {
    background-position: -1015px -460px; }
  12.16% {
    background-position: 0 -690px; }
  12.84% {
    background-position: -203px -690px; }
  13.51% {
    background-position: -406px -690px; }
  14.19% {
    background-position: -609px -690px; }
  14.86% {
    background-position: -812px -690px; }
  15.54% {
    background-position: -1015px -690px; }
  16.22% {
    background-position: 0 -920px; }
  16.89% {
    background-position: -203px -920px; }
  17.57% {
    background-position: -406px -920px; }
  18.24% {
    background-position: -609px -920px; }
  18.92% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

@-webkit-keyframes ladybug {
  0% {
    background-position: 0 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  38.35% {
    background-position: -109px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  39.1% {
    background-position: -218px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  39.85% {
    background-position: -327px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  40.6% {
    background-position: -436px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  41.35% {
    background-position: -545px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  42.11% {
    background-position: -654px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  42.86% {
    background-position: -763px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  43.61% {
    background-position: -872px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  44.36% {
    background-position: 0 -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  45.86% {
    background-position: -109px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  46.62% {
    background-position: -218px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  47.37% {
    background-position: -327px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  48.12% {
    background-position: -436px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  48.87% {
    background-position: -545px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  49.62% {
    background-position: -654px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  50.38% {
    background-position: -763px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  51.13% {
    background-position: -872px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  77.34% {
    background-position: -109px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  78.13% {
    background-position: -218px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  78.91% {
    background-position: -327px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  79.69% {
    background-position: -436px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  80.47% {
    background-position: -545px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  81.25% {
    background-position: -654px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  82.03% {
    background-position: -763px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  82.81% {
    background-position: -872px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  83.59% {
    background-position: 0 -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  85.16% {
    background-position: -109px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  85.94% {
    background-position: -218px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  86.72% {
    background-position: -327px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  87.5% {
    background-position: -436px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  88.28% {
    background-position: -545px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  89.06% {
    background-position: -654px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  89.84% {
    background-position: -763px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  90.63% {
    background-position: -872px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  100% {
    background-position: 0 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes ladybug {
  0% {
    background-position: 0 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  38.35% {
    background-position: -109px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  39.1% {
    background-position: -218px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  39.85% {
    background-position: -327px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  40.6% {
    background-position: -436px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  41.35% {
    background-position: -545px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  42.11% {
    background-position: -654px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  42.86% {
    background-position: -763px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  43.61% {
    background-position: -872px 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  44.36% {
    background-position: 0 -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  45.86% {
    background-position: -109px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  46.62% {
    background-position: -218px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  47.37% {
    background-position: -327px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  48.12% {
    background-position: -436px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  48.87% {
    background-position: -545px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  49.62% {
    background-position: -654px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  50.38% {
    background-position: -763px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  51.13% {
    background-position: -872px -68px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  77.34% {
    background-position: -109px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  78.13% {
    background-position: -218px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  78.91% {
    background-position: -327px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  79.69% {
    background-position: -436px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  80.47% {
    background-position: -545px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  81.25% {
    background-position: -654px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  82.03% {
    background-position: -763px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  82.81% {
    background-position: -872px 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  83.59% {
    background-position: 0 -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  85.16% {
    background-position: -109px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  85.94% {
    background-position: -218px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  86.72% {
    background-position: -327px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  87.5% {
    background-position: -436px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  88.28% {
    background-position: -545px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  89.06% {
    background-position: -654px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  89.84% {
    background-position: -763px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  90.63% {
    background-position: -872px -68px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  100% {
    background-position: 0 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

#c-header .home-tab {
  display: none !important; }

/**
 * Takeover
 */
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  .theme-fierceFlamingosOrange main .block-billboard .block-resize-content {
    background-image: url(../static/homepage/takeovers/orange/billboard/bg-desktop.jpg) !important; }
  .theme-fierceFlamingosOrange main .block-billboard .prev::after {
    background-image: url(../static/homepage/takeovers/orange/billboard/prev-arrow.png) !important; }
  .theme-fierceFlamingosOrange main .block-billboard .next::after {
    background-image: url(../static/homepage/takeovers/orange/billboard/next-arrow.png) !important; }
  .theme-fierceFlamingosOrange main .block-video .block-resize-content::before {
    background-image: url(../static/homepage/takeovers/orange/billboard/divider-lg.png); }
  .theme-fierceFlamingosOrange main .block-video .spaceship {
    background-image: url(../static/homepage/takeovers/orange/video/spaceship.png) !important; }
  .theme-fierceFlamingosOrange main .block-game .fish-purple {
    background-image: url(../static/homepage/takeovers/orange/game/fish-purple.png) !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  .theme-heroicHummingbirdsPurple main .block-billboard .block-resize-content {
    background-image: url(../static/homepage/takeovers/purple/billboard/bg-desktop.jpg) !important; }
  .theme-heroicHummingbirdsPurple main .block-billboard .prev::after {
    background-image: url(../static/homepage/takeovers/purple/billboard/prev-arrow.png) !important; }
  .theme-heroicHummingbirdsPurple main .block-billboard .next::after {
    background-image: url(../static/homepage/takeovers/purple/billboard/next-arrow.png) !important; }
  .theme-heroicHummingbirdsPurple main .block-video .block-resize-content::before {
    background-image: url(../static/homepage/takeovers/purple/billboard/divider-lg.png); }
  .theme-heroicHummingbirdsPurple main .block-video .spaceship {
    background-image: url(../static/homepage/takeovers/purple/video/spaceship.png) !important; }
  .theme-heroicHummingbirdsPurple main .block-game .fish-purple {
    background-image: url(../static/homepage/takeovers/purple/game/fish-purple.png) !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  .theme-cleverCanariesYellow main .block-billboard .block-resize-content {
    background-image: url(../static/homepage/takeovers/yellow/billboard/bg-desktop.jpg) !important; }
  .theme-cleverCanariesYellow main .block-billboard .prev::after {
    background-image: url(../static/homepage/takeovers/yellow/billboard/prev-arrow.png) !important; }
  .theme-cleverCanariesYellow main .block-billboard .next::after {
    background-image: url(../static/homepage/takeovers/yellow/billboard/next-arrow.png) !important; }
  .theme-cleverCanariesYellow main .block-video .block-resize-content::before {
    background-image: url(../static/homepage/takeovers/yellow/billboard/divider-lg.png); }
  .theme-cleverCanariesYellow main .block-video .spaceship {
    background-image: url(../static/homepage/takeovers/yellow/video/spaceship.png) !important; }
  .theme-cleverCanariesYellow main .block-game .fish-purple {
    background-image: url(../static/homepage/takeovers/yellow/game/fish-purple.png) !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  .theme-playfulPeacocksGreen main .block-billboard .block-resize-content {
    background-image: url(../static/homepage/takeovers/green/billboard/bg-desktop.jpg) !important; }
  .theme-playfulPeacocksGreen main .block-billboard .prev::after {
    background-image: url(../static/homepage/takeovers/green/billboard/prev-arrow.png) !important; }
  .theme-playfulPeacocksGreen main .block-billboard .next::after {
    background-image: url(../static/homepage/takeovers/green/billboard/next-arrow.png) !important; }
  .theme-playfulPeacocksGreen main .block-video .block-resize-content::before {
    background-image: url(../static/homepage/takeovers/green/billboard/divider-lg.png); }
  .theme-playfulPeacocksGreen main .block-video .spaceship {
    background-image: url(../static/homepage/takeovers/green/video/spaceship.png) !important; }
  .theme-playfulPeacocksGreen main .block-game .fish-purple {
    background-image: url(../static/homepage/takeovers/green/game/fish-purple.png) !important; } }