.loader-container .loader{display:block;height:80px;width:80px;position:absolute;left:0;right:0;margin:auto;bottom:0;top:0}.loader-container .loader .circle{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius:50%;-webkit-transition:180ms linear;transition:all 180ms linear;opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.loader-container .loader .circle:after{content:'';display:block;position:absolute;width:30px;height:30px;border:3px solid #5677fc;border-radius:50%;border-left-color:transparent;border-top-color:transparent;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-animation:1s linear infinite RotateIt;animation:1s linear infinite RotateIt}.loader-container .loader .circle:before{content:'';display:block;position:absolute;width:30px;height:30px;border:3px solid #efefef;border-radius:50%;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.loader-container.active .loader .circle{opacity:1;-webkit-animation:.5s cubic-bezier(.5,1.25,.5,1.25) hop;animation:.5s cubic-bezier(.5,1.25,.5,1.25) hop}@-webkit-keyframes hop{0%{-webkit-transform:translateY(150%);transform:translateY(150%);opcatiy:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opcatiy:1}}@keyframes hop{0%{-webkit-transform:translateY(150%);transform:translateY(150%);opcatiy:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opcatiy:1}}@-webkit-keyframes RotateIt{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}100%{-webkit-transform:translate3d(-50%,-50%,0) rotate(720deg);transform:translate3d(-50%,-50%,0) rotate(720deg)}}@keyframes RotateIt{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}100%{-webkit-transform:translate3d(-50%,-50%,0) rotate(720deg);transform:translate3d(-50%,-50%,0) rotate(720deg)}}