.revealOnScroll {
    opacity: 0;
}
.animated {
    -webkit-animation-duration:0.7s;
    animation-duration:0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

.animated.hinge {
    -webkit-animation-duration:0.7s;
    animation-duration: 0.7s
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

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

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
@keyframes fadeInUpDl {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpDl {
    -webkit-animation-name: fadeInUpDl;
    animation-name: fadeInUpDl;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
@keyframes fadeInUpD7 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpD7 {
    -webkit-animation-name: fadeInUpD7;
    animation-name: fadeInUpD7;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
}
@keyframes fadeInUpD9 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpD9 {
    -webkit-animation-name: fadeInUpD9;
    animation-name: fadeInUpD9;
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}

.fadeInUpL100 {
    -webkit-animation-name: fadeInUpL100;
    animation-name: fadeInUpL100;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
@keyframes fadeInUpL100 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpL250 {
    -webkit-animation-name: fadeInUpL250;
    animation-name: fadeInUpL250;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
}
@keyframes fadeInUpL250 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(250px);
        -ms-transform: translateY(250px);
        transform: translateY(250px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInLeftL50 {
    -webkit-animation-name: fadeInLeftL50;
    animation-name: fadeInLeftL50;
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}
@keyframes fadeInLeftL50 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInRightL50 {
    -webkit-animation-name: fadeInRightL50;
    animation-name: fadeInRightL50;
    animation-delay: 1.1ms;
    -webkit-animation-delay: 1.1s;
}
@keyframes fadeInRightL50  {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes showTxtBlock {
    0%{
        opacity: 0;
        background-position-x:100%;
    }
    100%{
        opacity: 1;
        background-position-x: 0%;
    }
  }
  .showTxtBlock{
    -webkit-animation-name: showTxtBlock;
    animation-name:showTxtBlock;
    background-image: linear-gradient(75deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 33%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);
    background-size: 300% 100%;
    color: #000;
    background-position-x: 100%;

    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
    animation-timing-function: ease-in-out;
}
@keyframes showTxtWhite {
    0%{
        opacity: 0;
        background-position-x:100%;
    }
    33%{
        opacity: 1;
        background-position-x:33%;
    }
    66%{
        opacity: 1;
        /* color: #fff; */
        background-position-x:66%;
    }
    100%{
        opacity: 1;
       /* font-weight: bold; */
       color: #fff;
        background-position-x: 0%;
    }
  }
.showTxtWhite{
    -webkit-animation-name: showTxtWhite;
    animation-name:showTxtWhite;
    background-image: linear-gradient(75deg,rgba(255,255,255,1) 0,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%);
    background-size: 300% 100%;
    color: #fff;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation-duration:3s ;
    -webkit-animation-duration:3s ;
    animation-timing-function: ease-in-out;
}