@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap");
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.banner {
  position: relative;
  min-width: 280px;
  width: 100%;
  height: 90px;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: rgb(21, 0, 75) url(../images/back.jpg) no-repeat center;
  background-size: cover;
  border: 1px solid #4769c2;
  overflow: hidden;
}

.logo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35%;
  height: 100%;
  z-index: 10;
}

.logo {
  position: relative;
  width: 152px;
  height: 33px;
  background: url(../images/logo.png) no-repeat center;
  background-size: contain;
}

.btn-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0;
  bottom: 0;
  width: 31.7%;
  height: 100%;
  z-index: 10;
}

.btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 150px;
  height: 61px;
  font-size: 21px;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(2, 179, 108)), to(rgb(0, 249, 169)));
  background: linear-gradient(0deg, rgb(2, 179, 108) 0%, rgb(0, 249, 169) 100%);
  border-radius: 300px;
  -webkit-box-shadow: 0 0 30px rgba(80, 143, 7, 0.3);
          box-shadow: 0 0 30px rgba(80, 143, 7, 0.3);
  overflow: hidden;
}
.btn::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 150%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  background: url(../images/flare.png) no-repeat center;
  background-size: contain;
  z-index: 10;
  -webkit-animation: move-flare 7.6s infinite;
          animation: move-flare 7.6s infinite;
}

.container {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
  height: 100%;
}

.txt-aqua {
  color: #5bfdf1;
  font-weight: 900;
}

.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shadow {
  position: absolute;
  top: 0;
  left: 408px;
  width: 4000px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(21, 0, 75, 0)), color-stop(5%, rgba(21, 0, 75, 0)), color-stop(12%, rgb(21, 0, 75)), color-stop(90%, rgb(21, 0, 75)), to(rgba(21, 0, 75, 0)));
  background: linear-gradient(to right, rgba(21, 0, 75, 0) 0%, rgba(21, 0, 75, 0) 5%, rgb(21, 0, 75) 12%, rgb(21, 0, 75) 90%, rgba(21, 0, 75, 0) 100%);
}

.rectangle {
  position: absolute;
  top: 3px;
  left: 408px;
  width: 570px;
  height: 83px;
  background-color: #2d0b7f;
  border: 1px solid #5bfdf1;
  border-radius: 19px;
  -webkit-transform: translate(114px, 0);
      -ms-transform: translate(114px, 0);
          transform: translate(114px, 0);
  -webkit-animation: move-rectangle 7.6s infinite;
          animation: move-rectangle 7.6s infinite;
}

.grid {
  position: absolute;
  top: 8px;
  left: 433px;
  width: 109px;
  height: 70px;
  background: url(../images/grid.png) no-repeat center;
  background-size: contain;
  -webkit-transform: translate(108px, 0);
      -ms-transform: translate(108px, 0);
          transform: translate(108px, 0);
  -webkit-animation: move-grid 7.6s infinite;
          animation: move-grid 7.6s infinite;
}

.dice-big {
  position: absolute;
  top: 32px;
  left: 428px;
  width: 46px;
  height: 46px;
  background: url(../images/dice-big.png) no-repeat center;
  background-size: contain;
  z-index: 2;
  -webkit-transform: translate(199px, 13px) rotate(105deg);
      -ms-transform: translate(199px, 13px) rotate(105deg);
          transform: translate(199px, 13px) rotate(105deg);
  -webkit-animation: move-rotate-dice-big 7.6s infinite;
          animation: move-rotate-dice-big 7.6s infinite;
}

.dice-small {
  position: absolute;
  top: 9px;
  left: 477px;
  width: 35px;
  height: 35px;
  background: url(../images/dice-small.png) no-repeat center;
  background-size: contain;
  z-index: 2;
  -webkit-transform: translate(192px, 13px) rotate(240deg);
      -ms-transform: translate(192px, 13px) rotate(240deg);
          transform: translate(192px, 13px) rotate(240deg);
  -webkit-animation: move-rotate-dice-small 7.6s infinite;
          animation: move-rotate-dice-small 7.6s infinite;
}

.title {
  position: absolute;
  top: 11px;
  left: 170px;
  width: 174px;
  height: 66px;
  background: url(../images/title.png) no-repeat center;
  background-size: contain;
  -webkit-animation: move-title 7.6s infinite;
          animation: move-title 7.6s infinite;
}

.txt-s1 {
  position: absolute;
  top: 21px;
  left: 207px;
  width: 100%;
  font-size: 21px;
  line-height: 25px;
  text-align: center;
  -webkit-animation: appear-txt-s1 7.6s infinite;
          animation: appear-txt-s1 7.6s infinite;
}

.txt-aqua-s1 {
  font-size: 1.2em;
}

.puzzle {
  position: absolute;
  top: -24px;
  left: 548px;
  width: 263.94px;
  height: 221.54px;
  background: url(../images/puzzle.png) no-repeat center;
  background-size: contain;
  -webkit-animation: appear-puzzle 7.6s infinite;
          animation: appear-puzzle 7.6s infinite;
}

.txt-s2 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: -131px;
  width: 100%;
  height: 100%;
  font-size: 21px;
  line-height: 31px;
  text-align: center;
  -webkit-animation: appear-txt-s2 7.6s infinite;
          animation: appear-txt-s2 7.6s infinite;
}

.txt-aqua-s2 {
  font-size: 1.2em;
}

.br-s2-1 {
  display: none;
}

.br-s2-2 {
  display: none;
}

.br-s2-4 {
  display: none;
}

.phone {
  position: absolute;
  top: -85px;
  left: 517px;
  width: 282px;
  height: 326px;
  background: url(../images/phone.png) no-repeat center;
  background-size: contain;
  -webkit-animation: move-phone 7.6s infinite;
          animation: move-phone 7.6s infinite;
}

.txt-s3 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: -131px;
  width: 100%;
  height: 100%;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  -webkit-animation: appear-txt-s3 7.6s infinite;
          animation: appear-txt-s3 7.6s infinite;
}

.txt-aqua-s3 {
  font-size: 1.2em;
}

.br-s3-2 {
  display: none;
}

@-webkit-keyframes move-flare {
  0%, 0.0001%, 77.5% {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
  85.3%, 100% {
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
}

@keyframes move-flare {
  0%, 0.0001%, 77.5% {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
  85.3%, 100% {
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
}
@-webkit-keyframes move-rectangle {
  0% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(114px, 0);
            transform: translate(114px, 0);
  }
  63% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(114px, 0);
            transform: translate(114px, 0);
  }
  100% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
}
@keyframes move-rectangle {
  0% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(114px, 0);
            transform: translate(114px, 0);
  }
  63% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(114px, 0);
            transform: translate(114px, 0);
  }
  100% {
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
}
@-webkit-keyframes move-grid {
  0% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
}
@keyframes move-grid {
  0% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(240px, 0);
            transform: translate(240px, 0);
  }
}
@-webkit-keyframes move-rotate-dice-big {
  0% {
    opacity: 1;
    -webkit-transform: translate(229px, 13px) rotate(105deg);
            transform: translate(229px, 13px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(199px, 0) rotate(105deg);
            transform: translate(199px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(329px, 13px) rotate(105deg);
            transform: translate(329px, 13px) rotate(105deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(199px, 13px) rotate(105deg);
            transform: translate(199px, 13px) rotate(105deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(329px, 13px) rotate(105deg);
            transform: translate(329px, 13px) rotate(105deg);
  }
}
@keyframes move-rotate-dice-big {
  0% {
    opacity: 1;
    -webkit-transform: translate(229px, 13px) rotate(105deg);
            transform: translate(229px, 13px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(199px, 0) rotate(105deg);
            transform: translate(199px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(329px, 13px) rotate(105deg);
            transform: translate(329px, 13px) rotate(105deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(199px, 13px) rotate(105deg);
            transform: translate(199px, 13px) rotate(105deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(329px, 13px) rotate(105deg);
            transform: translate(329px, 13px) rotate(105deg);
  }
}
@-webkit-keyframes move-rotate-dice-small {
  0% {
    opacity: 1;
    -webkit-transform: translate(222px, 13px) rotate(240deg);
            transform: translate(222px, 13px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(192px, 0) rotate(240deg);
            transform: translate(192px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(322px, 13px) rotate(240deg);
            transform: translate(322px, 13px) rotate(240deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(192px, 13px) rotate(240deg);
            transform: translate(192px, 13px) rotate(240deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(322px, 13px) rotate(240deg);
            transform: translate(322px, 13px) rotate(240deg);
  }
}
@keyframes move-rotate-dice-small {
  0% {
    opacity: 1;
    -webkit-transform: translate(222px, 13px) rotate(240deg);
            transform: translate(222px, 13px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(192px, 0) rotate(240deg);
            transform: translate(192px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(322px, 13px) rotate(240deg);
            transform: translate(322px, 13px) rotate(240deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(192px, 13px) rotate(240deg);
            transform: translate(192px, 13px) rotate(240deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(322px, 13px) rotate(240deg);
            transform: translate(322px, 13px) rotate(240deg);
  }
}
@-webkit-keyframes move-title {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }
}
@keyframes move-title {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }
}
@-webkit-keyframes appear-txt-s1 {
  0%, 1.3%, 30.2%, 100% {
    opacity: 0;
  }
  2.6%, 28.9% {
    opacity: 1;
  }
}
@keyframes appear-txt-s1 {
  0%, 1.3%, 30.2%, 100% {
    opacity: 0;
  }
  2.6%, 28.9% {
    opacity: 1;
  }
}
@-webkit-keyframes appear-puzzle {
  0%, 34.1%, 61.7%, 100% {
    opacity: 0;
  }
  35.4%, 60.4% {
    opacity: 1;
  }
}
@keyframes appear-puzzle {
  0%, 34.1%, 61.7%, 100% {
    opacity: 0;
  }
  35.4%, 60.4% {
    opacity: 1;
  }
}
@-webkit-keyframes appear-txt-s2 {
  0%, 34.1%, 63%, 100% {
    opacity: 0;
  }
  35.4%, 61.7% {
    opacity: 1;
  }
}
@keyframes appear-txt-s2 {
  0%, 34.1%, 63%, 100% {
    opacity: 0;
  }
  35.4%, 61.7% {
    opacity: 1;
  }
}
@-webkit-keyframes move-phone {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(130px, 0);
            transform: translate(130px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(130px, 0);
            transform: translate(130px, 0);
  }
}
@keyframes move-phone {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(130px, 0);
            transform: translate(130px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(130px, 0);
            transform: translate(130px, 0);
  }
}
@-webkit-keyframes appear-txt-s3 {
  0%, 63%, 100% {
    opacity: 0;
  }
  64.3%, 98.5% {
    opacity: 1;
  }
}
@keyframes appear-txt-s3 {
  0%, 63%, 100% {
    opacity: 0;
  }
  64.3%, 98.5% {
    opacity: 1;
  }
}
@-webkit-keyframes move-rectangle-1280 {
  0% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  63% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  100% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
}
@keyframes move-rectangle-1280 {
  0% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  63% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(108px, 0);
            transform: translate(108px, 0);
  }
  100% {
    -webkit-transform: translate(190px, 0);
            transform: translate(190px, 0);
  }
}
@-webkit-keyframes move-grid-1280 {
  0% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(103px, 0);
            transform: translate(103px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(103px, 0);
            transform: translate(103px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
}
@keyframes move-grid-1280 {
  0% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(103px, 0);
            transform: translate(103px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(103px, 0);
            transform: translate(103px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(185px, 0);
            transform: translate(185px, 0);
  }
}
@-webkit-keyframes move-rotate-dice-big-1280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(272px, 12px) rotate(105deg);
            transform: translate(272px, 12px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(272px, 0) rotate(105deg);
            transform: translate(272px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(272px, 12px) rotate(105deg);
            transform: translate(272px, 12px) rotate(105deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(190px, 12px) rotate(105deg);
            transform: translate(190px, 12px) rotate(105deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(272px, 12px) rotate(105deg);
            transform: translate(272px, 12px) rotate(105deg);
  }
}
@keyframes move-rotate-dice-big-1280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(272px, 12px) rotate(105deg);
            transform: translate(272px, 12px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(272px, 0) rotate(105deg);
            transform: translate(272px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(272px, 12px) rotate(105deg);
            transform: translate(272px, 12px) rotate(105deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(190px, 12px) rotate(105deg);
            transform: translate(190px, 12px) rotate(105deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(272px, 12px) rotate(105deg);
            transform: translate(272px, 12px) rotate(105deg);
  }
}
@-webkit-keyframes move-rotate-dice-small-1280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(267px, 12px) rotate(240deg);
            transform: translate(267px, 12px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(267px, 0) rotate(240deg);
            transform: translate(267px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(267px, 12px) rotate(240deg);
            transform: translate(267px, 12px) rotate(240deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(185px, 12px) rotate(240deg);
            transform: translate(185px, 12px) rotate(240deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(267px, 12px) rotate(240deg);
            transform: translate(267px, 12px) rotate(240deg);
  }
}
@keyframes move-rotate-dice-small-1280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(267px, 12px) rotate(240deg);
            transform: translate(267px, 12px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(267px, 0) rotate(240deg);
            transform: translate(267px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(267px, 12px) rotate(240deg);
            transform: translate(267px, 12px) rotate(240deg);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(185px, 12px) rotate(240deg);
            transform: translate(185px, 12px) rotate(240deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(267px, 12px) rotate(240deg);
            transform: translate(267px, 12px) rotate(240deg);
  }
}
@-webkit-keyframes move-phone-1280 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
}
@keyframes move-phone-1280 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
}
@-webkit-keyframes move-rectangle-768 {
  0% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
  63% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
  100% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
}
@keyframes move-rectangle-768 {
  0% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
  63% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(82px, 0);
            transform: translate(82px, 0);
  }
  100% {
    -webkit-transform: translate(132px, 0);
            transform: translate(132px, 0);
  }
}
@-webkit-keyframes move-grid-768 {
  0% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(81px, 0);
            transform: translate(81px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(81px, 0);
            transform: translate(81px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
}
@keyframes move-grid-768 {
  0% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(81px, 0);
            transform: translate(81px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(81px, 0);
            transform: translate(81px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(131px, 0);
            transform: translate(131px, 0);
  }
}
@-webkit-keyframes move-rotate-dice-big-768 {
  0% {
    opacity: 1;
    -webkit-transform: translate(203px, 8px) rotate(105deg);
            transform: translate(203px, 8px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(203px, 0) rotate(105deg);
            transform: translate(203px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(203px, 8px) rotate(105deg) scale(0.8);
            transform: translate(203px, 8px) rotate(105deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(153px, 8px) rotate(105deg) scale(0.8);
            transform: translate(153px, 8px) rotate(105deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(203px, 8px) rotate(105deg) scale(0.8);
            transform: translate(203px, 8px) rotate(105deg) scale(0.8);
  }
}
@keyframes move-rotate-dice-big-768 {
  0% {
    opacity: 1;
    -webkit-transform: translate(203px, 8px) rotate(105deg);
            transform: translate(203px, 8px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(203px, 0) rotate(105deg);
            transform: translate(203px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(203px, 8px) rotate(105deg) scale(0.8);
            transform: translate(203px, 8px) rotate(105deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(153px, 8px) rotate(105deg) scale(0.8);
            transform: translate(153px, 8px) rotate(105deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(203px, 8px) rotate(105deg) scale(0.8);
            transform: translate(203px, 8px) rotate(105deg) scale(0.8);
  }
}
@-webkit-keyframes move-rotate-dice-small-768 {
  0% {
    opacity: 1;
    -webkit-transform: translate(193px, 13px) rotate(240deg);
            transform: translate(193px, 13px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(193px, 0) rotate(240deg);
            transform: translate(193px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(193px, 13px) rotate(240deg) scale(0.8);
            transform: translate(193px, 13px) rotate(240deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(143px, 13px) rotate(240deg) scale(0.8);
            transform: translate(143px, 13px) rotate(240deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(193px, 13px) rotate(240deg) scale(0.8);
            transform: translate(193px, 13px) rotate(240deg) scale(0.8);
  }
}
@keyframes move-rotate-dice-small-768 {
  0% {
    opacity: 1;
    -webkit-transform: translate(193px, 13px) rotate(240deg);
            transform: translate(193px, 13px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(193px, 0) rotate(240deg);
            transform: translate(193px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(193px, 13px) rotate(240deg) scale(0.8);
            transform: translate(193px, 13px) rotate(240deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(143px, 13px) rotate(240deg) scale(0.8);
            transform: translate(143px, 13px) rotate(240deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(193px, 13px) rotate(240deg) scale(0.8);
            transform: translate(193px, 13px) rotate(240deg) scale(0.8);
  }
}
@-webkit-keyframes move-phone-768 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@keyframes move-phone-768 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@-webkit-keyframes move-rectangle-468 {
  0% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(51px, 0);
            transform: translate(51px, 0);
  }
  63% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(51px, 0);
            transform: translate(51px, 0);
  }
  100% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
}
@keyframes move-rectangle-468 {
  0% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(51px, 0);
            transform: translate(51px, 0);
  }
  63% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(51px, 0);
            transform: translate(51px, 0);
  }
  100% {
    -webkit-transform: translate(96px, 0);
            transform: translate(96px, 0);
  }
}
@-webkit-keyframes move-grid-468 {
  0% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(52px, 0);
            transform: translate(52px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(52px, 0);
            transform: translate(52px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
}
@keyframes move-grid-468 {
  0% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(52px, 0);
            transform: translate(52px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(52px, 0);
            transform: translate(52px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(97px, 0);
            transform: translate(97px, 0);
  }
}
@-webkit-keyframes move-rotate-dice-big-468 {
  0% {
    opacity: 1;
    -webkit-transform: translate(143px, 7px) rotate(105deg);
            transform: translate(143px, 7px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(143px, 0) rotate(105deg);
            transform: translate(143px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(143px, 7px) rotate(105deg) scale(0.8);
            transform: translate(143px, 7px) rotate(105deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(98px, 7px) rotate(105deg) scale(0.8);
            transform: translate(98px, 7px) rotate(105deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(143px, 7px) rotate(105deg) scale(0.8);
            transform: translate(143px, 7px) rotate(105deg) scale(0.8);
  }
}
@keyframes move-rotate-dice-big-468 {
  0% {
    opacity: 1;
    -webkit-transform: translate(143px, 7px) rotate(105deg);
            transform: translate(143px, 7px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(143px, 0) rotate(105deg);
            transform: translate(143px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(143px, 7px) rotate(105deg) scale(0.8);
            transform: translate(143px, 7px) rotate(105deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(98px, 7px) rotate(105deg) scale(0.8);
            transform: translate(98px, 7px) rotate(105deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(143px, 7px) rotate(105deg) scale(0.8);
            transform: translate(143px, 7px) rotate(105deg) scale(0.8);
  }
}
@-webkit-keyframes move-rotate-dice-small-468 {
  0% {
    opacity: 1;
    -webkit-transform: translate(136px, 9px) rotate(240deg);
            transform: translate(136px, 9px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(136px, 0) rotate(240deg);
            transform: translate(136px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(136px, 9px) rotate(240deg) scale(0.8);
            transform: translate(136px, 9px) rotate(240deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(91px, 9px) rotate(240deg) scale(0.8);
            transform: translate(91px, 9px) rotate(240deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(136px, 9px) rotate(240deg) scale(0.8);
            transform: translate(136px, 9px) rotate(240deg) scale(0.8);
  }
}
@keyframes move-rotate-dice-small-468 {
  0% {
    opacity: 1;
    -webkit-transform: translate(136px, 9px) rotate(240deg);
            transform: translate(136px, 9px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(136px, 0) rotate(240deg);
            transform: translate(136px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(136px, 9px) rotate(240deg) scale(0.8);
            transform: translate(136px, 9px) rotate(240deg) scale(0.8);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(91px, 9px) rotate(240deg) scale(0.8);
            transform: translate(91px, 9px) rotate(240deg) scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(136px, 9px) rotate(240deg) scale(0.8);
            transform: translate(136px, 9px) rotate(240deg) scale(0.8);
  }
}
@-webkit-keyframes move-title-468 {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(23px, 0);
            transform: translate(23px, 0);
  }
}
@keyframes move-title-468 {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(23px, 0);
            transform: translate(23px, 0);
  }
}
@-webkit-keyframes move-phone-468 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(45px, 0);
            transform: translate(45px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(15px, 0);
            transform: translate(15px, 0);
  }
}
@keyframes move-phone-468 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(45px, 0);
            transform: translate(45px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(15px, 0);
            transform: translate(15px, 0);
  }
}
@-webkit-keyframes move-rectangle-280 {
  0% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  63% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
}
@keyframes move-rectangle-280 {
  0% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  3.9%, 28.9% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  35.4%, 60.4% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  63% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  65.6%, 97.2% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
}
@-webkit-keyframes move-grid-280 {
  0% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(43px, 0);
            transform: translate(43px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(43px, 0);
            transform: translate(43px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
}
@keyframes move-grid-280 {
  0% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  32.8% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
  35.4%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(43px, 0);
            transform: translate(43px, 0);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(43px, 0);
            transform: translate(43px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(93px, 0);
            transform: translate(93px, 0);
  }
}
@-webkit-keyframes move-rotate-dice-big-280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(77px, 8px) rotate(105deg);
            transform: translate(77px, 8px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(77px, 0) rotate(105deg);
            transform: translate(77px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(27px, 58px) rotate(105deg) scale(0.9);
            transform: translate(27px, 58px) rotate(105deg) scale(0.9);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(27px, 8px) rotate(105deg) scale(0.9);
            transform: translate(27px, 8px) rotate(105deg) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(27px, 58px) rotate(105deg) scale(0.9);
            transform: translate(27px, 58px) rotate(105deg) scale(0.9);
  }
}
@keyframes move-rotate-dice-big-280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(77px, 8px) rotate(105deg);
            transform: translate(77px, 8px) rotate(105deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(77px, 0) rotate(105deg);
            transform: translate(77px, 0) rotate(105deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(27px, 58px) rotate(105deg) scale(0.9);
            transform: translate(27px, 58px) rotate(105deg) scale(0.9);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(27px, 8px) rotate(105deg) scale(0.9);
            transform: translate(27px, 8px) rotate(105deg) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(27px, 58px) rotate(105deg) scale(0.9);
            transform: translate(27px, 58px) rotate(105deg) scale(0.9);
  }
}
@-webkit-keyframes move-rotate-dice-small-280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(73px, 8px) rotate(240deg);
            transform: translate(73px, 8px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(73px, 0) rotate(240deg);
            transform: translate(73px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(23px, 58px) rotate(240deg) scale(0.9);
            transform: translate(23px, 58px) rotate(240deg) scale(0.9);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(23px, 8px) rotate(240deg) scale(0.9);
            transform: translate(23px, 8px) rotate(240deg) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(23px, 58px) rotate(240deg) scale(0.9);
            transform: translate(23px, 58px) rotate(240deg) scale(0.9);
  }
}
@keyframes move-rotate-dice-small-280 {
  0% {
    opacity: 1;
    -webkit-transform: translate(73px, 8px) rotate(240deg);
            transform: translate(73px, 8px) rotate(240deg);
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  31.5% {
    opacity: 1;
  }
  32.8%, 60.4% {
    opacity: 0;
    -webkit-transform: translate(73px, 0) rotate(240deg);
            transform: translate(73px, 0) rotate(240deg);
  }
  63% {
    opacity: 0;
    -webkit-transform: translate(23px, 58px) rotate(240deg) scale(0.9);
            transform: translate(23px, 58px) rotate(240deg) scale(0.9);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(23px, 8px) rotate(240deg) scale(0.9);
            transform: translate(23px, 8px) rotate(240deg) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(23px, 58px) rotate(240deg) scale(0.9);
            transform: translate(23px, 58px) rotate(240deg) scale(0.9);
  }
}
@-webkit-keyframes move-title-280 {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
}
@keyframes move-title-280 {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
}
@-webkit-keyframes move-txt-s1-280 {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
}
@keyframes move-txt-s1-280 {
  0%, 1.3% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  2.6% {
    opacity: 1;
  }
  3.9%, 28.9% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30.2% {
    opacity: 1;
  }
  31.5%, 100% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
}
@-webkit-keyframes move-txt-s2-280 {
  0%, 32.8% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
    opacity: 0;
  }
  35.4%, 61.7% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  65.6%, 100% {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
    opacity: 0;
  }
}
@keyframes move-txt-s2-280 {
  0%, 32.8% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
    opacity: 0;
  }
  35.4%, 61.7% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  65.6%, 100% {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
    opacity: 0;
  }
}
@-webkit-keyframes move-phone-280 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
}
@keyframes move-phone-280 {
  0%, 63% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  65.6%, 97.2% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  98.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
}
@-webkit-keyframes move-txt-s3-280 {
  0%, 63% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
    opacity: 0;
  }
  65.6%, 97.2% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
    opacity: 0;
  }
}
@keyframes move-txt-s3-280 {
  0%, 63% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
    opacity: 0;
  }
  65.6%, 97.2% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
    opacity: 0;
  }
}
@media (max-width: 1800px) {
  .logo-wrapper {
    width: 28%;
  }
  .logo {
    width: 143px;
  }
  .btn-wrapper {
    width: 23.5%;
  }
  .btn {
    width: 141px;
    font-size: 20px;
  }
  .container {
    max-width: 750px;
  }
  .shadow {
    left: 335px;
    width: 3000px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(21, 0, 75, 0)), color-stop(10%, rgba(21, 0, 75, 0)), color-stop(15%, rgb(21, 0, 75)), color-stop(90%, rgb(21, 0, 75)), to(rgba(21, 0, 75, 0)));
    background: linear-gradient(to right, rgba(21, 0, 75, 0) 0%, rgba(21, 0, 75, 0) 10%, rgb(21, 0, 75) 15%, rgb(21, 0, 75) 90%, rgba(21, 0, 75, 0) 100%);
  }
  .rectangle {
    left: 335px;
    width: 600px;
    -webkit-transform: translateX(108px);
        -ms-transform: translateX(108px);
            transform: translateX(108px);
    -webkit-animation: move-rectangle-1280 7.6s infinite;
            animation: move-rectangle-1280 7.6s infinite;
  }
  .grid {
    left: 356px;
    -webkit-transform: translate(103px, 0);
        -ms-transform: translate(103px, 0);
            transform: translate(103px, 0);
    -webkit-animation: move-grid-1280 7.6s infinite;
            animation: move-grid-1280 7.6s infinite;
  }
  .dice-big {
    left: 351px;
    -webkit-transform: translate(190px, 12px) rotate(105deg);
        -ms-transform: translate(190px, 12px) rotate(105deg);
            transform: translate(190px, 12px) rotate(105deg);
    -webkit-animation: move-rotate-dice-big-1280 7.6s infinite;
            animation: move-rotate-dice-big-1280 7.6s infinite;
  }
  .dice-small {
    left: 397px;
    -webkit-transform: translate(185px, 12px) rotate(240deg);
        -ms-transform: translate(185px, 12px) rotate(240deg);
            transform: translate(185px, 12px) rotate(240deg);
    -webkit-animation: move-rotate-dice-small-1280 7.6s infinite;
            animation: move-rotate-dice-small-1280 7.6s infinite;
  }
  .title {
    top: 8px;
    left: 111px;
    width: 162px;
  }
  .txt-s1 {
    left: 196px;
  }
  .puzzle {
    top: -21px;
    left: 467px;
    width: 249px;
    height: 209px;
  }
  .txt-s2 {
    left: -123px;
    font-size: 20px;
    line-height: 30px;
  }
  .phone {
    top: -86px;
    left: 435px;
    width: 273px;
    -webkit-animation: move-phone-1280 7.6s infinite;
            animation: move-phone-1280 7.6s infinite;
  }
  .txt-s3 {
    left: -124px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 1280px) {
  .banner {
    background-size: 140%;
  }
}
@media (max-width: 1279px) {
  .logo-wrapper {
    width: 23.5%;
  }
  .logo {
    width: 106px;
  }
  .btn-wrapper {
    width: 21%;
  }
  .btn {
    width: 106px;
    height: 43px;
    font-size: 15px;
  }
  .container {
    max-width: 450px;
  }
  .shadow {
    left: 194px;
    width: 2000px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(21, 0, 75, 0)), color-stop(10%, rgba(21, 0, 75, 0)), color-stop(15.5%, rgb(21, 0, 75)), color-stop(90%, rgb(21, 0, 75)), to(rgba(21, 0, 75, 0)));
    background: linear-gradient(to right, rgba(21, 0, 75, 0) 0%, rgba(21, 0, 75, 0) 10%, rgb(21, 0, 75) 15.5%, rgb(21, 0, 75) 90%, rgba(21, 0, 75, 0) 100%);
  }
  .rectangle {
    top: 9px;
    left: 194px;
    width: 500px;
    height: 72px;
    border-radius: 13px;
    -webkit-transform: translate(82px, 0);
        -ms-transform: translate(82px, 0);
            transform: translate(82px, 0);
    -webkit-animation: move-rectangle-768 7.6s infinite;
            animation: move-rectangle-768 7.6s infinite;
  }
  .grid {
    top: 9px;
    left: 213px;
    width: 80px;
    -webkit-transform: translate(81px, 0);
        -ms-transform: translate(81px, 0);
            transform: translate(81px, 0);
    -webkit-animation: move-grid-768 7.6s infinite;
            animation: move-grid-768 7.6s infinite;
  }
  .dice-big {
    top: 31px;
    left: 190px;
    width: 44px;
    height: 44px;
    -webkit-transform: translate(153px, 8px) rotate(105deg) scale(0.8);
        -ms-transform: translate(153px, 8px) rotate(105deg) scale(0.8);
            transform: translate(153px, 8px) rotate(105deg) scale(0.8);
    -webkit-animation: move-rotate-dice-big-768 7.6s infinite;
            animation: move-rotate-dice-big-768 7.6s infinite;
  }
  .dice-small {
    top: 10px;
    left: 233px;
    width: 33px;
    height: 33px;
    -webkit-transform: translate(143px, 13px) rotate(240deg) scale(0.8);
        -ms-transform: translate(143px, 13px) rotate(240deg) scale(0.8);
            transform: translate(143px, 13px) rotate(240deg) scale(0.8);
    -webkit-animation: move-rotate-dice-small-768 7.6s infinite;
            animation: move-rotate-dice-small-768 7.6s infinite;
  }
  .title {
    left: 17px;
    width: 145px;
  }
  .txt-s1 {
    top: 24px;
    left: 146px;
    font-size: 16.86px;
    line-height: 20.23px;
  }
  .puzzle {
    top: -3px;
    left: 292px;
    width: 151.32px;
    height: 96.03px;
    background: url(../images/puzzle-768.png) no-repeat center;
    background-size: contain;
  }
  .txt-s2 {
    left: -98px;
    font-size: 14px;
    line-height: 18px;
  }
  .br-s2-1 {
    display: inline-block;
  }
  .phone {
    top: -102px;
    left: 268px;
    width: 209px;
    -webkit-animation: move-phone-768 7.6s infinite;
            animation: move-phone-768 7.6s infinite;
  }
  .txt-s3 {
    left: -92px;
    font-size: 17px;
    line-height: 21px;
  }
}
@media (max-width: 768px) {
  .banner {
    background-size: 200%;
  }
}
@media (max-width: 767px) {
  .logo-wrapper {
    width: 19.5%;
  }
  .logo {
    width: 67px;
  }
  .btn-wrapper {
    width: 16.5%;
  }
  .btn {
    width: 68px;
    height: 28px;
    font-size: 9.67px;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 20px rgba(80, 143, 7, 0.3);
            box-shadow: 0 0 20px rgba(80, 143, 7, 0.3);
  }
  .btn::before {
    height: 100%;
  }
  .container {
    max-width: 250px;
  }
  .shadow {
    left: 91px;
    width: 1000px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(21, 0, 75, 0)), color-stop(14%, rgba(21, 0, 75, 0)), color-stop(20%, rgb(21, 0, 75)), color-stop(90%, rgb(21, 0, 75)), to(rgba(21, 0, 75, 0)));
    background: linear-gradient(to right, rgba(21, 0, 75, 0) 0%, rgba(21, 0, 75, 0) 14%, rgb(21, 0, 75) 20%, rgb(21, 0, 75) 90%, rgba(21, 0, 75, 0) 100%);
  }
  .rectangle {
    top: 21px;
    left: 106px;
    width: 250px;
    height: 47px;
    border-radius: 8px;
    -webkit-transform: translate(51px, 0);
        -ms-transform: translate(51px, 0);
            transform: translate(51px, 0);
    -webkit-animation: move-rectangle-468 7.6s infinite;
            animation: move-rectangle-468 7.6s infinite;
  }
  .grid {
    top: 21px;
    left: 116px;
    width: 51px;
    height: 47px;
    -webkit-transform: translate(52px, 0);
        -ms-transform: translate(52px, 0);
            transform: translate(52px, 0);
    -webkit-animation: move-grid-468 7.6s infinite;
            animation: move-grid-468 7.6s infinite;
  }
  .dice-big {
    top: 34px;
    left: 103px;
    width: 28px;
    height: 28px;
    -webkit-transform: translate(98px, 7px) rotate(105deg) scale(0.8);
        -ms-transform: translate(98px, 7px) rotate(105deg) scale(0.8);
            transform: translate(98px, 7px) rotate(105deg) scale(0.8);
    -webkit-animation: move-rotate-dice-big-468 7.6s infinite;
            animation: move-rotate-dice-big-468 7.6s infinite;
  }
  .dice-small {
    top: 22px;
    left: 131px;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(91px, 9px) rotate(240deg) scale(0.8);
        -ms-transform: translate(91px, 9px) rotate(240deg) scale(0.8);
            transform: translate(91px, 9px) rotate(240deg) scale(0.8);
    -webkit-animation: move-rotate-dice-small-468 7.6s infinite;
            animation: move-rotate-dice-small-468 7.6s infinite;
  }
  .title {
    top: 9px;
    left: -7px;
    width: 94px;
    -webkit-animation: move-title-468 7.6s infinite;
            animation: move-title-468 7.6s infinite;
  }
  .txt-s1 {
    top: 31px;
    left: 93px;
    font-size: 11px;
    line-height: 13px;
  }
  .puzzle {
    top: -37px;
    left: 133px;
    width: 162px;
    height: 200px;
    background: url(../images/puzzle.png) no-repeat center;
    background-size: contain;
  }
  .txt-s2 {
    left: -61px;
    font-size: 10px;
    line-height: 12px;
  }
  .phone {
    top: -108px;
    left: 152px;
    width: 135px;
    -webkit-animation: move-phone-468 7.6s infinite;
            animation: move-phone-468 7.6s infinite;
  }
  .txt-s3 {
    left: -63px;
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 467px) {
  .logo-wrapper {
    width: 29.5%;
  }
  .logo {
    top: -20px;
    width: 63px;
  }
  .btn-wrapper {
    left: 0;
    right: auto;
    width: 29.5%;
  }
  .btn {
    top: 13px;
    width: 62px;
    height: 25px;
    font-size: 8.72px;
  }
  .shadow {
    left: 142px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(21, 0, 75, 0)), color-stop(10%, rgba(21, 0, 75, 0)), color-stop(15%, rgb(21, 0, 75)), color-stop(90%, rgb(21, 0, 75)), to(rgba(21, 0, 75, 0)));
    background: linear-gradient(to right, rgba(21, 0, 75, 0) 0%, rgba(21, 0, 75, 0) 10%, rgb(21, 0, 75) 15%, rgb(21, 0, 75) 90%, rgba(21, 0, 75, 0) 100%);
  }
  .rectangle {
    top: 10px;
    left: 180px;
    width: 300px;
    height: 69px;
    -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
            transform: translate(0px, 0);
    -webkit-animation: move-rectangle-280 7.6s infinite;
            animation: move-rectangle-280 7.6s infinite;
  }
  .grid {
    top: 8px;
    left: 184px;
    width: 54px;
    height: 79px;
    background: url(../images/grid-280.png) no-repeat center;
    background-size: contain;
    -webkit-transform: translate(43px, 0);
        -ms-transform: translate(43px, 0);
            transform: translate(43px, 0);
    -webkit-animation: move-grid-280 7.6s infinite;
            animation: move-grid-280 7.6s infinite;
  }
  .dice-big {
    top: 37px;
    left: 177px;
    width: 26px;
    height: 26px;
    -webkit-transform: translate(27px, 8px) rotate(105deg) scale(0.9);
        -ms-transform: translate(27px, 8px) rotate(105deg) scale(0.9);
            transform: translate(27px, 8px) rotate(105deg) scale(0.9);
    -webkit-animation: move-rotate-dice-big-280 7.6s infinite;
            animation: move-rotate-dice-big-280 7.6s infinite;
  }
  .dice-small {
    top: 25px;
    left: 202px;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(23px, 8px) rotate(240deg) scale(0.9);
        -ms-transform: translate(23px, 8px) rotate(240deg) scale(0.9);
            transform: translate(23px, 8px) rotate(240deg) scale(0.9);
    -webkit-animation: move-rotate-dice-small-280 7.6s infinite;
            animation: move-rotate-dice-small-280 7.6s infinite;
  }
  .title {
    top: -10px;
    left: 76px;
    width: 84px;
    -webkit-animation: move-title-280 7.6s infinite;
            animation: move-title-280 7.6s infinite;
  }
  .txt-s1 {
    top: 55px;
    left: -6px;
    font-size: 9.87px;
    line-height: 11.84px;
    -webkit-animation: move-txt-s1-280 7.6s infinite;
            animation: move-txt-s1-280 7.6s infinite;
  }
  .puzzle {
    top: -48px;
    left: 153px;
    width: 144px;
  }
  .txt-s2 {
    left: -7px;
    font-size: 10px;
    line-height: 14px;
    -webkit-animation: move-txt-s2-280 7.6s infinite;
            animation: move-txt-s2-280 7.6s infinite;
  }
  .txt-s2-1 {
    font-size: 1.2em;
    color: #5bfdf1;
    font-weight: 900;
  }
  .br-s2-2 {
    display: inline-block;
  }
  .br-s2-3 {
    display: none;
  }
  .br-s2-4 {
    display: inline-block;
  }
  .phone {
    top: -107px;
    left: 150px;
    width: 144px;
    -webkit-animation: move-phone-280 7.6s infinite;
            animation: move-phone-280 7.6s infinite;
  }
  .txt-s3 {
    left: -7px;
    font-size: 9.4px;
    line-height: 12px;
    -webkit-animation: move-txt-s3-280 7.6s infinite;
            animation: move-txt-s3-280 7.6s infinite;
  }
  .br-s3-2 {
    display: inline-block;
  }
}
@media (max-width: 320px) {
  .banner {
    background-size: 270%;
  }
}