.wow {
    visibility: hidden;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.widthScale {
    overflow: hidden;
    animation-name: widthScale;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.RightwidthScale {
    animation-name: RightwidthScale;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.logoUp {
    animation-name: logoUp;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.textUp {
    animation-name: textUp;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.logoUpBanner {
    animation-name: logoUpBanner;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.logoUpsecondBanner {
    animation-name: logoUpsecondBanner;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.heightScale {
    animation-name: heightScale;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1699px) and (min-width: 1480px) {
    .logoUpBanner {
        animation-name: logoUpBannermid;
    }
}

@media (min-width: 1700px) and (max-width: 2100px) {
    .logoUpBanner {
        animation-name: logoUpBannersmall;
    }

}

@media (min-width: 2101px) {
    .logoUpBanner {
        animation-name: logoUpBannerbig;
    }

}

@keyframes widthScale {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@keyframes heightScale {
    0% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}

@keyframes RightwidthScale {
    from {
        width: 101%;
    }
    to {
        width: 0;
    }
}

@keyframes logoUp {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}
@keyframes logoUpfourthBanner {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(8.9deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(8.9deg);
    }
}

@keyframes logoUpsecondBanner {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(-23.1deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(-23.1deg);
    }
}

@keyframes logoUpBanner {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(22deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(22deg);
    }
}

@keyframes logoUpBannermid {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(19deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(19deg);
    }
}

@keyframes logoUpBannersmall {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(15deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(15deg);
    }
}

@keyframes logoUpsecondBannersmall {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(-18deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(-18deg);
    }
}

@keyframes logoUpBannerbig {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(10deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(10deg);
    }
}

@keyframes logoUpsecondBannerbig {
    0% {
        opacity: 0;
        transform: translate3d(0px, 160px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(-14deg);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewY(-14deg);
    }
}

@keyframes textUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes re-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.re-fadeInUp {
    -webkit-animation-name: re-fadeInUp;
    animation-name: re-fadeInUp;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@keyframes re-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.re-fadeIn {
    animation-name: re-fadeIn;
}