.ani-delay1s{animation-delay:1s}.ani-delay1_1s{animation-delay:1.1s}.el-center{top:50%;left:50%;transform:translate(-50%,-50%)}.bcrgba02{background-color:rgba(102,128,215,.2)}.bcrgba01{background-color:rgba(102,128,215,.1)}.bsrgba03{border:1px solid rgba(102,128,215,.3)}.loader{width:130px;height:170px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);&:after,&:before{content:"";width:0;height:0;position:absolute;bottom:30px;left:15px;z-index:1;border-left:50px solid transparent;border-right:50px solid transparent;transform:scale(0);transition:all .2s ease}&:after,&:before{border-bottom:20px solid #2d4654}&:after{border-right:15px solid transparent}.getting-there{width:120%;text-align:center;bottom:0;left:-7%;font-family:Lato;font-size:12px;letter-spacing:2px}.binary,.getting-there{position:absolute;color:#fff}.binary{width:100%;height:140px;display:block;top:0;left:15px;z-index:2;overflow:hidden;&:after,&:before{font-family:Lato;font-size:24px;top:0;left:0;opacity:0}&:first-child{&:before{content:"0";animation:a 1.1s linear infinite}&:after{content:"0";animation:b 1.3s linear infinite}}&:nth-child(2){&:before{content:"1";animation:c .9s linear infinite}&:after{content:"1";animation:d .7s linear infinite}}}&.JS_on{&:after,&:before{transform:scale(1)}}}@keyframes a{0%{transform:translate(30px) rotate(30deg);opacity:0}to{transform:translate(30px,150px) rotate(-50deg);opacity:1}}@keyframes b{0%{transform:translate(50px) rotate(-40deg);opacity:0}to{transform:translate(40px,150px) rotate(80deg);opacity:1}}@keyframes c{0%{transform:translate(70px) rotate(10deg);opacity:0}to{transform:translate(60px,150px) rotate(70deg);opacity:1}}@keyframes d{0%{transform:translate(30px) rotate(-50deg);opacity:0}to{transform:translate(45px,150px) rotate(30deg);opacity:1}}