.animate-top{opacity:0;transition:all .75s .25s;transform:translateY(-20px)}.animate-top.visible{opacity:1;transform:translate(0)}.animate-right{opacity:0;transition:all .75s .25s;transform:translate(40px)}.animate-right.visible{opacity:1;transform:translate(0)}.animate-bottom{opacity:0;transition:all .75s .25s;transform:translateY(20px)}.animate-bottom.visible{opacity:1;transform:translate(0)}.animate-left{opacity:0;transition:all .75s .25s;transform:translate(-40px)}.animate-left.visible{opacity:1;transform:translate(0)}.container{background-color:#f2f2f2;border-radius:10px;width:84%;height:6px;position:relative}.loader{background-color:#f37032;border-radius:10px;height:100%;transition:all .5s}.point-1{background-color:#f37032;border-radius:50%;width:20px;height:20px;position:absolute;top:-120%;left:0}.point-2{background-color:#f2f2f2;border-radius:50%;width:20px;height:20px;transition:all .5s .4s;position:absolute;top:-120%;left:49%}.point-2.colored{background-color:#f37032}.point-3{background-color:#f2f2f2;border-radius:50%;width:20px;height:20px;transition:all .5s .4s;position:absolute;top:-120%;right:0}.point-3.colored{background-color:#f37032}