Image Animation -------------------------------------------- Elements with .image-anim or their img children are initially hidden and transition into view.============================================*/.image-anim,.image-anim img{opacity:0;transform:translateY(20px);transition:opacity 1.5s ease-out,transform .6s ease-out}.image-anim.in-view{opacity:1;transform:translateY(0)}.image-anim.in-view img{opacity:1 !important;transform:translateY(0)}.image-anim:hover{transform:scale(1.05)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1.5s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in:hover{transform:scale(1.02)}.slide-in-new{opacity:0;transform:translateY(20px);transition:opacity 1.5s ease-out,transform 1s ease-out}.slide-in-new.slide-visible{opacity:1;transform:translateX(0)}.slide-in-new--right{transform:translateY(20px);opacity:0;transition:transform 1.5s ease-out,opacity 1.5s ease-out}.slide-in-new--right.slide-visible{transform:translateX(0);opacity:1}.slide-in-columns{opacity:0;transform:translateY(50px);transition:transform .8s ease-out,opacity .8s ease-out}.slide-in-columns.slide-visible{opacity:1;transform:translateY(0)}.slide-in-columns.delay-1{transition-delay:1.2s}.slide-in-columns.delay-2{transition-delay:1s}.slide-in-columns.delay-3{transition-delay:.8s}.slide-in-columns.delay-4{transition-delay:.6s}.slide-in-columns.delay-5{transition-delay:.4s}.slide-in-columns.delay-6{transition-delay:.2s}.slide-in-columns.delay-7{transition-delay:0s}