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

.animated.a05s {
    -webkit-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
}

.animated.a1s {
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.a15s {
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.animated.a2s {
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.a25s {
    -webkit-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
}

.animated.a3s {
    -webkit-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

.animated.a35s {
    -webkit-animation-duration: 3.5s;
    -ms-animation-duration: 3.5s;
    -o-animation-duration: 3.5s;
    animation-duration: 3.5s;
}

.animated.a4s {
    -webkit-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
}

.animated.a5s {
    -webkit-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}

.animated.d1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.d15s {
    transition: opacity 2s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animated.d2s {
    transition: opacity 2.5s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.d25s {
    transition: opacity 3.5s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.animated.d3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.d35s {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.animated.d4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.d45s {
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    -o-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.animated.d5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

@-moz-keyframes cd-scroll-down {
    0% {
        -moz-transform: translateX(-50%) scale(1);
    }
    50% {
        -moz-transform: translateY(10px) translateX(-50%) scale(1);
    }
    100% {
        -moz-transform: translateX(-50%) scale(1);
    }
}

@keyframes cd-scroll-down {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
    50% {
        -webkit-transform: translateY(10px) translateX(-50%) scale(1);
        -moz-transform: translateY(10px) translateX(-50%) scale(1);
        -ms-transform: translateY(10px) translateX(-50%) scale(1);
        -o-transform: translateY(10px) translateX(-50%) scale(1);
        transform: translateY(10px) translateX(-50%) scale(1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}


/*banner-h2*/

@-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(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

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

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes twinkle {
    from {
        opacity: .2;
    }
    50% {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@keyframes twinkle {
    from {
        opacity: .2;
    }
    50% {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes newsa {
    from {
        top: -100%;
        opacity: 0;
    }
    33% {
        top: 60%;
    }
    66% {
        top: 40%;
    }
    to {
        top: 50%;
        opacity: 1;
    }
}

@keyframes newsa {
    from {
        top: -100%;
        opacity: 0;
    }
    33% {
        top: 60%;
    }
    66% {
        top: 40%;
    }
    to {
        top: 50%;
        opacity: 1;
    }
}

@-webkit-keyframes show {
    from {
        top: 50%;
    }
    33% {
        top: 60%;
    }
    66% {
        top: 40%;
    }
    to {
        top: 50%;
    }
}

@keyframes show {
    from {
        top: 50%;
    }
    33% {
        top: 60%;
    }
    66% {
        top: 40%;
    }
    to {
        top: 50%;
    }
}

@keyframes brandAn {
    0% {
 height: 190px;
  width: 190px;
    
    }
    50%{
 height: 230px;
  width: 230px;
    }
    100% {
 height: 190px;
  width: 190px;
    
    }
}
@-webkit-keyframes brandAn {
    0% {
 height: 190px;
  width: 190px;
    
    }
    50%{
 height: 230px;
  width: 230px;
    }
    100% {
 height: 190px;
  width: 190px;
    
    }
}
.brandAn {
    -webkit-animation-name: brandAn;
    animation-name: brandAn;
}

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

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

#banner .txt h2 span {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 1s;
}

#banner .txt h2 strong {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 1.5s;
}

#banner .txt p {
    -webkit-animation-name: pulse2;
    animation-name: pulse2;
    animation-delay: 2.3s;
    animation-duration: 1s;
}