/* Custom CSS */


/* Custom Animation */

.fadeInRightTemp {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 3s ease-in-out, transform 3s ease-in-out; 
}

.fadeInRight-active {
    animation-name: fadeInRight-Custom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: none;
}

.fadeInLeftTemp {
    opacity: 1;
    transform: translate3d(0, 0, 0); 
    transition: opacity 3s ease-in-out, transform 3s ease-in-out; 
}

.fadeInLeft-active {
    animation-name: fadeInLeftCustom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: none;
}

.fadeInUpTemp {
    opacity: 1;
    transform: translateY(0); 
    transition: opacity 3s ease-in-out, transform 3s ease-in-out;
}

.fadeInUp-active {
    animation-name: fadeInUpCustom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: translateY(0);
}

.fadeInDownTemp {
    opacity: 1;
    transform: translateY(0); 
    transition: opacity 3s ease-in-out, transform 3s ease-in-out;
}

.fadeInDown-active {
    animation-name: fadeInDownCustom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: translateY(0);
}

@keyframes fadeInRight-Custom {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeftCustom {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDownCustom {
    from {
        opacity: 0;
        transform: translateY(-60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#bgAnimation {
	background-size: 110% 110%;
  background-position: center center;
  transition: background-size 4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

#bgAnimation.visible {
  background-size: 100% 100%;
}



/* End Custom Animation */