/*FADE IN ITEMS ONE BY ONE*/
.fade-in-item {
    -webkit-animation: fade-in-like-list 0.5s linear;
    animation: fade-in-like-list 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fade-in-item:nth-child(1) { -webkit-animation-delay: 0.10s; animation-delay: 0.10s;}
.fade-in-item:nth-child(2) { -webkit-animation-delay: 0.20s; animation-delay: 0.20s;}
.fade-in-item:nth-child(3) { -webkit-animation-delay: 0.30s; animation-delay: 0.30s;}
.fade-in-item:nth-child(4) { -webkit-animation-delay: 0.40s; animation-delay: 0.40s;}
.fade-in-item:nth-child(5) { -webkit-animation-delay: 0.50s; animation-delay: 0.50s;}
.fade-in-item:nth-child(6) { -webkit-animation-delay: 0.60s; animation-delay: 0.60s;}
.fade-in-item:nth-child(7) { -webkit-animation-delay: 0.70s; animation-delay: 0.70s;}
.fade-in-item:nth-child(8) { -webkit-animation-delay: 0.80s; animation-delay: 0.80s;}
.fade-in-item:nth-child(9) { -webkit-animation-delay: 0.90s; animation-delay: 0.90s;}
.fade-in-item:nth-child(10) { -webkit-animation-delay: 1.00s; animation-delay: 1.00s;}
.fade-in-item:nth-child(11) { -webkit-animation-delay: 1.10s; animation-delay: 1.10s;}
.fade-in-item:nth-child(12) { -webkit-animation-delay: 1.20s; animation-delay: 1.20s;}
.fade-in-item:nth-child(13) { -webkit-animation-delay: 1.30s; animation-delay: 1.30s;}
.fade-in-item:nth-child(14) { -webkit-animation-delay: 1.40s; animation-delay: 1.40s;}
.fade-in-item:nth-child(15) { -webkit-animation-delay: 1.50s; animation-delay: 1.50s;}
.fade-in-item:nth-child(16) { -webkit-animation-delay: 1.60s; animation-delay: 1.60s;}
.fade-in-item:nth-child(17) { -webkit-animation-delay: 1.70s; animation-delay: 1.70s;}
.fade-in-item:nth-child(18) { -webkit-animation-delay: 1.80s; animation-delay: 1.80s;}
.fade-in-item:nth-child(19) { -webkit-animation-delay: 1.90s; animation-delay: 1.90s;}
.fade-in-item:nth-child(20) { -webkit-animation-delay: 2.00s; animation-delay: 2.00s;}
.fade-in-item:nth-child(21) { -webkit-animation-delay: 2.10s; animation-delay: 2.10s;}
.fade-in-item:nth-child(22) { -webkit-animation-delay: 2.20s; animation-delay: 2.20s;}
.fade-in-item:nth-child(23) { -webkit-animation-delay: 2.30s; animation-delay: 2.30s;}
.fade-in-item:nth-child(24) { -webkit-animation-delay: 2.40s; animation-delay: 2.40s;}
.fade-in-item:nth-child(25) { -webkit-animation-delay: 2.50s; animation-delay: 2.50s;}
.fade-in-item:nth-child(26) { -webkit-animation-delay: 2.60s; animation-delay: 2.60s;}
.fade-in-item:nth-child(27) { -webkit-animation-delay: 2.70s; animation-delay: 2.70s;}
.fade-in-item:nth-child(28) { -webkit-animation-delay: 2.80s; animation-delay: 2.80s;}
.fade-in-item:nth-child(29) { -webkit-animation-delay: 2.90s; animation-delay: 2.90s;}
.fade-in-item:nth-child(30) { -webkit-animation-delay: 3.00s; animation-delay: 3.00s;}

@-webkit-keyframes fade-in-like-list {
    0% {
        opacity: 0;
        top: 100px;
    }
    75% {
        opacity: 0.5;
        top: 0px;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in-like-list {
    0% {
        opacity: 0;
        top: 100px;
    }
    75% {
        opacity: 0.5;
        top: 0px;
    }
    100% {
        opacity: 1;
    }
}
/* FADE IN ITEM */
.fade-in-1s {
    -webkit-animation: fadeIn 1s linear;
    animation: fadeIn 1s linear;
}
.fade-in-2s {
    -webkit-animation: fadeIn 2s linear;
    animation: fadeIn 2s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.slide-in-1s {
    -webkit-animation: slidein 1s;
    animation: slidein 1s;
}
.slide-in-2s {
    -webkit-animation: slideint 0.5s linear;
    animation: slidein 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slide-in-2s:nth-child(1) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;}
.slide-in-2s:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.slide-in-2s:nth-child(3) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;}
.slide-in-2s:nth-child(4) { -webkit-animation-delay: 1s; animation-delay: 1s;}
.slide-in-2s:nth-child(5) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s;}
.slide-in-2s:nth-child(6) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.slide-in-2s:nth-child(7) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s;}
.slide-in-2s:nth-child(8) { -webkit-animation-delay: 2s; animation-delay: 2s;}
.slide-in-2s:nth-child(9) { -webkit-animation-delay: 2.25s; animation-delay: 2.25s;}
.slide-in-2s:nth-child(10) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
@-webkit-keyframes slidein {
    0% {
        margin-left: 100%;
        opacity: 0;
    }
    100% {
        margin-left: 0%;
        opacity: 1;
    }
}
@keyframes slidein {
    0% {
        margin-left: 100%;
        opacity: 0;
    }
    100% {
        margin-left: 0%;
        opacity: 1;
    }
}