.main-cover {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  background-color: #d61e36;
  background-image: linear-gradient(to bottom right, #8E0D33, #d61e36);
  }

.announce__video {
  position: relative;
  max-width: 1264px;
  width: calc(100% - 44px);
  margin-left: auto;
  margin-right: auto; }

#snow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  @media (max-width: 1000px) {
    #snow {
      display: none; } }

.task {
  background: #282828;
  color: #fff; }

.task__date {
  background: #303030;
  color: #fff; }

.game_container {
  position: relative;
  top: 10em;
  width: 1652px;
  max-width: calc(100% - 44px);
  margin: 2em auto 14em; }
.game_cloud {
  position: absolute;
  z-index: 4;
  width: 24%;
  transition: transform 20s linear; }
  .game_cloud_1 {
    bottom: 70%;
    left: 90%;
    transform: translateX(-1000px); }
  .game_cloud_2 {
    bottom: 40%;
    left: -10%;
    transform: translateX(1000px); }
  .game_cloud_3 {
    bottom: 10%;
    left: 80%;
    transform: translateX(-1000px); }
.game_pin {
  position: absolute;
  width: 2.2%;
  opacity: 0; }
  .game_pin_1 {
    bottom: 91.4%;
    left: 75.7%; }
  .game_pin_2 {
    bottom: 80.8%;
    left: 19%; }
  .game_pin_3 {
    bottom: 64.5%;
    left: 69.7%; }
  .game_pin_4 {
    bottom: 56.9%;
    left: 25.3%; }
  .game_pin_5 {
    bottom: 40.9%;
    left: 76.2%; }
  .game_pin_6 {
    bottom: 26.4%;
    left: 33.5%; }
  .game_pin_7 {
    bottom: 89.6%;
    left: 31.3%; }
  .game_pin_8 {
    bottom: 94.8%;
    left: 51.3%; }
.game_pin.animated {
  opacity: 1;
  animation: 1.7s ease infinite pin; }
.game_person {
  position: absolute;
  bottom: 84.9%;
  left: 41.8%;
  width: 6.27%; }

.scheme__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow-x: hidden;
  padding-top: 3em; }
.scheme-bg {
  width: calc((100vw - 1363px) / 2);
  background-size: contain; }
.scheme-main {
  position: relative;
  width: 1363px;
  max-width: 100%; }
  .scheme-main img {
    float: left;
    width: 100%;
    height: auto; }
.scheme_pin {
  position: absolute;
  width: 5.4%;
  height: 18.97%;
  background: url(scheme/pin-bg.png) no-repeat;
  background-size: cover; }
  .scheme_pin p {
    position: absolute;
    bottom: 20%;
    left: calc(-150% - 40px);
    z-index: 2;
    display: none;
    width: 400%;
    min-height: 35%;
    padding: 25px 40px;
    margin: 0;
    font-size: 16.8px;
    color: #fff;
    text-align: center;
    background: #151041;
    transform: translateY(-5%);
    opacity: 0; }
    @media (max-width: 800px) {
      .scheme_pin p {
        display: none !important; } }
  .scheme_pin:hover {
    animation: initial !important; }
    .scheme_pin:hover p {
      display: block;
      animation: .5s forwards ease-out pinAdvise; }
  .scheme_pin_1 {
    top: 39%;
    left: 6.3%; }
  .scheme_pin_2 {
    top: 46%;
    left: 35.7%;
    animation-delay: .5s; }
  .scheme_pin_3 {
    top: 13%;
    left: 56.4%;
    animation-delay: 1s; }
    .scheme_pin_3_time {
      position: absolute;
      top: 17%;
      left: 35.6%;
      width: 28.8% !important; }
  .scheme_pin_4 {
    top: 54%;
    left: 73.5%;
    animation-delay: 1.5s; }
  .scheme_pin_5 {
    top: 9%;
    left: 85.4%;
    animation-delay: 2s; }
.scheme-main.active .scheme_pin {
  animation-duration: 1.7s;
  animation-timing-function: ease;
  animation-iteration-count: forwards;
  animation-name: pin; }
  .scheme-main.active .scheme_pin_3_time {
    animation: 2s infinite linear clock; }

@keyframes pin {
  0% {
    transform: translate(0); }
  20% {
    transform: translateY(-77%); }
  40% {
    transform: translate(0); }
  55% {
    transform: translateY(-55%); }
  70%, 100% {
    transform: translate(0); } }
@keyframes clock {
  0% {
    transform: rotateZ(0deg); }
  20% {
    transform: rotateZ(180deg); }
  40% {
    transform: rotateZ(360deg); }
  100% {
    transform: rotateZ(360deg); } }
@keyframes pinAdvise {
  0% {
    transform: translateY(-5%);
    opacity: 0; }
  100% {
    transform: initial;
    opacity: 1; } }