

.transition-025-sec {
    -o-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.opacity-animation {
    -o-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}

.opacity-animation:hover {
    opacity: .9 !important;
}


@keyframes "fade-30" {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity: .3;
    }
}

@-moz-keyframes fade-30 {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=30);
        opacity: .3;
    }
}

@-webkit-keyframes "fade-30" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=30);
        opacity: .3;
    }
}

@-ms-keyframes "fade-30" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=30);
        opacity: .3;
    }
}

@keyframes "fade-50" {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity: .5;
    }
}

@-moz-keyframes fade-50 {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=50);
        opacity: .5;
    }
}

@-webkit-keyframes "fade-50" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=50);
        opacity: .5;
    }
}

@-ms-keyframes "fade-50" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=50);
        opacity: .5;
    }
}

@keyframes "fade-60" {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=60);
        opacity: .6;
    }
}

@-moz-keyframes fade-60 {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=60);
        opacity: .6;
    }
}

@-webkit-keyframes "fade-60" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=60);
        opacity: .6;
    }
}

@-ms-keyframes "fade-60" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=60);
        opacity: .6;
    }
}

@keyframes "fade-70" {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: .7;
    }
}

@-moz-keyframes fade-70 {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=70);
        opacity: .7;
    }
}

@-webkit-keyframes "fade-70" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=70);
        opacity: .7;
    }
}

@-ms-keyframes "fade-70" {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=70);
        opacity: .7;
    }
}


.fade {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -ms-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -ms-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}


.fade-30 {
    -webkit-animation-name: fade-30;
    -moz-animation-name: fade-30;
    -ms-animation-name: fade-30;
    animation-name: fade-30;
}

.fade-50 {
    -webkit-animation-name: fade-50;
    -moz-animation-name: fade-50;
    -ms-animation-name: fade-50;
    animation-name: fade-50;
}

.fade-60 {
    -webkit-animation-name: fade-60;
    -moz-animation-name: fade-60;
    -ms-animation-name: fade-60;
    animation-name: fade-60;
}

.fade-70 {
    -webkit-animation-name: fade-70;
    -moz-animation-name: fade-70;
    -ms-animation-name: fade-70;
    animation-name: fade-70;
}

.fade:nth-child(1) {
    -webkit-animation-name: fade-scale-hundred;
    -moz-animation-name: fade-scale-hundred;
    -ms-animation-name: fade-scale-hundred;
    animation-name: fade-scale-hundred;
    -webkit-animation-duration: 400ms;
    -moz-animation-duration: 400ms;
    -ms-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -ms-animation-delay: 600ms;
    animation-delay: 600ms;
}

.fade:nth-child(2) {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -ms-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.fade:nth-child(3) {
    -webkit-animation-delay: 1350ms;
    -moz-animation-delay: 1350ms;
    -ms-animation-delay: 1350ms;
    animation-delay: 1350ms;
}

.fade:nth-child(4) {
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    -ms-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.fade:nth-child(5) {
    -webkit-animation-delay: 1750ms;
    -moz-animation-delay: 1750ms;
    -ms-animation-delay: 1750ms;
    animation-delay: 1750ms;
}

.fade:nth-child(6) {
    -webkit-animation-delay: 1900ms;
    -moz-animation-delay: 1900ms;
    -ms-animation-delay: 1900ms;
    animation-delay: 1900ms;
}

.fade:nth-child(7) {
    -webkit-animation-delay: 2050ms;
    -moz-animation-delay: 2050ms;
    -ms-animation-delay: 2050ms;
    animation-delay: 2050ms;
}