﻿
/*
-----------------------------------------
     ANIMATIONS
-----------------------------------------
*/

div.page-section { opacity: 0; }

.anim-autoTheme div.page-section.anim-fadeIn { opacity: 0; }
.anim-autoTheme div.page-section.anim-fadeIn.animate { opacity: 1; transition: opacity 1.25s ease; }

.anim-autoTheme div.page-section.anim-fadeInBottom { opacity: 0; transform: translateY(50px); }
.anim-autoTheme div.page-section.anim-fadeInBottom.animate { opacity: 1 !important; transform: translateY(0) !important; transition: opacity 0.85s ease, transform 0.85s ease !important; }

.anim-autoTheme div.page-section.anim-fadeInTop { opacity: 0; transform: translateY(-50px); }
.anim-autoTheme div.page-section.anim-fadeInTop.animate { opacity: 1 !important; transform: translateY(0) !important; transition: opacity 0.85s ease, transform 0.85s ease !important; }

.anim-autoTheme div.page-section.anim-fadeInRight { opacity: 0; transform: translateX(50px); }
.anim-autoTheme div.page-section.anim-fadeInRight.animate { opacity: 1 !important; transform: translateX(0) !important; transition: opacity 0.85s ease, transform 0.85s ease !important; }

.anim-autoTheme div.page-section.anim-fadeInLeft { opacity: 0; transform: translateX(-50px); }
.anim-autoTheme div.page-section.anim-fadeInLeft.animate { opacity: 1 !important; transform: translateX(0) !important; transition: opacity 0.85s ease, transform 0.85s ease !important; }

