.loader-wrapper{width:100vw;height:100vh;position:fixed;z-index:99999;top:0;left:0;display:flex;justify-content:center;align-items:center;transition:all .3s ease-out .6s}.bsgloader{z-index:1001;text-align:center}.wrapper-parent{width:150px;height:150px;margin:auto;border-radius:50px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.colors-container{display:flex;flex-wrap:wrap;width:48px;height:48px;transform:scale(6.5) rotate(0deg);animation:loader-rotate 5s linear infinite}@keyframes loader-rotate{0%{transform:scale(6.5) rotate(0deg)}to{transform:scale(6.5) rotate(1turn)}}.colors-container span{border:12px solid;width:50%}.colors-container span:first-child{border-color:#f4982d #f4982d #CCC #CCC}.colors-container span:nth-child(2){border-color:#f4982d #CCC #CCC #f4982d}.colors-container span:nth-child(3){border-color:#CCC #f4982d #f4982d #CCC}.colors-container span:nth-child(4){border-color:#CCC #CCC #f4982d #f4982d}.loadtext{z-index:4;position:absolute;background-color:#FFF;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50px;display:flex;justify-content:center;align-items:center}.loadtext img{transform:scale(.7)}.overlay-container{position:fixed;background-color:#FFF;top:0;bottom:0;left:0;right:0;display:flex;z-index:1000;will-change:transform}.overlay-inner{background:#fff;height:100vh;width:100vw;margin:auto;font-size:42px}@keyframes pageOut{0%{transform:translateZ(0)}to{transform:translate3D(0,100%,0)}}.loaded .loader-wrapper .overlay-container{animation:pageOut .6s forwards}.loaded .bsgloader{opacity:0;transition:all .3s ease-out}.loaded .loader-wrapper{visibility:hidden;transition:all .3s ease-out .6s}