#home-herozone {
    display: none;
}

@media (min-width:  999px) {
    .hero-img.perspective-img {
        position: relative;
    }
    .home-banner-block.video-pers-anime .perspective-img {
        transform: none;
        margin-top: 40px;
    }
}

@media (min-width:  767px) {
    .home-banner-bg {
        display: none;
    }
    #home-herozone {
        display: block;
    }
    .home-banner-block #home-herozone {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(1.2);
    }
    .home-banner-block #home-herozone svg {
        position:absolute;
        top: -10%;
        left: 50%;
        width: 120% !important;
        height: 120% !important;
        transform: translateX(-50%) translate3d(0px, 0px, 0px) !important;
    }
    @media (min-width: 1280px) {
        .home-banner-block #home-herozone svg {
           transform: translateX(-50%) translate3d(0px, 0px, 0px) scale(1.2) !important;
        }
    }
    @media (min-width: 1440px) {
        .home-banner-block #home-herozone svg {
            transform: translateX(-50%) translate3d(0px, 0px, 0px) scale(1.5) !important;
        }
    }

    .featured-graphic-block:before {
        transition:all 0.8s ease-in-out;
        transform: translateY(200px);
    }

    .featured-graphic-block-anime.featured-graphic-block:before {
        transform: translateY(0);
    }    

}


@media (max-width: 1024px) and (min-width: 999px) {
    .home-banner-block #home-herozone {
        transform: scale(3);
    }
}


.btn.btn-primary span {
    position: relative;
    z-index: 1;
}
.btn.btn-primary:hover {
    background: transparent;
}
.btn.btn-primary:hover:after {
    height: 100%;
}
.btn.btn-primary:hover:before {
    border-color: #ffffff;
    z-index: 1;
}
.btn-primary.btn.btn-light:hover span {
    color: #fff;
}
.brand-shape {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.brand-shape span {
    height: 25px;
    width: 25px;
    background: #333;
    transition: all 0.8s ease-in-out;
}
.brand-shape span:nth-child(1) {
    background: #00e5be;
}
.brand-shape span:nth-child(2) {
    background: #acd4fc;
}
.brand-shape span:nth-child(3) {
    background: #3434c6;
}
.brand-shape span:nth-child(4) {
    background: #121272;
}
.brand-shape span:nth-child(5) {
    background: #060649;
}

.vertical-features-item:hover .brand-shape span:nth-child(1) {
  animation: 0.8s jumpAniOne 1 alternate ease-in-out;
}
.vertical-features-item:hover .brand-shape span:nth-child(2) {
  animation: 0.8s jumpAniTwo 1 alternate ease-in-out;
}
.vertical-features-item:hover .brand-shape span:nth-child(3) {
  animation: 0.8s jumpAniThree 1 alternate ease-in-out;
}
.vertical-features-item:hover .brand-shape span:nth-child(4) {
  animation: 0.8s jumpAniFour 1 alternate ease-in-out;
}
.vertical-features-item:hover .brand-shape span:nth-child(5) {
  animation: 0.8s jumpAniFive 1 alternate ease-in-out;
}

@keyframes jumpAniOne {
  0% {
     transform: translateY(-10px);
  }
  75% {
     transform: translateY(-40px);
  }
  100% {
    transform: translateY(-0);
  }
}
@keyframes jumpAniTwo {
  0% {
     transform: translateY(-15px);
  }
  75% {
     transform: translateY(-35px);
  }
  100% {
    transform: translateY(-0);
  }
}
@keyframes jumpAniThree {
  0% {
     transform: translateY(-20px);
  }
  75% {
     transform: translateY(-30px);
  }
  100% {
    transform: translateY(-0);
  }
}
@keyframes jumpAniFour {
  0% {
     transform: translateY(-25px);
  }
  75% {
     transform: translateY(-28px);
  }
  100% {
    transform: translateY(-0);
  }
}
@keyframes jumpAniFive {
  0% {
     transform: translateY(-30px);
  }

  75% {
     transform: translateY(-20px);
  }
  
  100% {
    transform: translateY(-0);
  }
}




.brand-shape.top {
    bottom: unset;
    top: 0;
}

.brand-shape.top {
    bottom: unset;
    top: 0;
}
.left-latest-insights-item:hover .brand-shape span:nth-child(1) {
    animation: 0.8s jumpAniBotOne 1 alternate ease-in-out;
}
.left-latest-insights-item:hover .title {
    text-decoration: underline;
}
@keyframes jumpAniBotOne {
  0% {
     transform: translateY(10px);
  }
  75% {
     transform: translateY(10px);
  }
  100% {
    transform: translateY(-0);
  }
}
.left-latest-insights-item:hover .brand-shape span:nth-child(2) {
    animation: 0.8s jumpAniBotTwo 1 alternate ease-in-out;
}
@keyframes jumpAniBotTwo {
  0% {
     transform: translateY(10px);
  }
  75% {
     transform: translateY(15px);
  }
  100% {
    transform: translateY(-0);
  }
}
.left-latest-insights-item:hover .brand-shape span:nth-child(3) {
    animation: 0.8s jumpAniBotThree 1 alternate ease-in-out;
}
@keyframes jumpAniBotThree {
  0% {
     transform: translateY(10px);
  }
  75% {
     transform: translateY(20px);
  }
  100% {
    transform: translateY(-0);
  }
}
.left-latest-insights-item:hover .brand-shape span:nth-child(4) {
    animation: 0.8s jumpAniBotFour 1 alternate ease-in-out;
}
@keyframes jumpAniBotFour {
  0% {
     transform: translateY(10px);
  }
  75% {
     transform: translateY(30px);
  }
  100% {
    transform: translateY(-0);
  }
}
.left-latest-insights-item:hover .brand-shape span:nth-child(5) {
    animation: 0.8s jumpAniBotFive 1 alternate ease-in-out;
}
@keyframes jumpAniBotFive {
  0% {
     transform: translateY(10px);
  }
  75% {
     transform: translateY(40px);
  }
  100% {
    transform: translateY(-0);
  }
}





.stats-items-bg-view {
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1.8s ease-in-out;
    transform: translateY(100%);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
}

.stats-item .stats-items-bg {
    transform: translateY(-50%);
    transition: all 1.8s ease-in-out;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -o-filter: blur(50px);
    -ms-filter: blur(50px);
}
.stats-block.stats-block-anime .stats-item .stats-items-bg {
    transform: translateY(-80%);
    transition: all 1.8s ease-in-out;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
}
.stats-block.stats-block-anime .stats-items-bg-view {
    transform: translateY(0);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
}