.js-scroll{opacity:0;transition:opacity .5s}.js-scroll.scrolled{opacity:1}.scrolled.fade-in{animation:fade-in 1s ease-in-out both}.scrolled.fade-in-bottom{animation:fade-in-bottom 1s ease-in-out both}.scrolled.slide-left{animation:slide-in-left 1s ease-in-out both}.scrolled.slide-right{animation:slide-in-right 1s ease-in-out both}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}