@-webkit-keyframes tpFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes tpFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.tp_fadein_anim {
    -webkit-animation: tpFadeIn 1s ease-out forwards;
            animation: tpFadeIn 1s ease-out forwards;
}

.tp_fadein_anim.delay-1000 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.tp_fadein_anim.delay-2000 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.tp_fadein_anim.delay-3000 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.tp_fadein_anim.delay-4000 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.tp_fadein_anim.delay-5000 { -webkit-animation-delay: 5s; animation-delay: 5s; }
.tp_fadein_anim.delay-6000 { -webkit-animation-delay: 6s; animation-delay: 6s; }
.tp_fadein_anim.delay-7000 { -webkit-animation-delay: 7s; animation-delay: 7s; }
.tp_fadein_anim.delay-8000 { -webkit-animation-delay: 8s; animation-delay: 8s; }
.tp_fadein_anim.delay-9000 { -webkit-animation-delay: 9s; animation-delay: 9s; }
.tp_fadein_anim.delay-10000 { -webkit-animation-delay: 10s; animation-delay: 10s; }

@media screen and (max-width: 768px) {
    .tp-theme-settings-area {
        top: 80%;
    }
}