/*Start jumping ball css */


@media (max-width: 1200px) {
  /* line 243, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  [class*="hero-ani-"] {
    display: none !important;
  }
}

/* line 248, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.custom-animation {
  backface-visibility: hidden;
  animation: jumping 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all .9s ease 5s;
  user-select: none;
}

/* line 256, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.custom-animation2 {
  backface-visibility: hidden;
  animation: jumping2 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 1s ease 3s;
  user-select: none;
}

/* line 264, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.custom-animation3 {
  backface-visibility: hidden;
  animation: jumping3 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 7s ease 2s;
  user-select: none;
}

/* line 272, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.custom-animation4 {
  backface-visibility: hidden;
  animation: jumping4 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 8s ease 4s;
  user-select: none;
}

/* line 280, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.custom-animation10 {
  backface-visibility: hidden;
  animation: jumping10 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 8s ease 4s;
  user-select: none;
}

/* line 288, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.custom-animation11 {
  backface-visibility: hidden;
  animation: jumping11 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 8s ease 4s;
  user-select: none;
}

@keyframes jumping {
  0% {
    transform: translateY(0px) translateX(0) rotate(0) scale(1);
    opacity: .8;
  }
  25% {
    transform: translateY(-10px) translateX(-10px) rotate(20deg) scale(0.8);
    opacity: .9;
  }
  50% {
    transform: translateY(-15px) translateX(-15px) rotate(10deg) scale(0.9);
    opacity: .8;
  }
  75% {
    transform: translateY(-20px) translateX(-20px) rotate(20deg) scale(0.75);
    opacity: .6;
  }
  85% {
    transform: translateY(-25px) translateX(-25px) rotate(20deg) scale(0.9);
    opacity: .7;
  }
  100% {
    transform: translateY(-15px) translateX(-15px) rotate(0) scale(0.95);
    opacity: .85;
  }
}

@keyframes jumping2 {
  0% {
    transform: translateY(0px) translateX(0) rotate(0) scale(1);
    opacity: .5;
  }
  25% {
    transform: translateY(-30px) translateX(10px) rotate(20deg) scale(0.8);
    opacity: .8;
  }
  50% {
    transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.7);
    opacity: .8;
  }
  75% {
    transform: translateY(30px) translateX(20px) rotate(20deg) scale(0.75);
    opacity: .7;
  }
  100% {
    transform: translateY(-15px) translateX(15px) rotate(0) scale(0.75);
    opacity: .9;
  }
}

@keyframes jumping3 {
  0% {
    transform: translateY(10px) translateX(0) rotate(0) scale(1);
    opacity: .9;
  }
  20% {
    transform: translateY(20px) translateX(10px) rotate(-20deg) scale(0.8);
    opacity: .8;
  }
  40% {
    transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.75);
    opacity: .8;
  }
  40% {
    transform: translateY(-15px) translateX(-25px) rotate(10deg) scale(0.5);
    opacity: 1;
  }
  80% {
    transform: translateY(-30px) translateX(20px) rotate(-20deg) scale(0.75);
    opacity: .6;
  }
  100% {
    transform: translateY(15px) translateX(15px) rotate(0) scale(0.95);
    opacity: .7;
  }
}

@keyframes jumping4 {
  0% {
    transform: translateY(-30px) translateX(20px) rotate(0) scale(1.2);
    opacity: .7;
  }
  25% {
    transform: translateY(-20px) translateX(10px) rotate(50deg) scale(0.6);
    opacity: .8;
  }
  50% {
    transform: translateY(15px) translateX(-15px) rotate(20deg) scale(0.5);
    opacity: .9;
  }
  75% {
    transform: translateY(30px) translateX(20px) rotate(50deg) scale(0.75);
    opacity: .7;
  }
  100% {
    transform: translateY(-15px) translateX(15px) rotate(0) scale(0.5);
    opacity: .9;
  }
}

@keyframes jumping10 {
  0% {
    transform: rotate(180deg);
    display: block;
  }
  100% {
    transform: rotate(30deg);
    display: block;
  }
}

@keyframes jumping11 {
  0% {
    transform: rotate(180deg) translate(-20px, 20px);
    display: block;
  }
  100% {
    transform: rotate(30deg) translate(0px, 0px);
    display: block;
  }
}

/* line 420, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-1 {
  position: absolute;
  left: 4%;
  top: 10%;
}

@media (max-width: 576px) {
  /* line 420, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-1 {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 420, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-1 {
    padding: 8px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 420, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-1 {
    padding: 10px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 420, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-1 {
    padding: 10px 25px;
  }
}

/* line 438, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-2 {
  position: absolute;
  left: 5%;
  bottom: 35%;
}

@media (max-width: 576px) {
  /* line 438, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-2 {
    bottom: 5%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 438, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-2 {
    bottom: 20%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 438, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-2 {
    padding: 10px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 438, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-2 {
    padding: 10px 25px;
  }
}

/* line 456, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-3 {
  position: absolute;
  top: 20%;
  left: 25%;
}

@media (max-width: 576px) {
  /* line 456, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-3 {
    left: 5%;
  }
}

/* line 474, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-4 {
  position: absolute;
  bottom: 20%;
  left: 50%;
}

/* line 480, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-5 {
  position: absolute;
  bottom: 40%;
  left: 50%;
}

/* line 486, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-6 {
  position: absolute;
  right: 5%;
  top: 40%;
}

/* line 492, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-7 {
  position: absolute;
  top: 13%;
  left: 51%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 492, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-7 {
    top: 5%;
    left: 73%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 492, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-7 {
    padding: 10px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 492, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-7 {
    padding: 10px 25px;
  }
}

/* line 511, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
.hero-app-8 {
  position: absolute;
  left: 68%;
  top: 60%;
}

@media (max-width: 576px) {
  /* line 511, E:/167 Bizcon Business/Bizcon_html/sass/_common.scss */
  .hero-app-8 {
    top: 80%;
  }
}

/*End jumping ball css */