/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-nov-2018, 16:24:30
    Author     : amolier
*/

/* animation classes */


/* animation classes */


.animation {
    /*transition: all 2s 3s;*/
    transition-duration:1s;
    transition-property:all;
}


.animation-opacity {
    opacity: 0 !important;
}

.animation-scale {
    transform: scale(0.5);
}

.animation-height {
    height: 0 !important;
}

.animation-duration-1 {
    transition-duration:1s;
}

.animation-duration-5 {
    transition-duration:5s;
}

.delay-0 {
    transition-delay: 0s;
}

.delay-1 {
    transition-delay: .5s;
}

.delay-2 {
    transition-delay: 1s;
}

.delay-3 {
    transition-delay: 1.5s;
}

.delay-4 {
    transition-delay: 2s;
}

.delay-5 {
    transition-delay: 2.5s;
}

.delay-6 {
    transition-delay: 3s;
}

.delay-7 {
    transition-delay: 3.5s;
}

.delay-8 {
    transition-delay: 4s;
}

.trans-y-1 {
     transform: translateY(200px);
     opacity: 0;
}

.rotation {
    transform: rotate(60deg); 
}

.rotation-2 {
    transform: rotate(-60deg); 
}


@media only screen and (min-width: 768px) {

    .animation-top {
        transform: translateY(50px);
    }
    
    .animation-top-2 {
        transform: translateY(100px);
    }

    .animation-bottom {
        transform: translateY(300px);
        opacity: 0;
    }

    .animation-left {
        transform: translateX(-300%);
        opacity: 0;
    }

    .animation-right {
        transform: translateX(300%);
        opacity: 0;
    }

}