.article-img, 
.article-text
{
    opacity: 0;
}
.a1.active .article-img,
.a2.active .article-img,
.a3.active .article-img,
.a4.active .article-img
{
    animation:  fade 2s ease 0s 1 forwards;
}

.a1.active .article-text,
.a2.active .article-text,
.a3.active .article-text,
.a4.active .article-text{
    animation:  fadeInUP 2s ease 0s 1 forwards;
}

.marketing-form-box li{
    opacity: 0;
}
.marketing-form-box.active li:nth-child(1){
    animation:  fadeInUP 2s ease 0s 1 forwards;
}
.marketing-form-box.active li:nth-child(2){
    animation:  fadeInUP 2s ease 0.6s 1 forwards;
}
.marketing-form-box.active li:nth-child(3){
    animation:  fadeInUP 2s ease 1s 1 forwards;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}