@charset "UTF-8";


.fade-elem {
    transition: 0.6s;
    transform: translateY(-20px);
    opacity: 0
}

.fade-elem:last-of-type {
    
    margin-bottom: 0
}

.fade-elem:nth-of-type(2) {
    transition-delay: 0.4s
}

.fade-elem:nth-of-type(3) {
    transition-delay: 0.8s
}

.fade-elem:nth-of-type(4) {
    transition-delay: 1.2s
}

.fade-elem:nth-of-type(5) {
    transition-delay: 0.4s
}

.fade-elem:nth-of-type(6) {
    transition-delay: 0.5s
}

.fade-elem:nth-of-type(7) {
    transition-delay: 0.6s
}

.fade-up {
    transform: translateY(0);
    opacity: 1
}

.fade-type-up, .fade-type-down, .fade-type-left, .fade-type-right, .fade-elem {
    transition: 0.6s;
    opacity: 0
}

.fade-type-up, .fade-elem {
    transform: translateY(20px)
}

.fade-type-down {
    transform: translateY(-10px)
}

.fade-type-left {
    transform: translateX(10px)
}



.fade-elem:nth-of-type(2) {
    transition-delay: 0.15s
}

.fade-elem:nth-of-type(3) {
    transition-delay: 0.3s
}

.fade-elem:nth-of-type(4) {
    transition-delay: 0.45s
}

.fade-elem:nth-of-type(5) {
    transition-delay: 0.6s
}

.fade-elem:nth-of-type(6) {
    transition-delay: 0.55s
}

.fade-elem:nth-of-type(7) {
    transition-delay: 0.6s
}

.fade-up-down {
    transform: translateY(0);
    opacity: 1
}



.fade-type-base {
    transition: 0.55s;
    opacity: 0;
    transform: translateY(10px);
}

.fade-base {
    opacity: 1!important;
    transform: translateY(0px)!important;
}



.fade-type-scale {
    opacity: 0;
    transition: .6s;
    transform: translateY(10px);
}

.fade-scale {
    opacity: 1;
    transform: translateY(0px);
}



.fade-type-right {
    transform: translateX(-20px);
    opacity: 0;
    transition: .6s;
}

.fade-left-right {
    transform: translateX(0);
    opacity: 1
}


.fade-display{
    display: none;
}
.fade-display-active{
    display: block;
}